Ant Design 4.0.0-rc.0 发布 企业级UI设计语言

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

此版本更新内容：

新增功能及改进

• • antd 打包尺寸优化，js gzipped 从 532.75KB 下降到 289.89 KB。
  • 新增黑暗主题支持。
  • ConfigProvider 支持direction国际化设置rtl。

• 全新 Form 组件。
  • Form 组件自带数据绑定功能。
  • 字段值改动只会影响相关组件的渲染而非整个 Form。
  • 新增initialValues以代替原 field 初始化字段。
  • 新增validateMessages以支持修改校验模板。
  • 新增onFinish与onFinishFailed完成整体组件校验逻辑。
  • 新增onFieldsChange与onValuesChange以用于受控状态触发。
  • 提供useForm的 hook 支持。
  • Form.Item 新增name属性以进行数据绑定。
  • Form.ItemvalidateTrigger将只进行校验触发而不会同时收集字段值。
  • Form.Item 新增rules属性以进行数据校验。
  • Form.Item 新增shouldUpdate属性以支持 render props。
  • Form.Item 新增dependencies属性以简化相关字段更新逻辑。
  • Form.Item 新增noStyle属性以及添加无样式数据绑定。
  • 新增 Form.List 组件以简化增删改查操作。
  • 新增 Form.Provider 组件以支持多表联动。
• 全新 Table 组件。
  • 添加summary支持总结行。
  • 现在fixedColumn、expandable、scroll可以混合使用。
  • 支持多列排序。
  • 支持自定义body并添加虚拟滚动例子。
  • 使用 csssticky实云主机域名现固定效果以优化性能。
  • 优化expand动画效果。
• 全新 DatePicker、 TimePicker 与 Calendar 组件。
  • 支持自定义日期库。
  • 添加picker支持设置选择器（不再需要通过受控mode模拟选择器）。
  • 全范围选择器支持：时间、日期、周、月、年。
  • 范围选择器现在可以单独选择开始与结束时间。
  • 范围选择器可以为开始与结束时间单独设置disabled。
  • 范围选择器可以允许开始与结束时间为空。
  • 优化键盘支持。
• 移除 Icon，使用 @ant-design/icons 代替。
• Skeleton
  • 支持 Skeleton.Avatar 占位组件。
  • 支持 Skeleton.Button 占位组件。
  • 支持 Skeleton.Input 占位组件。
• Tree 支持虚拟滚动。
• Tree 增强无障碍支持以及键盘交互。
• Select 使用虚拟滚动并增强无障碍支持以及键盘交互。
• TreeSelect 使用虚拟滚动并优化键盘支持。
• Button 添加 danger 的 default 和 link 样式。
• Form 与 ConfigProvider 支持 size 设置包含组件尺寸。
• Typogra云主机域名phy 增加 suffix 属性。
• Progress 增加 steps 子组件。
• TextArea 支持 onResize。
• 新增 Alert.ErrorBoundary 用于提供友好的出错拦截和提示。
• Upload 支持 iconRender 以自定义 icon。
• Tag 组件预设状态颜色。
• Grid 使用 flex 布局。
• 修复 Carousel 组件 dotposition 为 left | right 的显示错误。
• 修复 Alert 组件文本溢出的问题。
• 移除废弃 API 的警告信息。
• 为使用 v3 字符串作为 icon 的 Avatar, Button, Modal.method 和 Result 组件增加 warning。
• 添加@border-color-split-popover、@input-icon-hover-color、@select-clear-background、@cascader-menu-border-color-split、@modal-header-border-color-split、@skeleton-to-color、@transfer-item-hover-bg 等 less 变量。

此外，从 v3 迁移到 v4 可以参考迁移文档，详情查看更新说明：https://github.com/ant-design/ant-design/releases/tag/4.0.0-rc.0

原文标题：Ant Design 4.0.0-rc.0 发布，企业级 UI 设计语言

原文地址：https://www.oschina.net/news/112569/ant-design-4-0-0-rc0-released

转发请注明出处:Ant Design 4.0.0-rc.0 发布 企业级UI设计语言

相关推荐: 网络防火墙和病毒防火墙的差别

防火墙(Firewall)一词，在网络术语中是指一种软件，它可以在用户计算机和Internet之间建立起一道屏障(Wall)，把用户和网络隔离开来；用户可以通过设定规则(rule)来决定哪些情况下防火墙应该隔断或允许云主机域名计算机与互联网间的数据传输。通过这…