YG Design
An enterprise-class UI design language and React implementation.
English | 简体中文
✨ Features
- An enterprise-class UI design system for web applications.
- A set of high-quality React components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.
🖥 Environment Support
![]() IE / Edge |
![]() Firefox |
![]() Chrome |
![]() Safari |
![]() Opera |
![]() Electron |
---|---|---|---|---|---|
IE9, IE10, IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
⌨️ ops deploy
cnpm inpm run site
server {listen 80;server_name ygd.f.me;location / {add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Headers: content-type;try_files $uri /index.html;autoindex on;root /Users/fugang/workspace/xinao/ygyg-design/_site/;}}
📦 Install
npm install ygd
yarn add ygd
🔨 Usage
import DatePicker from 'ygd';ReactDOM;
And import style manually:
import 'ygd/dist/ygd.css'; // or 'ygd/dist/ygd.less'
Or import components on demand.
TypeScript
See Use in TypeScript.
🌍 Internationalization
See i18n.
🔗 Links
- Home page
- Components
- YG Design Pro
- Change Log
- rc-components
- Mobile UI
- Landing Pages
- Motion
- Scaffold Market
- FAQ
- CodeSandbox Template for bug reports
- Awesome YG Design
- Customize Theme
⌨️ Development
Use Gitpod, a free online dev environment for GitHub.
Or clone locally:
$ git clone git@git.ennew.alpha:front-end/ygyg-design.git$ cd ygyg-design$ npm install$ npm start
Open your browser and visit http://127.0.0.1:8001 , see more at Development.
Read our contributing guide and let's build a better ygd together.
We welcome all contributions.
plan
增加reqpath 处理 自动处理接口请求,并返回数据 。
reqpath -> dispatch -> model -> service -> data render view ui
用于 解决 以往 cloneRow 的习惯
对应原有bind事件,如delegate ,事件一直都在。不需要再考虑.
默认resultData为列表数据,可指定列表数据返回值 是否为resultData
border-box
menu/style/index.less 保持右侧导航 select/style/index.less
contentbox
layout layout/style/index.less
date-picker/style/TimePicker.less
pagnation pagination/style/index.less
upload/style/index.less
time-picker/style/index.less
switch/style/index.less
carousel/style/index.less
table/style/index.less
grid/style/mixin.less
grid/style/index.less
form/style/mixin.less
start
$ antd-tools run guard antd-tools run guard