Ant Design(阿里前端设计语言/React框架实现) v5.21.1官方版

Ant Design官方版是阿里开源的一套企业级的 UI 设计语言和 React 实现，使用 TypeScript 构建，提供完整的类型定义文件，自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。

特性：

提炼自企业级中后台产品的交互语言和视觉风格。

开箱即用的高质量 React 组件。

使用 TypeScript 开发，提供完整的类型定义文件。

全链路开发和设计工具体系。

数十个国际化语言支持。

深入每个细节的主题定制能力。

兼容环境：

现代浏览器和 IE11（需要 polyfills）。

支持服务端渲染。

Electron

示例

var antd = require('antd');

var Datepicker = antd.Datepicker;

React.render(<Datepicker />, mountNode);

开发说明:

本地调试

$ npm start

然后访问 //127.0.0.1:8000 。

网站部署

$ npm run deploy

版本构建

$ npm run release

更新内容:

Button 新增 danger 和 ghost 属性。

AutoComplete 支持自定义输入框的用法。

升级了 rc-cascader 到 0.11.0,支持键盘操作。

notification 支持更多弹出方向。

升级了 rc-steps 到 2.3.0,Steps 新增 progressDot 属性,支持自定义点状步骤条的样式。

升级了 rc-input-number 到 3.0.0

——现在输入时也会触发 onChange。

——修复了 onKeyUp 事件。

Slider 增加 veritical 模式。

Tag

——增加了预设颜色。

——调整了垂直对齐和默认间距。

添加了对德语的支持。

添加了对瑞典语的支持。

添加了对法语的支持。

Transfer 添加了 onSearchChange 回调。

Modal.confirm 添加了 maskClosable 配置项。

Form 增加 hideRequiredMark 属性。

改进了 Upload 的列表图片预览。

升级了 rc-select 到 6.7.1。

——修复了 Select 的 onChange 回调重复触发的问题。

——修复了 Select 显示初始化值的问题。

升级 rc-tree-select 到 1.9.0。

——新增 treeDefaultExpandedKeys 属性。

——修复了文字溢出换行问题。

新增 less 变量: @border-style-base @border-width-base @btn-danger-color @btn-danger-bg 等。

修复了 Badge 在页面放大时错位的问题。

修复一个固定表头的表格错位问题。

修复一个 IE 下表格滚动时卡顿的问题。

添加别名以修正图标命名风格:addfile => file-add,addfolder => folder-open,原有的命名依然有效。

Ant Design 更新日志：

v5.21.1

修复 FloatButton 的 toolip 属性不支持设置为 0 的问题。

修复 Space 组件包裹的 Select 系列组件在 hover 时清除图标不展示的问题。

修复 Cascader 内部 ul 的 margin 值异常的问题。

修复 Input 组件在紧凑模式下内边距异常的问题。

优化 Message 组件在紧凑模式下的内边距。

修复 Radio.Button 组件在暗色模式下的文字颜色。

修复 Select 组件在紧凑模式下内边距异常的问题。

修复 Slider 组件标签原点样式问题。

优化 Switch 组件暗色模式下的颜色。