您的位置：首页 > 产品设计 > UI/UE

Ant Design v4.1 发布，企业级UI设计语言

2020-03-01 00:00 246 查看

Ant Design v4.1 已经发布，一套企业级的 UI 设计语言和 React 实现。

Ant Design v4.1 更新日志：

🔥 支持紧凑模式主题。#22126 @AshoneA
🔥 新的 Space 组件以支持内联组件的间距样式。#22363
🔥 DatePicker 支持季度选择器。#22468
🆕 Tree/TreeSelect/Select 支持 virtual 属性以关闭虚拟滚动。#21955
🆕 改进 Pagination 使用体验。#22711 Pagination 当 total > 50 时默认显示切换页数选择器。
统一 Pagination 十页以内的页码个数使其宽度更统一。
Pagination 调整默认页数选项为 10, 20, 50, 100。

Table

🆕 Table 选择列支持 renderCell。#21711
🆕 Table 排序增加下次排序的提示，并增加 showSorterTooltip 属性开关。#21631 @AshoneA

🆕 Tag 支持 icon 属性。#22418 @vtsybulin

🆕 Grid 添加 useBreakpoint hook. #22226

🆕 Card 支持 tabProps。#22207

🆕 Menu.Item 上的 Tooltip 现在可以使用 title={null} 来禁用。#22202

🆕 Pagination supports autoResize prop。#21959 @wendellhu95

🆕 Popover/Popconfirm 添加 render props 支持。#22034 @nossbigg

🆕 TimePicker.RangePicker 支持 order 属性用于设置排序行为。#21948

🆕 Carousel dots 支持对象传递 className。#21848

🆕 Form validateMessages 支持 ${label} 变量。#21835

🆕 暴露 Breadcrumb.Item 组件的所有 Dropdown 的可配置属性。#20763 @paranoidjk

⌨️ 增强 Tabs 可访问性。#22287

Tabs extraContent 里的元素不再触发键盘切换功能。

🛠 添加 Form.Item 在受控时使用 defaultValue 的警告信息。#22571

🛠 Typography onExpand 添加事件参数。#22092 @BlazPocrnja

🛠 简化 Popconfirm 和 Popover 的 dom 结构。#22052

🐞 修复 Autocomplete value 为 null 时，值展示 null 的问题。#21955

🐞 调整 Drawer 无 title 时关闭按钮样式以避免遮挡滚动条。#22710

🐞 修复 Calendar 的一些样式细节问题。#22676

Table

🐞 修复 Table 样式影响内嵌 table 的问题。#22643
🐞 修复 Table 同时设置 rowSelection 和 onRow 事件冒泡问题。#22566 @hengkx
🐞 修复 Table 空文本没有居中的问题与空数据依然展示了分页的问题。#22548 @hengkx

🐞 修复 Input 只配置 suffix 时的样式对齐问题。#22603

🐞 修复 Alert 无法和 Tooltip/Popover 一起使用的问题。#22594

🐞 修复嵌套动态 Form.Item 会被 react 警告更新移除节点的信息。#22575

💄 调整 Tag processing 状态颜色。#22303

💄 移除 Select 下拉组标题的鼠标可点击样式。#22581

💄 迁移 @form-item-label-height less 变量到主题变量中。#22600 @slavakam

💄 优化 Table 筛选菜单按钮的样式并修复 Dropdown 二级菜单的上下边距。#22072

💄 新增 less 变量 @link-focus-decoration 和 @link-focus-outline。#22511

💄 新增 DatePicker disabled 时，分隔符鼠标禁用样式。#22563

RTL

inner

🐞 优化 Upload picture-card RTL 样式问题。#22630
🐞 修复 Badge RTL 数字显示样式问题。#22665
🐞 修复 Select RTL 多选可清空时，选项样式问题。#22596
🐞 修复 Progress RTL 样式问题。#22558
🐞 修复 Badge RTL 样式问题。#22551
🐞 修复 Input RTL 样式问题。#22525
🐞 修复 Steps RTL 样式问题。#22523
💄 优化 Tabs RTL 按钮样式问题。#22653
💄 优化 Input.Group RTL 样式问题。#22624
💄 优化 Timeline label RTL 样式问题。#22652
💄 优化 Select group RTL 样式问题。#22584
💄 优化 Dropdown.Button RTL 样式问题。#22519

Typescript

React.SFC

React.FC

🐞 修复 Form.Item children 的类型定义。#22662

特性

提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 React 组件。
使用 TypeScript 构建，提供完整的类型定义文件。
全链路开发和设计工具体系。

支持环境

现代浏览器和 IE9 及以上。
支持服务端渲染。
Electron

下载

Linux公社的RSS地址：https://www.linuxidc.com/rssFeed.aspx

本文永久更新链接地址：https://www.linuxidc.com/Linux/2020-03/162744.htm

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Ant Design

相关文章推荐

新的分享

章节导航