Ant Design Pro是款专业的UI设计工具和React组件库。它可以为用户提供专业的组件模型,非常适合UI设计人员实用。为大家提供全方面的前端UI设计辅助功能,同时还具备大量的UI设计方案,可以很好的激发用户的设计灵感,非常不错。
【软件特色】
1、更加专注内容:试想一下,我们在电影院看电影时,为什么要全场关灯?甚至有些 APP,在影片的下方也会有一个模拟关灯效果的操作,来让整个手机屏幕变黑,只剩下视频画面的部分,这都帮助我们可以更专注、更沉浸在当前的内容下。
2、在暗光环境下更加适用:如今社会我们身处黑夜使用手机、电脑、ipad等设备的次数越来越多,环境光与屏幕亮度的明暗差距在夜间会被放大 ,亮度对比带来视觉刺激也更加明显,使用暗色模式可以缩小屏幕显示内容与环境光强度的差距,同时也可以为设备的续航带来积极影响,可以保证使用者在暗光环境下使用 OLED 设备的舒适度
3、大众喜爱:黑色一直以来就可以给人以高级、神秘的语义象征,相比于浅色模式,暗色模式藏着更多可能性
【常见问题】
问:软件会提供 Sass/Stylus 等格式的样式文件吗?
答:不会提供。但你可以使用工具将 Less 转换成 Sass/Stylus 等。
问:使用时点击“Select Dropdown DatePicker TimePicker Popover Popconfirm”内的另一个 popup 组件时它会消失,如何解决?
答:该问题在3.11.0后续版本中已经得到解决。但如果您使用的仍然是旧版本,可以通过在 Popover 中渲染组件,或者使用其他的 getXxxxContainer 参数进行解决。
问:如果只想使用 Menu/Button 等,是不是必须 import 整个 antd 和它的样式文件?
答:可以试试 babel-plugin-import,或者(ES6 支持的 tree shaking 方式):
【更新日志】
新增 tableLayout 属性,支持设置表格的 table-layout 布局,并在固定表头/列下默认开启 tableLayout="fixed",解决因为表格自动根据内容排版造成的列对齐问题。
新增 column.ellipsis 支持单元格内容自动省略。
新增 scroll.scrollToFirstRowOnChange 属性,用于设置在翻页后是否滚动到表格顶部。
filterDropdown 新增 visible 参数,用于获取下拉框的显示状态。
title 方法新增 sortColumn 参数,用于获取当前排序的列。
排序时 onChange 的 sorter 参数将始终包含 column 信息。
修复过滤下拉菜单的间距问题。
Anchor 新增 onChange 属性,用于监听锚点链接的改变。
新增 showDownloadIcon 属性,用于展示下载图标。
支持 onRemove 对上传中断的控制。
Input.Search 新增 loading 属性,用于展示加载中的状态。
Grid 的 gutter 属性新增垂直间距的支持,现在你可以给 gutter 设置一个数组,数组的第二个值就表示垂直间距。
message 新增支持通过唯一的 key 来更新内容。
Layout 新增 zeroWidthTriggerStyle 属性以控制当 collapsedWidth 为 0 时,出现的特殊 trigger 的样式。
Drawer 新增 drawerStyle 和 headerStyle 属性。
新增 ghost 属性,用于设置是否需要白底背景。
新增 pageHeader 用于全局控制 PageHeader 的样式。
修复 moment 不能被 tree shaking 的问题。
修复 TreeSelect 的 removeIcon 和 clearIcon 属性不生效的问题。
修复 Tree 设置 showLine 后 switcherIcon 不生效的问题。
修复 Slider 组件设置 handle 大小后定位错误的问题。
修复在 IE 11 下的图标样式。
修复 expandIcon 的 className 会被覆盖的问题。
修复 Tree.DirectoryTree 组件传入 treeData 时 defaultExpandAll 不生效的问题。
修复 Dropdown 下部分 Menu 样式错乱的问题。
修复 Cascader 的 placeholder 国际化错误。
新增 less 变量 @typography-title-margin-top 和 @typography-title-margin-bottom。
提示:废弃 Input.TextArea 的 autosize 属性,请使用 autoSize 代替。