Ant Design 4.17.0 发布，企业级 UI 设计语言和 React 实现

内容简介：Ant Design 4.17.0 现已发布，主要变化如下： 动态主题 ConfigProvider 支持动态配置主题色，详细文档。#31496 移动部分 mixins less 文件到 themes 文件下，因为它们依赖于主题相关变量。我们不推荐直接引用底层...

Ant Design 4.17.0 现已发布，主要变化如下：

• 动态主题
  • ConfigProvider 支持动态配置主题色，详细文档。#31496
  • 移动部分 mixins less 文件到 themes 文件下，因为它们依赖于主题相关变量。我们不推荐直接引用底层 less 文件，但是如果你使用了请注意这部分变更。#32763
  • 修复 antd.variable.less 编译时会混入默认主题配置的问题。#32279
  • 修复 antd 编译产物缺失 /style/default.css 文件的问题。#32116
  • 修复 less 编译 antd.xxx.less 会抛出 Maximum call stack size exceeded error 的问题。#32063
• Input
  • 修复 Input.Search 组件在有 allowClear 和 addonBefore 属性时，输入框 border-left-radius 值错误的问题。#32812
  • 修复 Input 设置 disabled 时仍然保留聚焦样式的问题。#32739
  • 修复 Input placeholder 在 Chrome 上能被选择的问题。#32639
  • Input.TextArea maxLength 属性现在会传给原生 textarea 标签。#32448
  • 修复 Input 聚焦时点击清除图标无效的问题。#31931
• Cascader
  • Cascader 支持 multiple 模式。#31936
  • 在 Cascader 组件中，默认给选中值的文本添加 title 属性。#31237
  • 修复 Cascader 中 popupClassName 与 popupPlacement 属性无效问题。#32143
• Select
  • Select 支持 placement 属性。#32143
  • Select 支持 fieldNames 自定义字段名称。#31925
  • Select 支持 mac 的 ctrl + n/p 快捷键组合。#650
  • Select 在 multiple 模式下，tag 添加 title 属性。#637
  • 优化 Select 中选项文字粗细。#32486
• TreeSelect
  • TreeSelect 支持 placement 属性。#32143
  • TreeSelect 支持 fieldNames 自定义字段名称。#31925
• Tree
  • Tree draggable 添加拖拽图标以提示。#32306
  • Tree 添加 fieldNames 属性以支持自定义节点字段名称。#31395
  • Tree 虚拟滚动也支持 onScroll 事件。#474
  • 修复 Tree 一个图标文字对齐问题。#32822
  • 修复 Tree.DirectoryTree 键盘操作时抛出 TypeError:nativeEvent is undefined。#32551
  • 修复 Tree 拖拽到外部时没有清空指示器的问题。#478
  • 修复 Tree 连接线在浏览器放大时一像素位置偏差的问题。#32075
• PageHeader
  • 修复 PageHeader breadcrumbRender 返回false，仍然展示 dom 的问题。#32738
• Form
  • Form rule 支持 warningOnly 实现非阻塞校验。#30829
  • Form.ErrorList 支持自定义 className 属性。#30887
  • 修复 Form 下 Select 内容太长导致布局换行的问题。#32778
  • 修复 Mentions 在 Form 下错误样式丢失的问题。#32385
• Drawer
  • 调整 Drawer 关闭按钮位置和默认宽度，新增 extra 操作区域和 size 大小属性。#30908
  • Drawer 支持 autoFocus 属性。#181
  • 修复底部 Drawer 组件没有动画的问题。#32761
  • 优化 Drawer 弹出动画。#32342
• Steps
  • 修复 Steps 垂直 progressDot 的对齐样式问题。#32742
  • 修复 Steps 默认响应式不生效的问题。#31965
• Typography
  • 修复 Typography 在单行折叠时展开后不换行。#32735
  • 修复 Typography 设置 ellipsis 后在缩放下的文本溢出。#32496
  • 修复 Typography ellipsis 在 Chrome 下屏幕缩小时溢出的问题。#32447
• Table
  • Table 新增 column.filterMode 以支持配置树形筛选菜单，可选值为 'menu' | 'tree'。#31809
  • Table 新增 column.filterSearch 以支持开启筛选列搜索功能。#31809
  • Table 鼠标悬浮 rowSpan 行时会高亮所有相关行。#32557
  • 修复 Table 选择框下拉箭头被固定列遮挡的问题。#32276
  • 修复 Table 设置 sticky 的时候 loading 样式跳动的问题。#32703
  • 修复 Table 不支持 ref 的问题。#32136
  • Table 移除 IE11 下 sticky 的相关样式以解决布局问题。#32177
  • 优化 Table 排序图标边距问题。#32172
  • 修复 Table 中 pagination.className 不生效的问题。#32131
  • 修复 Table.SELECT_XXX 会无视 getCheckboxProps 提供的 disabled 状态问题。#32027
  • Table 筛选菜单重置按钮现在不再关闭菜单和生效。#31809
  • 回滚 Table sticky z-index 样式的 less 计算到 calc，以防止 auto 样式计算错误问题。#31874
  • 修复 Table 在数据变更后滚动条展示问题。#647
