ygd
An enterprise-class UI design language and React-based implementation
Last updated 5 days ago by fugangb .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install ygd 
SYNC missed versions from official npm registry.

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

Current Tags

  • 3.15.13                                ...           latest (5 days ago)

13 Versions

  • 3.15.13                                ...           5 days ago
  • 3.15.12                                ...           5 months ago
  • 3.15.11                                ...           a year ago
  • 3.15.10                                ...           a year ago
  • 3.15.9                                ...           a year ago
  • 3.15.8                                ...           a year ago
  • 3.15.7                                ...           a year ago
  • 3.15.6                                ...           a year ago
  • 3.15.5                                ...           a year ago
  • 3.15.4                                ...           a year ago
  • 3.15.3                                ...           a year ago
  • 3.15.2                                ...           a year ago
  • 3.15.1 [deprecated]           ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 53
This Month 73
Last Day 0
Last Week 2
Last Month 48
Dependencies (52)
Dev Dependencies (104)
Dependents (1)

Copyright 2014 - 2016 © taobao.org |