1 | <p align="center"><a href="https://www.ygyg.cn" target="_blank"><img width="100" src="https://www.ygyg.cn/static/headerPublic/images/logo.png"></a></p>
|
2 |
|
3 | <p align="center">
|
4 | <a href="https://nodejs.org"><img src="https://img.shields.io/badge/node-%3E%3D8.9.1-green.svg?style=flat" alt="Node.js Version"></a>
|
5 | <a href="http://standardjs.com"><img src="https://img.shields.io/badge/code%20style-standard-brightgreen.svg" alt="js-standard-style"></a>
|
6 | </p>
|
7 |
|
8 | <h1 align="center">YG Design</h1>
|
9 |
|
10 | <div align="center">
|
11 |
|
12 | An enterprise-class UI design language and React implementation.
|
13 |
|
14 | </div>
|
15 |
|
16 | [![](https://cdn-images-1.medium.com/max/2000/1*NIlj0-TdLMbo_hzSBP8tmg.png)](http://ygd.ygego.dev1)
|
17 |
|
18 | English | [简体中文](./README-zh_CN.md)
|
19 |
|
20 | ## ✨ Features
|
21 |
|
22 | - An enterprise-class UI design system for web applications.
|
23 | - A set of high-quality React components out of the box.
|
24 | - Written in TypeScript with predictable static types.
|
25 | - The whole package of development and design resources and tools.
|
26 |
|
27 | ## 🖥 Environment Support
|
28 |
|
29 | * Modern browsers and Internet Explorer 9+ (with [polyfills](https://ygd.ygego.dev1/docs/react/getting-started#Compatibility))
|
30 | * Server-side Rendering
|
31 | * [Electron](http://electron.atom.io/)
|
32 |
|
33 | | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
|
34 | | --------- | --------- | --------- | --------- | --------- | --------- |
|
35 | | IE9, IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions
|
36 |
|
37 | ## 📦 Install
|
38 |
|
39 | ```bash
|
40 | npm install ygd
|
41 | ```
|
42 |
|
43 | ```bash
|
44 | yarn add ygd
|
45 | ```
|
46 |
|
47 | ## 🔨 Usage
|
48 |
|
49 | ```jsx
|
50 | import { DatePicker } from 'ygd';
|
51 | ReactDOM.render(<DatePicker />, mountNode);
|
52 | ```
|
53 |
|
54 | And import style manually:
|
55 |
|
56 | ```jsx
|
57 | import 'ygd/dist/ygd.css'; // or 'ygd/dist/ygd.less'
|
58 | ```
|
59 |
|
60 | Or [import components on demand](https://ygd.ygego.dev1/docs/react/getting-started#Import-on-Demand).
|
61 |
|
62 | ### TypeScript
|
63 |
|
64 | See [Use in TypeScript](https://ygd.ygego.dev1/docs/react/use-in-typescript).
|
65 |
|
66 | ## 🌍 Internationalization
|
67 |
|
68 | See [i18n](http://ygd.ygego.dev1/docs/react/i18n).
|
69 |
|
70 | ## 🔗 Links
|
71 |
|
72 | - [Home page](http://ygd.ygego.dev1/)
|
73 | - [Components](http://ygd.ygego.dev1/docs/react/introduce)
|
74 | - [YG Design Pro](http://pro.ygego.dev1/)
|
75 | - [Change Log](CHANGELOG.en-US.md)
|
76 | - [rc-components](http://react-component.github.io/)
|
77 | - [Mobile UI](http://mobile.ygego.dev1)
|
78 | - [Landing Pages](https://landing.ygego.dev1)
|
79 | - [Motion](https://motion.ygego.dev1)
|
80 | - [Scaffold Market](http://scaffold.ygego.dev1)
|
81 | - [FAQ](https://ygd.ygego.dev1/docs/react/faq)
|
82 | - [CodeSandbox Template](https://u.ygego.dev1/codesandbox-repro) for bug reports
|
83 | - [Awesome YG Design](https://github.com/websemantics/awesome-ant-design)
|
84 | - [Customize Theme](http://ygd.ygego.dev1/docs/react/customize-theme)
|
85 |
|
86 | ## ⌨️ Development
|
87 |
|
88 | Use Gitpod, a free online dev environment for GitHub.
|
89 |
|
90 | [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ant-design/ant-design)
|
91 |
|
92 | Or clone locally:
|
93 |
|
94 | ```bash
|
95 | $ git clone git@git.ennew.alpha:front-end/ygyg-design.git
|
96 | $ cd ygyg-design
|
97 | $ npm install
|
98 | $ npm start
|
99 | ```
|
100 |
|
101 | Open your browser and visit http://127.0.0.1:8001 , see more at [Development](https://github.com/ant-design/ant-design/wiki/Development).
|
102 |
|
103 | ## 🤝 Contributing [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
|
104 |
|
105 | Read our [contributing guide](https://ygd.ygego.dev1/docs/react/contributing) and let's build a better ygd together.
|
106 |
|
107 | We welcome all contributions.
|
108 |
|
109 | ## border-box
|
110 |
|
111 | /carousel/style/index.less
|
112 | date-picker/style/TimePicker.less
|
113 | form/style/mixin.less
|
114 | grid/style/mixin.less
|
115 | grid/style/index.less
|
116 | layout layout/style/index.less
|
117 | menu/style/index.less 保持右侧导航
|
118 | pagnation pagination/style/index.less
|
119 | select/style/index.less
|
120 | switch/style/index.less
|
121 | table/style/index.less
|
122 | time-picker/style/index.less
|
123 | upload/style/index.less
|