ygd
TypeScript icon, indicating that this package has built-in type declarations

3.15.13 • Public • Published

Node.js Version js-standard-style

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
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
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

⌨️ Development

Use Gitpod, a free online dev environment for GitHub.

Open in Gitpod

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.

🤝 Contributing PRs Welcome

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

Package Sidebar

Install

npm i ygd

Weekly Downloads

7

Version

3.15.13

License

MIT

Unpacked Size

45.5 MB

Total Files

2203

Last publish

Collaborators

  • fugangb