ygd

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

• Modern browsers and Internet Explorer 9+ (with polyfills)
• Server-side Rendering
• Electron

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 i
npm 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.render(<DatePicker />, mountNode);

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 [e-mail]: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.

🤝 Contributing

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