• Transfer
  • Transfer 新增自定义左右 footer。#31108
  • Transfer 支持 locale.notFoundContent 传入数组。#31088
  • 修复 Transfer 打开选择菜单时抛出 MenuItem should not leave undefined key 警告。#32578
  • 调整 Transfer 筛选搜索框图标位置，使其和表格筛选搜索框统一。#31809
• Collapse
  • 修复 Collapse 设置 expandIconPosition 为 right 后的样式问题。#32648
  • 调整 Collapse 标题栏样式使标题折行时不侵占箭头空间。#32492
• Button
  • 修复 Button 有 icon 和 href 时的对齐问题。#32373
  • 修复 Button ghost 鼠标悬停样式。#32289
  • 修复 Button 配置 loading 时，无法触发 Tooltip 的问题。#32158
• Pagination
  • Pagination 支持定制 selectComponentClass。 #32132
  • Pagination simple 属性下中翻页 input 增加 box-shadow。#32528
• Upload
  • 修复 Upload listStyle="picture" 下加载中样式错位的问题。#32664
  • 修复 Upload 错误背景颜色。#32051
• InputNumber
  • InputNumber 增加 addonBefore 和 addonAfter 属性支持。#31432
  • InputNumber 新增 controls 属性用于控制是否显示加减按钮。#31548
  • InputNumber formatter 支持额外参数用以检测当前变更是否为用户输入。#31030
  • 修复 InputNumber 操作杆箭头未居中对齐的问题。#32409
  • 聚焦 InputNumber 时将始终显示加减操作区。#31911
• DatePicker
  • DatePicker 和 RangePicker 现在支持 nextIcon、prevIcon、superNextIcon 和 superPrevIcon。#31703
  • 修复 RangePicker 的 defaultPickerValue 不生效的问题。#32107
• Notification
  • Notification 支持 maxCount 属性以限制最大显示数。#31807
  • 修复多次调用 Notification 时 closeIcon 配置无法覆盖的问题。#32359
• 增加 Menu.Divider 的 dashed 属性。#31379
• Skeleton.Button 添加 block 属性。#30902
• Popconfirm 组件的 onConfirm 允许返回一个 Promise。#30871
• 修复 Card 设置 tabs 后当 tabPosition: 'left' 时的样式问题。#32695
• 修复 Radio type 属性被覆盖导致无法点击的问题。#32463
• 修复英文国际化文案 Ok 为 OK。#32259
• 修复 Switch loading 按钮位置不正确的问题。#32216
• 修复 Grid Col flex 在内容过长的时候缩放失效的问题。#32160
• 修复调用 message.useMessage 时未使用 ConfigProvider 中的 getPopupContainer 返回元素作为容器的问题。#31939
• 优化 Image 在小尺寸下省略预览文本。#29900
• 修复 Alert message 为空时 dom 节点还在的问题。#32057
• 修复 Anchor 组件包含空格时 targetOffset 属性不生效的问题。#31952
• 新增 Less 变量 @checkbox-border-radius。#31360
• Avatar 增加 crossOrigin 参数以解决跨域问题。#31273
• RTL
  • 优化 Alert 关闭按钮在 RTL 模式下的显示。#32286
  • 优化 Table 表头操作按钮在 RTL 模式下显示。#32283
  • 优化 Collapse 按钮在 RTL 模式下位置显示。#32282
  • 优化 Badge 数字在 RTL 模式下显示和动画。#32281
  • 优化 InputNumber 操作栏 RTL 模式下边框样式。#32272
  • 优化 Dropdown RTL 模式下 icon 显示。#32271
  • 修复 Transfer 列表在 RTL 模式下 direction 取值。#31903
• 国际化
  • 添加格鲁吉亚语言环境。#32106
  • 补充 de_DE 中 Image 字段。#32001
  • 添加马拉雅拉姆语 (ml_IN) 语言环境。#31521
  • 添加乌尔都语 (ur_PK) 语言环境。#31346
  • 添加孟加拉语 (bn_BD) 语言环境。#31257
• TypeScript
  • 修改 Spin tip 的类型为 ReactNode。#32733
  • 修复 Message duration 类型定义。#32524
  • 修复 ConfigProvider 中 getPopupContainer 的参数类型。#32406
  • 修复 Table 丢失泛型定义。#32358
  • 修复 Switch id 属性定义。#32237
  • 修复 Button 的 type 的 TS 类型定义。#32004
  • 完备 Pagination 的 locale TS 类型定义。#32128
  • 完善并导出 DropdownButton 的 DropdownButtonType TS 类型定义。 #31957
  • 调整 List 组件 rowKey 类型为 React.key。#32033
  • 修复 DatePicker ref 类型。#31993
  • 更新 Drawer 中 levelMove 类型定义。#30714

更多详情可查看：https://github.com/ant-design/ant-design/releases/tag/4.17.0

 

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• Go 语言实现的小型、动态、快速、安全的脚本语言
• Go语言实现RPC
• Go语言实现RPC
• go语言实现http
• 优先队列-C语言实现
• 使用 Go 语言实现凯撒加密

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。