Ant-design

一套企业级的 UI 设计语言

Ant Design npm package Join the chat at https://gitter.im/ant-design/ant-design

一套企业级的 UI 设计语言和 React 实现。

特性

  • 提炼自企业级后台产品的交互语言和视觉风格。
  • React Component 基础上二次封装的丰富实用的 UI 组件。
  • 基于 React 的组件化开发模式。
  • 背靠 npm 生态圈。
  • 基于 webpack 的调试构建方案,支持 ES6。

示例

import { Datepicker } from 'antd';
React.render(<Datepicker />, mountNode);

链接

如何贡献

我们欢迎任何形式的贡献,有任何建议或意见您可以进行 Pull Request,或者给我们 提问

Ant Design

Coveralls Dependency Status

npm package NPM downloads Average time to resolve an issue Join the chat at https://gitter.im/ant-design/ant-design

一套企业级的 UI 设计语言和 React 实现。

特性

  • 提炼和服务企业级中后台产品的交互语言和视觉风格。
  • React Component 基础上精心封装的高质量 UI 组件。
  • 使用 TypeScript 构建,提供完整的类型定义文件。
  • 基于 npm + webpack + babel + dora + dva 的企业级业务开发框架。

安装

npm install antd

示例

import { DatePicker } from 'antd';
ReactDOM.render(<DatePicker />, mountNode);

引入样式:

import 'antd/dist/antd.css';  // or 'antd/dist/antd.less'

按需加载可通过此写法 import DatePicker from 'antd/lib/date-picker' 或使用插件 babel-plugin-import

浏览器支持

现代浏览器和 IE9 及以上。

IE8 issues

TypeScript

tsconfig.json

{
  "compilerOptions": {
    "moduleResolution": "node",
    "jsx": "preserve",
    "allowSyntheticDefaultImports": true
  }
}

注意:设置 allowSyntheticDefaultImports 避免 error TS1192: Module 'react' has no default export 的错误。

链接

如何贡献

我们欢迎任何形式的贡献,有任何建议或意见您可以进行 Pull Request,或者给我们 提问

发布周期

  • 每周末会发布一个完全兼容的 patch 版本。
  • 每月发布一个带有新特性的 minor 版本。
  • 任何时候都可以发布紧急补丁。
  • 大版本号不在此发布周期内。

讨论区