Ant Design 4.1.0 发布,企业级 UI 设计语言

栏目: 软件资讯 · 发布时间: 4年前

内容简介:Ant Design 4.1.0 发布了。Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量...

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

此版本更新内容:

  • 支持紧凑模式主题。#22126 @AshoneA
  • 新的 Space 组件以支持内联组件的间距样式。#22363
  • DatePicker 支持季度选择器。#22468
  • Tree/TreeSelect/Select 支持 virtual 属性以关闭虚拟滚动。#21955
  • 改进 Pagination 使用体验。#22711
    • Pagination 当 total > 50 时默认显示切换页数选择器。
    • 统一 Pagination 十页以内的页码个数使其宽度更统一。
    • Pagination 调整默认页数选项为 10, 20, 50, 100
  • Table
    • Table 分页位置增加更多选项。#22647 @hengkx
    • 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 keyboard 属性用于开关键盘切换功能。
    • 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 在 Safari 下固定列的阴影样式问题。#22680
    • 修复 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
    • 优化 CheckBox inner RTL 样式问题。#22627
    • 优化 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#22691 @Rustin-Liu
    • 修复 Form.Item children 的类型定义。#22662

更新说明: https://github.com/ant-design/ant-design/releases/tag/4.1.0


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

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

信息架构

信息架构

[美] 路易斯·罗森菲尔德、[美] 彼得·莫尔维莱、[美] 豪尔赫·阿朗戈 / 樊旺斌、师蓉 / 电子工业出版社 / 2016-5-1 / 128.00元

本书的前三个版本都是信息架构领域的开山著作。其中描述了信息组织的普遍和永恒原则,这一原则也适用于不断增长的移动世界。在第4版中,作者运用大量最新的插图和例子为这些原则提供了当前实践中的情境,验证了那些与技术和供应商无关的工具,以及那些经受住时间考验的技术。一起来看看 《信息架构》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

随机密码生成器
随机密码生成器

多种字符组合密码

URL 编码/解码
URL 编码/解码

URL 编码/解码