开始 · Change Log
更新日志
关于 Semi Design For React 优化与更新。我们提供了版本间的 Changelog Diff,你可以通过 hover 版本号唤出 Diff 控件。如果你想查看单个组件的变更历史,可以通过对应组件文档的 版本对比 按钮查看
Semi 版本号遵循 Semver 规范(主版本号-次版本号-修订版本号):
- 主版本号(major):大版本更新,一般为重大性能/使用变更,允许做 API 级别的 breaking change
- 次版本号(minor):Semi 固定每两周发布一个 minor 版本,包括以下类型变更:添加了新组件/新 feature,或者设计规范样式更新,或者不合理交互的变更,但不会对组件 API 做删减或功能变更。
- 修订版本号(patch):仅会进行 bugfix,发布时间不限
- 不同版本间的详细关系,可查阅 FAQ
🎉 2.72.0-beta.0 (2024-12-16)
- 🎁【Feature】
- 🔧【Fix】
- 修复 Carousel 在 children 中渲染 state 的值不更新问题 #2634
🎉 2.71.2 (2024-12-13)
- 🔧【Fix】
🎉 2.71.1 (2024-12-11)
- 🎁【Feature】
- 图标模式按钮新增 $height-button_iconOnly_small $width-button_iconOnly_small $height-button_iconOnly_default $width-button_iconOnly_default $height-button_iconOnly_large $width-button_iconOnly_large token #2618
🎉 2.71.0 (2024-12-06)
- 🔧【Fix】
- 对于非展示状态的 Tooltip,页面尺寸变化时不做位置计算 #2606
🎉 2.70.2 (2024-12-04)
- 🔧【Fix】
- 修复 Datepicker 类型为 monthRange 时,面板默认选中的年月无法选中跨年情况 #2608
🎉 2.71.0-beta.0 (2024-12-02)
- 💡【New Component】
- 🎁【Feature】
- 🗃【Chore】
- 🚀【Performance】
- Select renderOption 相关的逻辑推迟在候选项展示后再执行, 减少不必要的渲染 #2598
- 🔧【Fix】
🎉 2.70.1 (2024-11-25)
- 🔧【Fix】
- 修复 Chat 组件对话框中的文件 url 错误导致点击文件无法正确打开文件问题 #2589
🎉 2.70.0 (2024-11-22)
- 🔧【Fix】
- 修复拖动 Chat 组件内部文件时候,错误显示放置区域问题 #2569
🎉 2.70.0-beta.0 (2024-11-18)
- 🔧【Fix】
- 🎁【Feature】
🎉 2.69.2 (2024-11-19)
- 🔧【Fix】
- 修复点击触发排序的表头会透出被遮盖的内容问题,影响版本 2.65.0-2.69.1 #2578
🎉 2.69.1 (2024-11-15)
- 🔧【Fix】
🎉 2.69.0 (2024-11-08)
- 🔧【Fix】
- 插画包 @douyinfe/semi-illustrations 中的 clip-rule & stroke-width 修改为 clipRule & strokeWidth
🎉 2.69.0-beta.0 (2024-11-04)
- 🎁【Feature】
- 🔧【Fix】
- 修复 Chat 的消息对比逻辑在前后消息为不同的空数组时的 TypeError #2557
🎉 2.68.4 (2024-11-04)
- 🔧【Fix】
- 💅【Style】
🎉 2.68.3 (2024-10-23)
- 🔧【Fix】
- 修复 TreeSelect 设置了 keyMaps后,在搜索状态中,点击展开按钮后,选项文本展示错误问题 #2541
🎉 2.68.2 (2024-10-21)
- 🔧【Fix】
- 修复
$z-resizable_handler
token 未定义问题,影响版本 v2.68.0-beta.0 - 2.68.1 #2539
- 修复
🎉 2.68.0 (2024-10-18)
- 🔧【Fix】
🎉 2.68.0-beta.0 (2024-10-16)
- 💡【New Component】
- 🎁【Feature】
🎉 2.67.2 (2024-10-16)
- 🔧【Fix】
- ✨【Design Token】
- Select 组件新增 Token:
$color-select_input_disabled-border-focus
、$color-select_input_disabled-border-focus
定制禁用态focus背景色样式、定制禁用focus边框 - 新增加 $width-cascader-option-icon 用于表示面板中的 icon 的宽度 #2529
- Select 组件新增 Token:
🎉 2.67.1 (2024-10-11)
- 🔧【Fix】
🎉 2.67.0 (2024-09-27)
- 🔧【Fix】
- 修复 Typography 在 strong 属性为 true 时,省略计算存在误差问题 @pandoralink #2506
🎉 2.67.0-beta.0 (2024-09-23)
- 🎁【Feature】
- 🔧【Fix】
- 修复 PinCode 在非受控模式下,onChange 不触发的问题 #2509
- 修复 PinCode value 为空字符串时 onChange 不触发的问题 #2502 @koderx
- 修复 AutoComplete 选项多于一页时,使用键盘 ArrowUp、ArrowDown切换时无法自动滚动至视图中的问题 #1530
- 修复 AutoComplete 的子组件 className 大小写与父组件(.semi-autocomplete)不一致的问题(.semi-autoComplete-option -> .semi-autocompelte-option),一致改为小写 #2501
- 修改 Cascader, TreeSelect 当 emptyContent 为 null 的行为,同 Select 保持一致 #2476
- 修复 Select 在 使用 IrenderOptionItem 时使用键盘上下键选择选项后,未能自动滚动至视图内的问题 #2263
- Upload 在 React StrictMode 下上传请求无法正确发出的问题(影响范围 v2.64.0-2.66.1)#2410
- 修复 Cascader 在有 suffix 并设置了 showClear 的情况下,清除图标位置和清除图标位置不同问题 #2493
- 💅【Style】
- 修改 Chat 组件聊天框中的图片展示以及输入框中的上传图片展示效果,从填充到保持宽高比例填充(object-fit 从 fill -> cover),防止图片变形 #2496
- 将 Cascader 的 trigger 中内容区域和 icon 间距和 select/treeSelect 保持一致 #2472
- 修复 Cascader 面板选项在 rtl 模式下,样式不符合预期问题 #2475
- 修改 Cascader 中样式名称不合理的命名, undisabled -> enable #2494
- 修改 Select 在设置 suffix 情况下,后缀和下拉图标的位置关系未与 TreeSelect/Cascader 保持一致问题(如有其他位置需求,可通过设置 flex 的 order 属性自行调整位置)#2493
- 修复位于InputGroup中间位置的 InputNumber,DatePicker, Time Pick,AutoComplete的圆角不为 0 问题 #2489
🎉 2.66.1 (2024-09-12)
- 🔧【Fix】
- 优化 Datepicker 在马来语、俄语、越南语、阿拉伯语 的星期一-星期日的文案展示; 优化 Table 左下角文案在日语、印尼语、越南语时的展示 #2486
🎉 2.66.0 (2024-09-10)
- 🔧【Fix】
- 🗃【Chore】
🎉 2.66.0-beta.0 (2024-09-02)
- 💡【New Component】
- 🎁【Feature】
- 🔧【Fix】
- 🗃【Chore】
🎉 2.65.0 (2024-08-23)
- 🔧【Fix】
🎉 2.65.0-beta.0 (2024-08-20)
- 🎁【Feature】
- 优化 Table 的排序交互,仅有排序功能时,支持点击整个表头column触发排序。Column 支持 showSortTooltip API支持设置是否显示 tooltip,默认为 true #2413
- MarkdownRender 支持 RemarkPlugin 和 RehypePlugins 插件 #2433
- Tree、TreeSelect 的 renderLabel API 增加 searchWord 参数,用于透出当前搜索框输入值 #2412
- Datepicker 支持 leftSlot、rightSlot @LuyangFE #2409
- Typograph 组件支持自定义复制区域渲染 @sylingd #2408
- 🚀【Performance】
- 优化 Input、TextArea getValueLength 判断次数 #2432
- 🗃【Chore】
- Image 组件 interface 支持原生 img 元素属性 #2427
- 🔧【Fix】
- 修复 Chat 中消息为空数组时,发送消息后的类型错误 #2411
- 修复 Table aria-level 在树形数据为空时错误的问题 #2359
- 修复 Table 树形数据为空且 expandIcon 为 false时缩进错误的问题 #2425
- 修复 Collapse Tabs 在快速点击左右箭头情况下造成的箭头禁用情况不正确问题 #2415
- 修复 Chat 组件在 showStopGenerate 为 true 时,消息的 status 为 error 会展示停止按钮问题 #2422
- 修复 Cascader 搜索后以及多选,弹出层的位置未重新计算,导致内容较长的面板被遮挡问题 #2417
- 修复 Cascader 多选场景,通过点击 trigger 中已选项的关闭 icon 取消选中,弹出层位置未重新计算问题 #2417
- 修复 DatePicker 点击选择的日期两次后,选中态颜色丢失 #2389
🎉 2.64.0 (2024-08-12)
- 🔧【Fix】
- 修复 Tooltip triggerDOM 特殊场景下未定义的问题 commit
🎉 2.64.0-beta.0 (2024-08-05)
- 💡【New Component】
- 新增 颜色选择器 ColorPicker 组件,用户快速选择颜色,支持滴管屏幕取色 #2218
- 🎁【Feature】
- Calendar 日视图中起止时间完全相同的事件支持并排显示,不互相遮盖 #2393
- 🔧【Fix】
🎉 2.63.0 (2024-07-26)
- 🔧【Fix】
- 修复 TimePicker 在 onChangeWithDateFirst false 情况下为先选后一个时间导致 invalid time value 问题 #2376
- 💅【Style】
- 🗃【Chore】
- 修复 Form 中 formAPI 缺少 getFormProps 类型定义问题 #2367
🎉 2.63.0-beta.0 (2024-07-22)
- 💡【New Component】
- 新增 Chat 组件用于渲染对话列表 #2248
- 🔧【Fix】
- 🎁【Feature】
🎉 2.62.1 (2024-07-16)
- 🔧【Fix】
🎉 2.62.0 (2024-07-12)
- 🔧【Fix】
- 🗃【Chore】
🎉 2.62.0-beta.0 (2024-07-05)
- 💡【New Component】
- 🎁【Feature】
- TreeSelect, Cascader 支持通过 esc 按键关闭弹出层 #2329
- 💅【Style】
- 修复 theme 为 outline 的 ButtonGroup 样式错误问题 #2328
- 🔧【Fix】
- 🗃【Chore】
🎉 2.61.0 (2024-06-24)
- ✏️【Documentation】
- 新增 web components 适配文档 #2313
🎉 2.60.1 (2024-06-19)
- 🔧【Fix】
- 修复 Typography 组件中 icon 大小和 size 设置未保持一致问题,影响版本2.59.0-2.60.1 #2308
🎉 2.61.0-beta.0 (2024-06-18)
- 🎁【Feature】
- Breadcrumb 支持通过 activeIndex 受控当前高亮导航项 #2301
- Select 支持 searchPosition 配置 #2298
- Form 组件 formApi 增加 scrollToError ,支持手动滚动至校验错误处 #2294
- Tree、TreeSelect 增加 autoMergeValue API @LuyangFE #2233
- Tabs 添加 arrowPosition 设置滚动折叠模式下,箭头切换器的渲染位置 #2288
- Tabs 添加 renderArrow 用于自定义滚动折叠模式下,箭头左右切换器的渲染 #2288
- Tabs 添加 visibleTabsStyle 用于设置滚动区域样式 #2288
- Tabs 添加 onVisibleTabsChange 用于在 tabs 溢出时获取未隐藏的项目 #2288
- Tabs 增加 showRestInDropdown 用于控制可折叠 Tabs Dropdown 面板的显隐 #2289
- OverflowList 在 scroll 模式下添加 onVisibleStateChange 用于在溢出时获取未隐藏的项目 #2288
- Avatar size 支持传入合法的 width 属性值例如 "10px" #2290
- 🔧【Fix】
- 修复 Pagination 因位置变化下拉菜单位置没有跟随变化的问题 2307
- 修复 Tooltip 在快速移动下,可能由于 React 未正确触发 onMouseLeave 导致的未消失的问题 #2306
- Table 组件配置 virtualized 虚拟化后 align 失效的问题。 @icwoker #2300
- 修复单选,可搜索,搜索框在 trigger 的 TreeSelect,当 trigger 中的选中项想要展示 Tooltip 时(比如 label 为 ReactNode,并且有 Tooltip,或者使用 renderSelectedItem 自定义渲染已选项目, 其中有 Tooltip), tooltip 无法被触发问题 #2291 #2292
🎉 2.60.0 (2024-06-07)
- ✏️【Documentation】
- 更新对 Transfer 的 filter API 说明 #2280
- 🔧【Fix】
🎉 2.60.0-beta.0 (2024-06-04)
- 🔧【Fix】
- 💅【Style】
- 显式设置 Spin 下的 svg 的 display 属性为 inline,防止 tailwind 默认 svg 设置对 Spin 造成影响 #2272
🎉 2.59.1 (2024-05-29)
- 🔧【Fix】
- 修复 Select Option 传入 data-*属性未生效的问题 #2258
- 修复 Toast 在多条长度不同的 toast 弹出时,没有居中而是左对齐的问题 #2257
- 修复 TreeSelect 在 defaultOpen 模式时候,点击外部没有无法关闭弹出层问题 #2254
- 修复 Avatar 在设置了 border/topSlot/bottomSlot API 情况下,无法触发 onClick、onMouseEnter、onMouseLeave 事件问题 #2255
- 修复 Badge className 作用范围不正确的问题,功能对齐其他组件,作用于 DOM 最外层
- 修正 Badge API 定义,增加更语义的 countStyle API,作用与现有 style API 保持一致(旧 API props.style 仍可使用,效果不变,但不再于文档中推荐)
- 🗃【Chore】
🎉 2.59.0 (2024-05-24)
- 🗃【Chore】
- 🔧【Fix】
🎉 2.59.0-beta.0 (2024-05-20)
- 🎁【Feature】
- 🔧【Fix】
- 🗃【Chore】
- WebpackPlugin 增加 cssLayer 配置项,允许用户自定义样式优先级顺序 #2235
🎉 2.58.1 (2024-05-22)
- ✨【Design Token】
- Tabs 新增
$font-tabs_bar_large-fontSize
$font-tabs_bar_medium-fontSize
$font-tabs_bar_small-fontSize
- Tabs 新增
🎉 2.58.0 (2024-05-11)
- 🔧【Fix】
🎉 2.58.0-beta.0 (2024-05-06)
- 🎁【Feature】
- 💅【Style】
- 修复 TagIput 在 Form 表单中使用 insetLabel时,样式与其他组件未对齐的问题 #2216
- ✨【Design Token】
- TagInput 增加 $color-tagInput_prefix-text-default、$spacing-tagInput_insetLabel-marginRight、$font-tagInput_insetLabel-fontWeight 三个 Token #2216
- 🔧【Fix】
🎉 2.57.0 (2024-04-26)
- 🔧【Fix】
- 修复 Field卸载后,异步校验的结果仍然会写至formState的问题 @sylingd #2206
- 修复 TreeSelect 受控 value,设置了 defaultExpandedKeys,远程加载 treeData时,defaultExpandedKeys 未生效问题(影响版本 2.49.2-2.56.3) #2191
- 修复 TreeSelect 在多选,自定义 trigger,checkRelation 为 unRelated情况下,选中项未通过 triggerRender 透出问题 #2188
- 修复 Tooltip 在挂载时,如果 Cursor 已经在 trigger 的 dom 上,且 React 复用了 trigger dom 作为 tooltip 的 children,tooltip 不会展示的问题 #2199
- 修复 Input 和 TextArea 设置 defaultValue 在长文本情况下,autoFocus 光标未滚动到末尾的问题 #2193
- 移除 Banner
.semi-banner-content
中无效的css规则 #2204
- ✨【Design Token】
- Checkbox 新增
$color-checkbox_cardType-border-default
#2208
- Checkbox 新增
🎉 2.57.0-beta.0 (2024-04-22)
- 🎁【Feature】
- Modal 支持 modalContentClass 来设置 content 的 props #2162 @18852819321
- 给树形选择器TreeSelect的onSearch方法添加了
filteredNodes
入参,用来获取筛选后的节点列表 @Hokori23 #2155 - Form 组件 FormApi 增加 getFormProps,可在 formApi中读取组件的 props如 disabled、trigger 等属性 #2184
- 🔧【Fix】
- 修复 Select 单选时,受控且filter开启模式下,选择Option后文本会闪烁一次后更正的问题 #2170
🎉 2.56.3 (2024-04-19)
- 🔧【Fix】
- ✏️【Documentation】
- 数据可视化文档更新 #2182
🎉 2.56.2 (2024-04-17)
- ✨【Design Token】
- Button 修改 splitButton radius token 名称为
$radius-button_splitButtonGroup_first_topLeft
、$radius-button_splitButtonGroup_first_bottomLeft
、$radius-button_splitButtonGroup_last_topRight
、$radius-button_splitButtonGroup_last_bottomRight
Token
- Button 修改 splitButton radius token 名称为
🎉 2.56.1 (2024-04-15)
- ✨【Design Token】
- Button 增加
$radius-splitButtonGroup_first_topLeft
、$radius-splitButtonGroup_first_bottomLeft
、$radius-splitButtonGroup_last_topRight
、$radius-splitButtonGroup_last_bottomRight
Token
- Button 增加
🎉 2.56.0 (2024-04-12)
- 🔧【Fix】
🎉 2.56.0-beta.0 (2024-04-03)
- 🎁【Feature】
- WebComponent 场景支持:clickOutSide 增加对 Shadow DOM 场景的支持,涉及组件包括 AutoComplete、Calendar、Cascader、DatePicker、Select、TagInput、TimePicker、Tooltip、TreeSelect @changlin2569 #1381
- WebComponent 场景支持:通过 :host, :host-context 伪类选择器将 css variable 注入 shadow dom,保障 Shadow DOM 下的 Semi 组件样式正确 #2142
- Backtop 点击增加 throttle,防止duration内重复触发 @OnlyWick #2125
- 🔧【Fix】
- 💅【Style】
- ✨【Design Token】
- Select 增加
$height-select_multiple_input_small
、$height-select_multiple_input_default
、$height-select_multiple_input_large
三个 token 可用于指定开启搜索时的 input 的高度 #2151
- Select 增加
🎉 2.55.5 (2024-04-02)
- 🔧【Fix】
🎉 2.55.3 (2024-04-01)
- 🔧【Fix】
- 修复 Select 多选开启 onChangWithObject 且 value 受控,当前value 并不存在于 optionList 中,更新了 value中的其他属性后渲染未重新执行的问题 #2139
🎉 2.55.1 (2024-03-25)
- 🔧【Fix】
🎉 2.55.0 (2024-03-22)
- 🔧【Fix】
- 修复 Table 表头选择状态在数据为空时错误被选中问题(影响 v2.51 ~ v2.54版本)#2128
- 修复 Split Button 在 children Button className 变化时丢失样式的问题
🎉 2.55.0-beta.0 (2024-03-18)
- 🔧【Fix】
- 🗃【Chore】
- 升级 webpack、rspack构建插件,支持消费在 Semi DSM 中配置的自定义 css 配置,可用于将覆写的 CSS 或任意与 Semi 组件无关的 css 聚进主题包样式
🎉 2.54.1 (2024-03-11)
- 🔧【Fix】
- 修复 Navigation 组件在 react 17 下 selectedKeys 未生效问题
- 修复 Navigation 组件 openKeys 在 selectedKeys 更新后未生效问题
🎉 2.54.0 (2024-03-08)
- 🔧【Fix】
- 修复 js 截断计算中没有将展开按钮占据的宽度计算在内问题 (影响范围 v2.54.0-beta.0)
- 🗃【Chore】
- Upload 增加 FileItemStatus TS interface 导出
🎉 2.54.0-beta.0 (2024-03-04)
- 🎁【Feature】
- Toast 组件支持 theme 全局配置 @LonelySnowman #2099
- Collapsible 组件新增 lazyRender 属性 @changlin2569 #2100
- Descriptions 组件支持横向布局 @LonelySnowman #1534
- Cascader 支持通过 ref 调用 search 方法 #2098
- ImagePreview 增加 onDownLoadError 回调 API #2093
- 🔧【Fix】
🎉 2.53.3 (2024-02-26)
- 🔧【Fix】
- 修复 Avatar border 类型错误的问题
🎉 2.53.2 (2024-02-26)
- 🔧【Fix】
- 修复 SSR 场景下使用 TextArea autoSize ResizeObserver 里访问空元素的错误 @nekocode
🎉 2.53.1 (2024-02-26)
- 🔧【Fix】
🎉 2.53.0 (2024-02-23)
- 🔧【Fix】
- 修复 Sidesheet Portal 在 visible 不显示的时候仍然挂载的问题 #2094
- 修复 TagInput 的 onKeyDown 参数类型定义错误问题
- ✏️【Documentation】
🎉 2.52.3 (2024-02-22)
- 🔧【Fix】
- 修复 Cascader 的 treeData 中 value 类型为 number 则面板未显示选中问题(影响范围 v2.51.0-v2.52.2)
🎉 2.52.2 (2024-02-19)
- 🔧【Fix】
- 修复 ResizeObsever 在非浏览器环境不存在的问题。问题影响范围 (2.52.1, 2.53.0-beta.0)
🎉 2.52.1 (2024-02-18)
- 🔧【Fix】
- 修复 vite 上使用主题报错的问题,问题影响范围 (2.52.0)
- 🗃【Chore】
- 去除 ResizeObserver polyfill
🎉 2.53.0-beta.0 (2024-02-08)
- 🚀【Performance】
- 🎁【Feature】
- 支持全局设置部分组件的默认 Props #2029
🎉 2.52.0 (2024-02-06)
- 🔧【Fix】
- Dropdown 添加 overflow-y:auto 防止设置 border-radius 时样式不正确的问题
- 修复 Select 点击清除按钮以后,点击外部不触发 onBlur 问题 #1989
- 修复 Image 在特殊情况下会向 undefined 地址请求的问题 #2063 @nekocode
- 修复 TimePicker value 传入 undefined 时类型错误的问题 #2066
- 修复 Cascader 在搜索内容为英文逗号时选项面板显示全部选项问题 #2030
- 修复多选,showClear 的 Cascader 在点击清除按钮后,选项面板没有从搜索状态切换到普通状态问题 #2030
- 修复 Select 部分 border width token 不正确的问题 #2065
- 修复当浮层组件的 popupContainer 或其父级缩放后,定位不准确的问题 #2034
- 修复 resizable Table 行选择隐藏时多出来一列 #2036
- 修复 DatePicker 点击清除按钮后,面板年月值不会还原到初始状态问题 #2048
- 修复 DatePicker prop value 传入非法值 NaN 触发无限更新问题 #1846
- 修复 Select 的 renderOptionItem 入参中没有 Option 的 className 的问题 #2037
- 修复 modal 在不打开直接卸载时候,会将 body 上原有的 overflow: hidden 删除的问题(影响范围 2.51.0~2.51.3)
- 🗃【Chore】
- Form withField 引入 utility-types 的类型声明从import 改为 import type,对使用方无影响
🎉 2.52.0-beta.0 (2024-01-31)
- 🔧【Fix】
- 修复 Table getCurrentPageData 的类型 @marshcat0
- 修复 Dropdown 点击子菜单事件 onClick 函数执行时机过早的问题,可能导致用户在 onClick 函数内无法 Focus Dropdown 外部元素并触发外部元素的 Blur,影响范围,2.43.0-beta.0 ~ 2.50.0-beta.0 #2003
- 🎁【Feature】
- Avatar 新增
border
bottomSlot
topSlot
用于控制边框,添加顶部和底部额外内容,新增contentMotion
和 bordermotion
用于开启额外动效 #2022 - Modal 配置项新增
footerFill
API,用于控制 Modal 默认底部按钮是否撑满排列 #2022 - Slider 新增
handleDot
,用于控制滑块内部是否展示圆点 #2022 - Table 支持使用 renderFilterDropdown 自定义筛选器 dropdown 内容 #2015
- Table 组件 rowSelection 新增 renderCell 渲染选择框 @changlin2569
- TreeSelect 组件支持 onClear API #1331 @changlin2569
- DatePicker presets start 和 end 支持函数类型 #2038
- Avatar 新增
🎉 2.51.4 (2024-01-31)
- 🔧【Fix】
- 修复 Cascader 在 keyEntities 中的 key 生成规则变化后,triggerRender 的参数中的value 参数和原来不一致问题(影响范围 2.51.0~2.51.3)#2051
🎉 2.51.3 (2024-01-19)
- 🔧【Fix】
- 修复 Table propTypes 被打包工具移除掉导致报错问题 #2031
🎉 2.51.2 (2024-01-19)
- 🔧【Fix】
🎉 2.51.1 (2024-01-18)
- 🔧【Fix】
- 修复当 Modal 未收起时直接时直接卸载 Modal 导致页面可能滚动异常的问题 #2023
🎉 2.51.0 (2024-01-12)
- 🔧【Fix】
- 💅【Style】
- ImagePreview 预览层的默认 zIndex 从 1000 调整为 1070 #2021
🎉 2.51.0-beta.0 (2024-01-09)
- 🎁【Feature】
- Dropdown.Item 支持透传 data-* 属性到 dom
- ImagePreview 增加 previewCls,previewStyle 用于设置预览的样式
- Image 增加 onClick API
- 🚀【Performance】
- 优化 Cascader 在多选,leafOnly,可搜索,受控情况下在千级叶子节点量级时被选中出现卡顿问题 #1999
- 🔧【Fix】
🎉 2.50.1 (2024-01-04)
- 🔧【Fix】
- 💅【Style】
- 修复 BreadCrumb 中 active 项 font-weight 错误问题 (影响范围 v2.47-2.50)#2008
🎉 2.50.0 (2024-01-02)
- 🔧【Fix】
- ImagePreview 中打开预览,切换预览图片时,zoom 改变不需要通过 onZoomIn/onZoomOut 回调透出 #2000
- 修复在图片预览时切换图片触发意外的 onRotateLeft 回调
🎉 2.50.0-beta.0 (2023-12-26)
- 🎁【Feature】
- Tree, TreeSelect 新增 showLine api #1801 @Yan-XiaoMing
- Table 列支持自定义排序 icon
- 💅【Style】
- 修改 Tree/TreeSelect 的选项每行缩进的 CSS 实现,对于缩进层级大于 20层的,不再有限制。 @Yan-XiaoMing
- 🔧【Fix】
- 修复 Notification 的 Id 类型不正确的问题
🎉 2.49.2 (2023-12-26)
- 🔧【Fix】
- 修复 Select 在单选情况下,点击外部后再次选择选项失败问题(影响范围 v2.49.0)
- 修复受控 expandedKeys 的 TreeSelect 中,showFilteredOnly 不生效问题 #1542
- 修复 DatePicker 类型为 monthRange 时,限制日期范围不符合预期问题。
- 修复在全局设置box-sizing 为 border-box后,vertical 的basic step 样式错误问题 #1985
- 去除 TreeSelect/Select 的triggerRender的props 的可选类型设置 #532
- 修复
Notification.addNotice()
未使用通过Notification.config()
设置的全局配置的问题 @lideming
🎉 2.49.0 (2023-12-15)
- 🔧【Fix】
🎉 2.49.0-beta.0 (2023-12-11)
- 🎁【Feature】
- Table 支持 keepDOM,在折叠时不销毁被折叠的行 #1969
- Calendar 新增 minEventHeight api 以支持在日、多日以及周视图下,当 event start 和 end 非常接近时,event dom 结构存在且有最小高度的展示 #702
- TimePicker 新增 stopPropagation 用于判断是否阻止弹出层上的点击事件冒泡 #1966
- SideSheet 组件支持自定义 closeIcon @LonelySnowman #1948
- 🔧【Fix】
- 修复 Slider 把手上的tooltip 在拖动时偶尔闪烁的问题 #1935
- 修复 Typography JS截断对于不换行文本的计算错误 @marshcat0
- 修复 Radio pure card 在 Safari 下点击热区不正确的问题 @nekocode #1959
- ✏️【Documentation】
- 新增 VChart 图表介绍
🎉 2.48.0 (2023-12-01)
- 🔧【Fix】
- 修复 TimePicker format 为 HH 时,defaultValue 设置不正确问题。(注意:若原先 default 或 value 传入的值类型不合法,例如数字格式的时间戳以字符串形式传入,将不再尝试进行类型转换)
- ✏️【Documentation】
- 增加 @douyinfe/semi-icons-lab 的使用说明
🎉 2.48.0-beta.0 (2023-11-27)
- 🎁【Feature】
- Slider 新增
showMarkLabel
控制 label 显隐,tooltipOnMark
在 mark 上显示 tooltip,showArrow
控制 tooltip 的三角形显隐 - 字符串类型头像,字符长度可根据头像宽度自动调整 #1917 @LonelySnowman
- Slider 新增
- 🔧【Fix】
🎉 2.47.1 (2023-11-28)
- 🔧【Fix】
🎉 2.47.0 (2023-11-17)
- 🔧【Fix】
🎉 2.47.0-beta.0 (2023-11-15)
- 🎁【Feature】
- 【Design token】
- Typography 新增 $font-typography_normalText-regular-fontWeight $font-typography_smallText-regular-fontWeight $font-typography_normalParagraph-regular-fontWeight $font-typography_smallParagraph-regular-fontWeight #1878
- 新增
$color-button_disabled-bg-primary
$color-button_disabled-bg-secondary
$color-button_disabled-bg-danger
$color-button_disabled-bg-warning
$color-button_disabled-bg-tertiary
$color-button_disabled_light-bg-primary
$color-button_disabled_light-bg-secondary
$color-button_disabled_light-bg-danger
$color-button_disabled_light-bg-warning
$color-button_disabled_light-bg-tertiary
#1904 - 新增
--semi-color-data-0
系列 css variables #1907
🎉 2.46.1 (2023-11-07)
- 🔧【Fix】
- 修复 Pagination popoverZIndex 在 SizeChanger 上不生效的问题
🎉 2.46.0 (2023-11-03)
- 🔧【Fix】
- 修复 Calendar 高度不足以容纳一个事件时,更新事件后不展示 「还有 x 项」问题
- 修复 AutoComplete 中 onBlur 和 onSelect 的调用顺序不一致问题 #1880
- 修复 Select 使用 JSX 传入 Option时,Option传入的 key 未在渲染时生效的问题
🎉 2.46.0-beta.0 (2023-10-30)
- 🎁【Feature】
- Typography 的 showTooltip API 增加 renderTooltip 支持自定义渲染弹出层组件 #1853
- 🔧【Fix】
- ✨【Design Token】
- Select 新增 color-select-option-bg-selected #1871
🎉 2.45.0 (2023-10-20)
- 🔧【Fix】
- 修复 resizable Table 宽度在行选择时错误设置为初始值问题(影响 v2.32~v2.44)
- 修复 select ellipsisTrigger 在某些边界条件下更新不正确的问题
- 修复 checkRelation 为 unRelated 的 Tree/TreeSelect 中,异步加载数据导致已选状态丢失问题
- 修复 select ellipsisTrigger 更多数量显示错误的问题 #1560 @Jon-Millent
🎉 2.45.0-beta.0 (2023-10-13)
- 🔧【Fix】
- 修复 Select 虚拟化与 renderCreateItem 同时使用时,自定义创建选项显示位置不正确的问题 #1856
- 去掉 TreeSelect/Tree 的 getDerivedState 中对 TreeData 是否变化的多余比较
- ✨【Design Token】
- Anchor 新增 $color-anchor_title_active-text-hover $color-anchor_title-bg $color-anchor_title_active-bg
- Datepicker 新增 $color-datepicker_range_trigger-border-focus
- 🎁【Feature】
- Notification 支持修改已弹出的内容
- Tooltip API spacing 支持在两个轴上定义距离
- Textarea
autosize
支持对象参数{minRows: number, maxRows: number}
@hehehai
🎉 2.44.0 (2023-09-22)
🎉 2.44.0-beta.0 (2023-09-19)
- 🎁【Feature】
- 🔧【Fix】
2.43.2 (2023-09-15)
- 💅【Style】
- ✨【Design Token】
- Table 新增设计变量: $height-table_column_filter_dropdown
- 🔧【Fix】
- 修复 Calendar 月视图事件渲染结果不符合预期问题 #1825
2.43.1 (2023-09-11)
- 🔧【Fix】
2.43.0 (2023-09-08)
- 🔧【Fix】
🎉 2.43.0-beta.0 (2023-09-04)
- 🎁【Feature】
- Tree 和 TreeSelect 的 renderFullLabel 回调增加 filtered 和 searchWord 参数
- Upload 新增API:addOnPasting,支持读取粘贴板中的图片,自动添加到 fileList中 @ChuTingzj #1612
- 🔧【Fix】
- 修复嵌套 Dropdown 时,Item 的点击在极个别场景不生效的问题。
- 修复 resizable Table onHeaderCell 失效问题 #1796
🎉 2.42.3 (2023-09-01)
- 🔧【Fix】
- Fix: 修复 Table baseRow onMouseLeave 报错问题 #1794
🎉 2.42.2 (2023-08-28)
- 🔧【Fix】
🎉 2.42.1 (2023-08-25)
- 💅【Style】
- 设置 datePicker 的内嵌标签的 font-family 为 $font-family-regular,和其他组件的内嵌标签保持一致 #1780
🎉 2.42.0-beta.0 (2023-08-21)
- 🎁【Feature】
- Tooltip、Popover、Dropdown增加 trigger=contextMenu 右键点击触发 #396
- Form 增加 stopValidateWithError 、trigger API,允许统一配置所有 Field的 stopValidateWithError、trigger属性 #640
- Table column 支持设置 resize 属性 #1762 #1650
- Upload 新增 picWidth、picHeight 快速设置图片墙模式下图片展示宽高 #1757
- Split Button 支持深层嵌套 Button #487
- Toast 支持堆叠模式,优化多个 toast 同时弹出时的显示体验 #1746
- 🔧【Fix】
- 💅【Style】
🎉 2.41.3 (2023-08-17)
- 💅【Style】
- Select loading wrapper 增加显式 box-sizing 声明,防止某些特殊情况下(例如全局重置了所有DOM的box-sizing为 border-box)时,loading 展示高度不对 #1507
- 🗃【Chore】
🎉 2.41.2 (2023-08-14)
- 🔧【Fix】
- 修复 Table 表头与表体单元格在 sticky 开启时未对齐问题 #1760
🎉 2.41.1 (2023-08-11)
- 🎁【Feature】
- Slider 新增 onMouseUp API
- 🔧【Fix】
🎉 2.41.0-beta.0 (2023-08-07)
- 🧶【Refactor】
- 使用 @dnd-kit/sortable 替换 react-sortable-hoc 实现 Transfer/Taginput 中拖拽 #1683
- 💅【Style】
- Taginput 拖拽过程交互有修改,从原来的拖拽中 tag 位置发生变化修改为通过 tag 前的竖线标识拖拽中的 tag 可被放下的位置。TagInput 新增和拖拽相关的 token,$width-tagInput_sortable_item_over,$color-tagInput_sortable_item_over-bg #1738
- 🔧【Fix】
- 修复 ImagePreview 中 defaultCurrentIndex 错误的类型定义
- 修复 document is not defined 错误 @nekocode
🎉 2.40.0 (2023-07-28)
- 💅【Style】
🎉 2.40.0-beta.0 (2023-07-25)
- 🎁【Feature】
- Form onSubmit、onSubmitFail 增加 event 参数透出 #1728
- Image 的 renderPreview Menu API 支持 menuItems 参数
- Image, ImagePreview 提供 setDownloadName API 支持设置下载文件名称
- 🔧【Fix】
- 💅【Style】
- Radio addon 与 extra 的间距由 0 调整为 4px
- ✨【Design Token】
- Radio 新增Token:$spacing-radio_content-rowGap
🎉 2.39.3 (2023-07-25)
- 🔧【Fix】
- 修复 Tree 组件在虚拟话情况下每次render 会重新渲染问题 #1725
🎉 2.39.2 (2023-07-19)
- 🔧【Fix】
- 修复 Upload showReplace 时,上传合法文件后使用replace 替换新文件,未正确执行 size check的问题 #1712
- 🚀【Performance】
- 优化 Pagination small size 在亿级别数据时展示卡顿的问题 #1714
- 🗃【Chore】
🎉 2.39.1 (2023-07-18)
- 🔧【Fix】
- 修复 Form validate.then() 中的 values 入参未做作用域隔离,会受到 Field DOM 挂载、卸载影响的问题 #1710
🎉 2.39.0 (2023-07-14)
- 🔧【Fix】
- 💅【Style】
- 移除 disabled switch的 knob元素在 active态的 x 轴位移 #1697
🎉 2.39.0-beta.0 (2023-07-10)
🎉 2.38.2 (2023-07-10)
- 🔧【Fix】
- ✏️【Documentation】
🎉 2.38.1 (2023-07-05)
- 🔧【Fix】
- 修复当 AutoComplete 的面板在打开时,点击外部无法关闭选项面板问题(影响范围2.38.0)
🎉 2.38.0 (2023-06-30)
- 🔧【Fix】
- ✨【Design Token】
- Toast padding token 拆分细化,$spacing-toast_content-paddingY 拆分为 $spacing-toast_content-paddingTop、$spacing-toast_content-paddingBottom,$spacing-toast_content-paddingX 拆分为 $spacing-toast_content-paddingLeft、$spacing-toast_content-paddingRight #1674
🎉 2.37.1 (2023-06-28)
- ✨【Design Token】
- card 类型的 Radio 新增 3 个 token:$color-radio_cardRadioGroup-bg-default 用于控制默认状态下的背景色,$color-radio_cardRadioGroup_border-default 用于控制默认状态下边框背景色,$color-radio_cardRadioGroup_disabled-bg-active用于控制禁用状态并按下的背景色 #1675
🎉 2.38.0-beta.0 (2023-06-26)
- 🎁【Feature】
- Tree 的 onSearch 新增 filterExpandedKeys 参数
- Badge 新增 success 类型
- 🔧【Fix】
- 修复 toast useToast 返回值在用户函数 re render 后失效的问题
- 修复 disabled 的 Cascader 无法通过 hover +N 部分显示多余 Tag 问题
- 修复 ImagePreview 中 className 不生效问题 #1657
- 🗃【Chore】
- 更正 Form formApi.reset 入参类型的问题
- 💅【Style】
- 在 disabled 情况下,点击 Cascader 不触发 focus 样式
🎉 2.37.0 (2023-06-09)
- 🔧【Fix】
- 修复 TreeSelect searchAutoFocus 的 preventScroll 未生效问题
- 修复 Input 在 autofocus 为 true 时 preventScroll 未生效问题
- 修复 Upload 在 beforeUpload中更新 fileInstance后,未更新缩略图渲染的问题
🎉 2.37.0-beta.0 (2023-06-05)
- 🎁【Feature】
- 🔧【Fix】
- 💅【Style】
- 设置 Tooltip、Toast、Notification 中内容的默认换行换行规则 #1623
🎉 2.36.0 (2023-05-26)
- 🔧【Fix】
🎉 2.36.0-beta.0 (2023-05-22)
- 🎁【Feature】
- 🔧【Fix】
- 修复 TimePicker 在 date-fns-tz 版本 >= 1.3.8 时 timeZone 转换问题 #1604
- 修复 Tabs 中通过 tab API 传入的 ReactNode 中的 Radio,Checkbox 样式错误问题 #1615
- 修复 Calendar 在改变 displayValue 时,事件渲染错误 @sylingd
- 修复 Typography 中省略未开启时仍抛出 ellipsis warning 的问题
- 修复 Table 表头 column align 对齐 bug(影响范围 v2.34 ~ 2.35) #1599
- 移除 DatePicker 最外层 vertical-align top 样式 #1561
- 修复 Select handleInputChange 参数类型与 Input onChange 参数类型不匹配问题
- ✨【Design Token】
- Typography 新增
$font-typography_title1-fontWeight
$font-typography_title2-fontWeight
$font-typography_title3-fontWeight
$font-typography_title4-fontWeight
$font-typography_title5-fontWeight
$font-typography_title6-fontWeight
用于分别控制不同级别 Header 字重
- Typography 新增
- ✏️【Documentation】
- Tabs、Typography 增加 Notice 注意事项
- Slider 修正部分书写错误内容 @inottn
🎉 2.35.0 (2023-05-12)
- 🔧【Fix】
- 修复 collapsible Tabs 切换 tab 后,Dropdown item 异常问题
- 修复 select 单选和 renderSelectedItem 情况下,defaultValue 为 null 时不显示 placeholder 问题
- 修复 部分场景下垂直 slider 点击跳转值错误的问题
🎉 2.35.0-beta.0 (2023-05-10)
- 🔧【Fix】
- Avatar、Cascader、Form、Input 的字重定义使用默认 $font-weight-bold
🎉 2.34.2 (2023-05-09)
- 🔧【Fix】
🎉 2.34.1 (2023-05-06)
- 🔧【Fix】
🎉 2.34.0 (2023-04-28)
- 🔧【Fix】
- 修复 Table SSR 时渲染不正确的问题 #1466
- 修复 Form.InputGroup 不受 Form disabled控制的问题 #1575 @xiaoqqchen
- 修复 Typography 在父级或自身设置 white-space 为 nowrap 时截断出错问题 #1577
- 修复 懒加载模式下 Image 的 src 变化,图片无法正常加载问题 #1526
🎉 2.34.0-beta.0 (2023-04-25)
- 🎁【Feature】
- 💅【Style】
- Table 文本默认换行样式从 break-all 修改为 break-word #1318
- BreadCrumb 中 icon 和文本间距从 8px 修改为 4px(影响面 v2.0.0~v2.33.1)
- 🔧【Fix】
- 修复TimePicker range 模式先选择结束时间,会导致报错的问题 #1563
- Steps 更改为只在 Steps 传入 onChange 或 Steps.Step 传入 onClick 时,才会 hover 时展示 hover 态。
- 修复 RadioGroup 父级容器高度会跟随 RadioGroup 选项不同而变化的问题 #1573
- 修复Calendar组件月视图中,最后一周日期样式错误 @sylingd
- Typography resize后可能会丢失省略 @marshcat0
- Typography resize后展开状态可能会被变成折叠 @marshcat0
- Typography 展开按钮可能会在不需要折叠时出现 @marshcat0
- 💥【Breaking Change】
- 为了解决单词换行问题,Table 换行样式从 break-all 修改为 break-word。如果非 fixed 表格某列设置固定了宽度,原来这一列的单元格文本会折行,现在会撑开展示,导致其他列宽度减少 #1318
🎉 2.33.1 (2023-04-21)
- 🔧【Fix】
🎉 2.33.0 (2023-04-14)
- 🔧【Fix】
🎉 2.33.0-beta.0 (2023-04-10)
- 🎁【Feature】
- 🔧【Fix】
- 将 Typography 中的 copy/copied icon 垂直对齐方式从 text-bottom 改为 middle #1533
- 对齐表单输入类组件 Input TextArea Select Cascader TimePicker DatePicker TreeSelect 的 hover 和 active 态 #1537
- 修复 Typography 的 copyable 类型错误 @baranwang #1546
🎉 2.32.1 (2023-04-06)
- 🔧【Fix】
- ✏️【Documentation】
- 更正 Table 的 onFilter 中 filteredValue 参数错误的类型定义 #1538
🎉 2.32.0 (2023-03-31)
- 🔧【Fix】
🎉 2.32.0-beta.0 (2023-03-28)
- ✨【Design Token】
- Modal 提供
$spacing-modal_content_fullscreen-top
用于控制全屏时顶部高度, Sidesheet 新增$color-sideSheet_header-borderBottom
$width-sideSheet_header-borderBottom
用于在 header 下添加分割线,$width-sideSheet_size-small
$width-sideSheet_size-medium
$width-sideSheet_size-large
控制默认展开宽度
- Modal 提供
- 🎁【Feature】
- DatePicker 新增 type monthRange
- TreeSelect 、 Cascader、Select 的 TriggerRender API 参数支持 onSearch 和 onRemove 分别用于支持自定义 trigger 启动搜索,删除单个已选项
- TreeSelect 新增 clickTriggerToHide 参数支持设置在面板打开状态下,点击 Trigger 部分是否触发面板关闭
- DatePicker 支持 open、close、focus、blur 方法和 onClickOutside 回调 #566
- 🔧【Fix】
- 修复 DatePicker type month 开启上下方位快捷选择面板样式不符合预期问题, 开启 insetInput 前后面板宽度不一致问题
- 更改 Switch 中 state 在 constructor 中的初始设置,避免在其他组件中使用时候出现不符合预期的动画
🎉 2.31.3 (2023-03-31)
- 🔧【Fix】
- 修复 DatePicker 在 date-fns-tz 版本 >= 1.3.8 时 timeZone 转换问题 #1522
🎉 2.31.2 (2023-03-24)
- 🔧【Fix】
🎉 2.31.1 (2023-03-22)
- 🗃【Chore】
- Semi Webpack Plugin 增加直接从 Compiler Instance 中获取NormalModule的逻辑 #1503
🎉 2.31.0 (2023-03-17)
- 🔧【Fix】
- 修复 ImagePreview 组件中预览图片改变 ratio 状态并切换图片后,新图片 ratio 不正确问题 #1494
- 修复 Carousel props.children 更新后组件未重新更新问题 #1482
- 修复 Carousel ref method play 与 autoPlay.hoverToPause 的mouseEnter事件冲突,未拥有最高优先级问题
- 修复 Table 全选后翻页表头选择框状态错误问题 #325
- Select onSearch 提供第二个入参,解决无法区分 1选择后自动清空input 触发onSearch 、2 主动使用 backspace清空input触发 onSearch 3 点击 clear icon触发onSearch 等不同场景的问题 #867
- 修复 Popconfirm 确认按钮与取消按钮在返回 promise 时没有展示 loading 问题(影响 2.30 ~ 2.31 版本) #1489
- 修复对于单选,可搜索且搜索框在 Trigger中,虚拟化的 TreeSelect ,用户需要点击两次选项才能选中问题 #1487
🎉 2.31.0-beta.0 (2023-03-13)
- 🎁【Feature】
- 🔧【Fix】
- 修复 Table column align 在 RTL 时未自动切换问题 #1471
- 修复对于单选,可搜索, 受控的 Cascader 在搜索状态下,value 改变导致搜索值发生变化问题 #1472
- 使用可选操作符替换冗余的类型定义 @thinkasany #1464
- 💅【Style】
🎉 2.30.2 (2023-03-09)
- 🔧【Fix】
- Form 有 id 传入时,x-form-id 优先使用传入的 id
- 修复 Tooltip 下 Tag 无法通过键盘聚集问题
- 修复 Modal 在命令式调用时,danger type 底部按钮颜色不正确的问题,影响范围 v2.0.0 - v2.30.1
🎉 2.30.1 (2023-02-27)
- 🔧【Fix】
- 修复 Dropdown showTick 失效问题(影响范围 2.27.1 ~ 2.30.0)#1457
🎉 2.30.0 (2023-02-23)
- 🔧【Fix】
- ✨【Design Token】
- Select 新增
$color-select-bg-focus
#1416
- Select 新增
🎉 2.30.0-beta.0 (2023-02-20)
- 💥【Breaking Change】
- 修改 Numeral 组件中 rule 为 percentages 时候的计算规则
- 🎁【Feature】
- Popconfirm 支持 A11y 键盘和焦点 #205
- Cascader 支持通过ref调用open/close方法
- 优化 DatePicker 面板底部日期的展示格式,根据不同 locale 语言习惯配置 @jacob-lcs
- 💅【Style】
- solid Tag 关闭按钮增加 hover 态颜色 var(--semi-color-white)和 active 态颜色 var(--semi-color-white)(opacity 0.9),default 颜色从 var(--semi-color-white)改为 var(--semi-color-white)(opacity 0.8)。
- 🔧【Fix】
- 修复 DatePicker 多选面板移动问题 #1422
- 修复 nl-NL 语言包 localeCode 错误的问题,影响范围 (v2.29.0-beta.0) @jacob-lcs
🎉 2.29.0 (2023-02-10)
- 🎁【Feature】
- Locale 增加瑞典语: sv_SE、波兰语: pl_PL 、荷兰语: nl_NL支持 [i18n] 增加瑞典语、波兰语、荷兰语的支持 #1410
- 🔧【Fix】
- 优化俄语、阿拉伯语、罗马尼亚语种单复数文本显示问题
- 修复 DatePicker 内嵌输入框受控模式下 dateTimeRange 回显错误问题 #1413
- ✨【Design Token】
- Table Design Token 变更,修改以下 Token 默认值:$color-table_body-bg-default 、$color-table-bg-default , 由 var(--semi-color-bg-2) 变更为 var(--semi-color-bg-1),$color-table_th-bg-default 值从 transparent 改为 var(--semi-color-bg-1) #1418
🎉 2.29.0-beta.0 (2023-02-06)
- 🎁【Feature】
- 🔧【Fix】
- 修复 DatePicker 输入日期后面板未更新问题 #1398
- 修复 visible 属性变化时,trigger 不为 hover 和 focus 的 tooltip 也延迟了展示/隐藏的问题 @marshcat0
- 优化 俄语、阿拉伯语、罗马尼亚语种下单复数文本显示问题,涉及组件 Pagination、Transfer、Calendar #1411
- ✏️【Documentation】
- 优化 Form 组件英文文档描述 及 Demo
- ✨【Design Token】
- Slider 新增
$spacing-slider_handle-translateY
、$spacing-slider_vertical_handle-translateX
、$spacing-slider_dot-translateX
、$spacing-slider_vertical_dot-translateY
Token,用于控制水平和垂直状态 把手和数值刻度线的水平和垂直偏移 #1391
- Slider 新增
🎉 2.28.1 (2023-01-31)
- 🔧【Fix】
- ✏️【Documentation】
- Locale Demo 更新,增加 Form、Image、Transfer 示例 @jacob-lcs
🎉 2.28.0 (2023-01-18)
- 🔧【Fix】
- 修复 TagInput showContentTooltip 类型不完整问题
- 修复 TimePicker 选择模式为 normal 和 wheel 时, 滚动条表现不一致问题 @frowhy
- ✏️【Documentation】
- 快速开始:更新 NextJs 项目接入指引
- 快速开始:更新 Remix 项目接入指引
🎉 2.28.0-beta.1 (2023-01-17)
- 🎁【Feature】
- Select 新增 expandRestTagsOnClick API,默认值为 false,在多选且 maxTagCount 存在情况下,打开面板状态下可以展示剩余 tag #1353
- 新增 TabItem 组件,用于 C2D 中 TabItem 变体生成 #1374
- Cascader 新增 filterSorter API 支持对搜索后结果进行排序 #1355
- Cascader 新增 filterRender API 对搜索后结果进行自定义渲染 #1350
- Cascader / TreeSelect / Tree 的 filterTreeNode API 函数形式增加 data 参数 #1104
- webpack 插件新增 overrideLoaderList 选项,支持更细粒度自定义 semi 相关样式所用 loaders #1382
- 声明式使用 Modal 时,可通过 onOK onCancel 返回 promise 来自动控制对应按钮的 loading 态 #1369
- Select 新增 ellipsisTrigger API,默认值为 false,可以在设置 maxTagCount 情况下对溢出部分的 tag 做自适应处理,当宽度不足时,最后一个 tag 内容作截断处理。开启该功能后会有一定性能损耗,不推荐在大表单场景下使用 #1353
- 🔧【Fix】
- ✨【Design Token】
- Toast 新增 token 用于定制多色样式下不同背景色
$color-toast_warning_light-icon
$color-toast_success_light-icon
$color-toast_info_light-icon
$color-toast_danger_light-icon
#1371
- Toast 新增 token 用于定制多色样式下不同背景色
🎉 2.27.1 (2023-01-12)
- 🔧【Fix】
- ✏️【Documentation】
- 修改 Cascader / TreeSelect / Tree 文档中 treeData API 类型名, 使其和 Ts 代码 interface 一致
🎉 2.27.0 (2023-01-06)
- 🔧【Fix】
- 修复 Select 在配置了 outerBottomSlot、outTopSlot、innerBottomSlot、innerTopSlot 后,hover到 Slot 中,Option 仍保持 focus 样式,易使用户产生疑惑的问题 #1370
- 修复 Tabs 滚动折叠有概率失效问题 #693
- 修复 Transfer 内部变量 prefixcls 未使用小驼峰,与其他组件有差异的问题 (对使用侧无影响)@MarchYuanx #1365
🎉 2.27.0-beta.0 (2023-01-03)
- 🔧【Fix】
- 修复 SSR 场景下 TabBar 中的 uuid 不匹配警告 #1351
- ✨【Design Token】
- Form 的 label section 新增上边距 token
$spacing-form_label-marginTop
$spacing-form_section_text-paddingTop
$spacing-form_section_text-marginTop
- DatePicker range 模式下新增 trigger 边框相关 token (宽度
$width-datepicker_range_trigger-border
,各种状态下的颜色$color-datepicker_range_trigger-border
$color-datepicker_range_trigger-border-hover
$color-datepicker_range_trigger-border-active
) - breadcrumb 新增
$font-breadcrumb_loose-fontSize
$font-breadcrumb_compact-fontSize
- Descriptions 新增
$font-descriptions_key_small-fontSize
$font-descriptions_value_small-fontSize
$font-descriptions_key_medium-fontSize
$font-descriptions_value_medium-fontSize
$font-descriptions_key_large-fontSize
$font-descriptions_value_large-fontSize
- SideSheet 新增
$font-sideSheet_title-fontSize
- Steps 修正部分Token 描述
- Form 的 label section 新增上边距 token
🎉 2.26.0 (2022-12-27)
- 🔧【Fix】
- 修复 TagInput 在中文输入时,会将拼音的长度用于判断是否超出 maxLength 的问题 #1347
🎉 2.26.0-beta.0 (2022-12-19)
- 🎁【Feature】
- Table 筛选器功能支持不传 filters,筛选功能通过受控使用 #1201
- 🔧【Fix】
🎉 2.25.2 (2022-12-19)
- 🔧【Fix】
🎉 2.25.0 (2022-12-09)
- 🔧【Fix】
🎉 2.25.0-beta.0 (2022-12-06)
- 🎁【Feature】
- Select、Cascader、Input、InputNumber、TreeSelect、AutoComplete、Datepicker、TimePicker 增加 clearIcon,允许覆盖清除按钮 #1309
- Cascader、Select、DatePicker、TimePicker、TreeSelect 增加 dropdownMargin 配置,Dropdown、Popover增加 margin 配置,作用同 tooltip margin
- type为timeRange的TimePicker组件,支持传入数组格式的panelHeader和panelFooter来设置不同的头部和底部#1316 @zk8080
- TreeSelect增加 position 参数控制弹出层方向
- 🔧【Fix】
- 修复虚拟化 Table 无数据时高度展示不正确问题
- 修复 Tooltip 通过 style 定制 opacity 透明度时可能导致的闪烁的问题
- 💅【Style】
- Tag 关闭按钮增加 hover 态和 active 态颜色
- 优化 Tag 在内容超出长度时的展示方式,自动省略 @SyMind
🎉 2.24.3 (2022-12-05)
- 🗃【Chore】
- 优化 Form HOC:
withFormState
、withFormApi
的类型定义 #1323 - 优化 Nav 的类型定义,callback类 props 入参增加可选类型
- 优化 Form HOC:
🎉 2.24.1 (2022-11-25)
- 🔧【Fix】
- 修复 DatePicker 月份选择 disabledDate 交互问题 #520
🎉 2.24.0 (2022-11-25)
- 🔧【Fix】
🎉 2.23.7 (2022-11-23)
- 🔧【Fix】
- 修复单张图片在预览时无法显示自定义 Header 问题
🎉 2.23.6 (2022-11-23)
- 🔧【Fix】
- 修复 Tooltip trigger 被遮挡时弹层也被遮挡问题
🎉 2.24.0-beta.1 (2022-11-22)
- 💅【Style】
- 调整 Highlight 样式, 默认背景高亮
- ✨【Design Token】
- Design Token 调整,@douyinfe/semi-theme-default 新增全局Token
--semi-color-highlight-bg
、--semi-color-highlight
- Design Token 调整,@douyinfe/semi-theme-default 新增全局Token
🎉 2.24.0-beta.0 (2022-11-21)
- 💡【New Component】
- 新增 Highlight 组件 #1281
- 🎁【Feature】
- Nav 支持透传 getPopupContainer,可用于局部暗色模式下指定弹出层容器, #1277
- ImagePreview 新增 crossOrigin 参数 #1284
- Form Field 组件增加将 props.name 透传至底层组件消费的功能,不再进行拦截(可影响 Form.Input、Form.Upload、Form.CheckboxGroup、Form.RadioGroup 及其他用 withField 封装的自定义组件)。原有对 field wrapper classname 的影响依然保留 #1266
- Navigation 新增 renderWrapper API 用于更便捷地与 react-router、next、gatsby 等路由库结合 #1249
- 🚀【Performance】
- 缓存 withField HOC 中的 FieldComponent 组件,在默认 shouldMemo 场景下避免组件重复计算,降低复杂表单场景下带来的重复性能消耗 #1228
- 💅【Style】
- 修改 Cascader/TreeSelect 中用到的 TagInput 的样式 #1278
- 🔧【Fix】
🎉 2.23.3 (2022-11-15)
- 💅【Style】
- Form 组件 Design Token 修正,
$spacing-form_label_extra_posBottom-marginTop
、$spacing-form_label_extra_posMid-marginBottom
、$spacing-form_label_extra_posMid-marginTop
更正为更符合语义的$spacing-form_extra_posBottom-marginTop
、$spacing-form_extra_posMid-marginBottom
、$spacing-form_extra_posMid-marginTop
,并更正相关文档描述 #1272
- Form 组件 Design Token 修正,
- 🔧【Fix】
- 修复 Select 多选时,删除 Tag 不触发聚集却有聚集样式问题
🎉 2.23.2 (2022-11-14)
- 🔧【Fix】
- 💅【Style】
🎉 2.23.1 (2022-11-11)
- 🔧【Fix】
- 修复 Popover 中的 Transfer 在拖拽时导致 Popover 意外关闭问题 #1226
- 修复 弹出层中的 Transfer/ TagInput 在拖拽时被拖拽项消失问题 #1149
- 更正 Table 分页器 在越南语 (vi_VN) 展示时翻译错误问题 #1252 @MrFatMeow
- 修复 Select和Tooltip组件未处理props.value / props.rePosKey 传入NaN的情况 #763 @edc-hui
- 修复 SideSheet 中挂载 children 时机延迟的问题(影响版本 v2.22.beta.0 - v2.23.beta.0) #1255
- 修复 Dropdown 在 trigger 为 click 时,会触发屏幕滚动到顶部问题
- ✨【Design Token】
🎉 2.23.0-beta.1 (2022-11-08)
- 🎁【Feature】
- Tooltip 新增 margin 参数,计算溢出时的增加的冗余值,autoAdjustOverflow 提供更智能的位置调整策略
- 新增 IconConnectionPoint1、IconConnectionPoint2、 IconCalendarStroked、IconConfigStroked 、IconIssueStroked 、IconStoryStroked 、IconVersionStroked 等 icon
- 💅【Style】
- Cascader 的菜单项中右侧图标增加左侧外边距
🎉 2.23.0-beta.0 (2022-11-07)
- 🔧【Fix】
- 修复 Navigation item 在有参数 link 情况下跳转链接热区与 onSelect 热区不一致问题
- 更正 DatePicker 在土耳其语(tr_TR)展示时周六、周日翻译的文本 @habibokumus
- 修复 Table 在固定列情况下,滚动条位置不符合预期问题。
- 🎁【Feature】
- TagInput 的 renderTagItem API 增加 onClose 参数支持删除标签 #1219
- Transfer 提供 search 方法支持用户手动触发搜索
- 🗃【Chore】
🎉 2.22.3 (2022-11-02)
- ✏️【Documentation】
- 站点新增无障碍(A11y)支持
🎉 2.22.2 (2022-10-31)
- 🔧【Fix】
- 修复 Tooltip、Popover 组件关闭时闪烁问题(影响 v2.22)#1225
🎉 2.22.0 (2022-10-28)
- 🔧【Fix】
- 修复 DatePicker type="month" 下 年月选择模式为 normal 和 wheel 时, 宽度不一致问题
🎉 2.22.0-beta.2 (2022-10-26)
- 🔧【Fix】
- 修复 Select 中 restTagsPopoverProps API 未设置为可选导致 ts 报错问题
🎉 2.22.0-beta.1 (2022-10-26)
- 🎁【Feature】
- Navigation 新增 A11y 键盘和焦点适配 #1195
- Typography 新增 Numeral 组件,基于 Text 组件,添加了属性: rule, precision, truncate, parser, 以提供需要单独处理文本中数值的能力 @uiuing #1136
- 导出 LocaleConsumer 组件 @Hokori23 #1196
- TreeSelect 增加 showRestTagsPopover 和 restTagsPopoverProps 参数,支持通过 popover 展示多余 tag #1210
- Select 中增加 showRestTagsPopover 和 restTagsPopoverProps,支持通过 popover 展示多余 tag #1212
- Modal、SideSheet、Tabs、 Popover 和 Tooltip 等弹层组件动画效果从 js 改为 css 实现,新增动画 Token,可支持在 DSM 中以主题形式自定义动画 #1150
- 优化 ScrollList 在 wheel 模式下的动画效果 #1211
- DatePicker 中新增 yearAndMonthOpts API,可用于控制年月选择器的 ScrollListItem #1211
- DatePicker disabledDate API 第二个参数新增 rangeInputFocus 参数,用于根据当前选择状态动态禁用日期 #1198
- 🔧【Fix】
- 修复 hook 方式使用 Modal motion=false 不生效的问题 #1217
- 更新 Table 组件 Columns 属性的 render 的类型 @Assone #1209
- 修复 Cascader 当 motion 为 false 时,搜索选中值后,在面板收起后再打开面板显示仍然是搜索后的选项 #1199
- 修复 Foundation 代码中含有 React 特有 API 调用的问题 #1189
- 修复 Table defaultFiltertedValue 和 defaultSortOrder 未包含在 onChange 中问题 #1188
- 修复 Popover、ToolTip、Dropdown 等弹层组件在 motion 为 true 时,Children 展示会触发两次的问题 #1174
- 将 NodeList 中实现展开/收起动画的组件由 Tree 中的 Collapse 组件改为公共的 Collapsible 组件 #1182
- 修复 Collapsible 祖先元素从渲染树中移除导致高度计算异常,无法展开的问题 #1174
- 修复 Collapsible 内容区从渲染树移除导致高度计算异常,无法展开的问题 #1174
- 修复 Collapsible 内容区域高度变化导致收起时高度变化区域的收起动画不展示的问题 #1174
- 💅【Style】
- 修复某些打包策略导致 Dropdown 中的 NavItem 的 padding 不符合预期问题 #1204
- ✏️【Documentation】
- 💥【Breaking Change】
- 将 TimePicker 和 DatePicker 中用到的 ScrollListItem 由 mode wheel 改为 mode normal,使其更好适配 PC 端
🎉 2.21.1 (2022-10-13)
- 🔧【Fix】
- 修复 Modal 在 关闭后 esc 触发事件回调的问题
🎉 2.21.0 (2022-10-12)
- 🔧【Fix】
- 修复 Carousel 通过左右按钮或者方法切换 index 时没有更新计时器问题
- ✏️【Documentation】
- 文档站点首页更新,增加 showcase
🎉 2.21.0-beta.1 (2022-10-10)
- 🔧【Fix】
- 修复 AutoComplete 在 onBlur 回调中 e.target 是 null 的问题
🎉 2.21.0-beta.0 (2022-10-08)
- 🎁【Feature】
- Table 新增表头 sticky API
- AutoComplete 新增 onKeyDown API
- Upload 组件对外暴露 openFileDialog 方法,使用户可以手动打开文件选择窗口
- LocaleProvider 新增罗马尼亚语(ro) @jacob-lcs
- 🔧【Fix】
- 修复 Dropdown 下 children onKeydown 拿不到事件问题
- 修复 Carousel 通过左右按钮或者方法切换 index 时没有更新计时器问题
- 修复 Select 在 filter 为 true, input 框为空情况下,关闭面板后触发 onSearch 问题
- 💅【Style】
- Avatar 方形头像增加圆角
🎉 2.20.8 (2022-10-11)
- 🔧【Fix】
- 修复 Select 虚拟化时,第一个 Option 选项位置偏移的问题 #1178
- 💅【Style】
- Select 的 maxHeight 默认值 (Option 浮层最大高度)、虚拟化默认高度由 300px -> 270px
- ✨【Design Token】
- Select Design Token 变更,废弃
$spacing-select_option_first-marginTop
、$spacing-select_option_last-marginBottom
两个 Token ; 修改 以下 Token 默认值:$spacing-select_option_list-paddingTop
、$spacing-select_option_list-paddingBottom
, 由 0 变更为$spacing-extra-tight
(4px)
- Select Design Token 变更,废弃
- 🗃【Chore】
- Form 增加 RuleItem Interface export
🎉 2.20.7 (2022-10-10)
- 🔧【Fix】
- 修复只引入 ImagePreview 单独使用,未引入 Image 组件时样式丢失的问题 #1175
🎉 2.20.3 (2022-09-28)
- 🔧【Fix】
- 修复 ButtonGroup 关于 key warning的问题
- 修复 SSR 场景下 withField、Form Field 相关组件关于 useLayoutEffect warning 的问题 #1140
- 修复 typescript 4.8.3 下部分类型报错的问题
- 修改 modal 聚焦逻辑,自动聚焦到弹窗内第一个可被聚焦的元素上
🎉 2.20.2 (2022-09-27)
- 🔧【Fix】
- 修复 @douyinfe/semi-icons 关于 corejs 报错的问题
🎉 2.20.1 (2022-09-27)
- 💅【Style】
- Image 全局 sass 变量加上 !default 用于主题配置容错 #1151
🎉 2.20.0 (2022-09-23)
- 🔧【Fix】
- 修复 Form.InputGroup 不支持 FormProps.wrapperCol 、 labelCol 布局的问题
- 修复 Image 预览放大后拖拽问题
- 修复 DataPicker 组件 foundation 中包含 React 相关类型定义问题 @rashagu
- 修复 Navigation、Tree组件 foundation 在高版本typescript中报错问题 @rashagu
- 修复受控 Tree 在远程加载数据时展开不成功 #1124
- 修复 ButtonGroup 未支持 style API 问题
- 修复虚拟化 Table 在有左边固定列时,首次渲染左边固定列会有多余的 box-shadow 问题 #1134
🎉 2.20.0-beta.1 (2022-09-20)
- 🔧【Fix】
- 修复 @douyinfe/semi-foundation Image相关未导出的问题
🎉 2.20.0-beta.0 (2022-09-19)
- 💡【New Component】
- 新增 Image 组件(新增了基础 sass、全局 sass 变量,使用自定义主题的需要重新发布)#344
- 🎁【Feature】
- 🗃【Chore】
- 移除 @douyinfe/semi-ui 发包产物中的ts源码,仅保留 lib、dist目录
- 修改部分组件 scss 的写法,将除法转换为乘法及math.div语法,避免 sass 高版本编译时重复抛出 warning 的问题
🎉 2.19.0 (2022-09-09)
- 🔧【Fix】
- 修复当 Datepicker 的 type 为 dateTime 时,切换年月会导致时间部分被重置为8点 #1078 @rojer95
- 修复锚点组件的子节点单行文本前面的空白处,点击不能选中的问题 #512 @edc-hui
- 修复面板关闭时, Select onblur事件未被触发问题 #1110
- 修复 Calendar weekStartsOn 改变后,事件渲染的位置没有跟着改变问题 #1101
- 修复在 DropDown 中使用 Input,Input onEnterPress 事件不生效问题 #1102
- 修复 TagGroup 污染传入 tagList 数据问题 #1107
- 修复 Anchor 间距可触发选中后,键盘聚焦样式被遮挡问题
- 🗃【Chore】
- 移除 semi-foundation 、semi-ui中的 corejs 依赖 #1095
🎉 2.19.0-beta.0 (2022-09-05)
- 🎁【Feature】
- Popconfirm onOk、onCancel支持 Promise 类型返回值,异步关闭 #1056
- 🔧【Fix】
- 💅【Style】
- Sidesheet body 添加 overflow: auto 默认样式,内容超出时不再需要自行通过 props.bodyStyle 添加 overflow相关样式 #1098
- 🧶【Refactor】
- 💥【Breaking Change】
- 使用 CheckboxGroup 时,如果给子级 Checkbox 嵌套一层 div 或者 span 等元素,这时 Checkbox 将不带 margin-bottom。单独给每个 Checkbox 嵌套元素样式上不受影响 #1073
🎉 2.18.2 (2022-08-31)
- 🔧【Fix】
- 更新 @douyinfe/semi-webpack-plugin,修复使用自定义主题时,提示无法处理 animation.scss 的报错问题 #1072
- ✏️【Documentation】
- 新增全局文案规范、组件级文案规范
🎉 2.18.0 (2022-08-26)
- 🎁【Feature】
- Checkbox & Radio 增加 type API
- 🗃【Chore】
- 移除semi-animation-react 的 peerDependences : react-dom、react、prop-type
- 🔧【Fix】
- ✏️【Documentation】
- Popover / Popconfirm / Dropdown 新增 FAQ
🎉2.18.0-beta.0(2022-08-24)
- 🎁【Feature】
- Anchor、AutoComplete、Breadcrumb、Carousel、Cascader、Checkbox、DatePicker、Dropdown、Input、InputNumber、Navigation、Pagination、Radio、Rating、ScrollList、Select、SideSheet、Slider、Steps、Switch、Table、Tabs、TagInput、TimePicker、Transfer、Tree 26个组件增加动效相关设计变量 #984
- Anchor 新增 A11y 焦点适配 #205
- Form Label 增加 optional 配置项,打开时自动于 Label Text 后追加 (可选)文本标识 #869
- Calendar 提供 weekStartsOn,设置周起始日 #1020
- Tree 增加支持虚拟化场景下的scrollTo方法 #1024
- TagGroup 增加 onTagClose 回调
- 🔧【Fix】
- 💅【Style】
- Table 增大排序按钮的点击热区(由仅icon区扩大为包含title和sorting的区域,若title为完全自定义渲染,不受影响)#1031
🎉2.17.1 (2022-08-17)
- 🔧【Fix】
- 修复 Table filter 影响数据原有排序问题 #1036
- 修复 AutoComplete 通过 tab 聚焦或者 autoFocus 聚焦后,输入值改变后不打开面板的问题 (影响范围 v2.14 - 2.17.0)
🎉2.17.0 (2022-08-12)
- 🔧【Fix】
- 修复 Chromium 104 breakchange fit-content css 导致的 popover、dropdown 样式问题 #1022 Chromium Issue
- 修复 AvatarGroup 组件中 size 属性在 TS 定义中没有值 default的问题 @AnoyiX
- 修复 TimePicker 由有值变化为 undefined 时渲染未更新的问题 #918 @linjunc
- 修复 Tree的renderFullLabel使用 checkbox 选择不中的问题 (影响范围 v2.15.0 - v2.16.1)
🎉 2.17.0-beta.1 (2022-08-09)
- 🔧【Fix】
🎉 2.17.0-beta.0 (2022-08-09)
- 🎁【Feature】
- 🔧【Fix】
- 修复 Tooltip trigger 为 hover 时,点击children后再点击弹层,弹层会隐藏问题 #977
🎉 2.16.1 (2022-08-05)
- 🔧【Fix】
- 🗃【Chore】
- 更新 @douyinfe/semi-foundation 中部分 handle 函数名称拼写错误问题,对用户无影响 @linjunc
🎉 2.16.0 (2022-07-29)
- 🔧【Fix】
- 修复 Input 按下态颜色错误问题,修复 Input 和 TextArea 在 validateStatus 下按下态颜色不统一问题 #662
- 🗃【Chore】
- 将 prop-types 移到 dependencies,从 peerDependencies 移除 @types/react 和 @types/react-dom #993
🎉 2.16.0-beta.0 (2022-07-25)
- 🎁【Feature】
- Cascader 新增 position API 控制弹层方向
- Slider 新增 A11y 焦点及键盘适配 #205
- 🔧【Fix】
- 修复当 Button 的 noHorizontalPadding 参数类型为string时不生效问题
- 修复可拖拽的 Transfer 禁用 item 后右侧面板中的 item 仍然能够删除且不可拖动的问题
- 允许用户通过 ButtonGroup 中的 Button 的参数单独定制 Button 的 type 和 theme
- 修复多选时,换行后 TreeSelect 箭头宽度不统一问题
- ✏️【Documentation】
- Icon 更新自定义图标示例
🎉 2.15.1 (2022-07-19)
- 🔧【Fix】
🎉 2.15.0 (2022-07-15)
- 🔧【Fix】
🎉 2.15.0-beta.0 (2022-07-11)
- 🎁【Feature】
- Rating 新增 A11y 焦点及键盘适配
- Dropdown 新增 A11y 键盘和焦点适配 #205
- LocaleProvider 新增 德语(de)、意大利语(it)、法语(fr) @jacob-lcs
- Cascader 等 15 组件新增 preventScroll 属性,用于阻止组件内 focus 方法导致页面滚动(可用于解决 Safari 浏览器聚焦时可能导致页面异常滚动的问题)
- Tooltip returnFocusOnClose 支持trigger hover和focus
- 🔧【Fix】
- 修复 TreeSelect 当搜索框在trigger中且搜索框中有值时,二次点击会导致搜索框收起并清空搜索值的问题。
- 修复 Cascader 单选状态下同时设置filterTreeNode & displayRender,选项显示错误问题
- 修复 List 空状态 Padding 问题 @rojer95
- 修复 InputGroup 在子级设置 disabled 为 false 不生效问题
- 修复 Tree 搜索结果高亮大小写敏感问题
- 修复虚拟化 Table 空数据时虚拟列表占位问题 #942
- 修复部分 Form Field 组件(例如 Form.Upload、Form.Switch)传入 ref 时 ts类型检查报错,提示不存在 ref 属性的问题
🎉 2.14.0 (2022-07-01)
- 🔧【Fix】
- 修复 Spin 组件在暗色模式下个别场景内容物有黑色矩形的问题
- 🗃【Chore】
- 优化 Form interface BaseFormApi 类型定义 #933
🎉 2.14.0-beta.0 (2022-06-28)
- 🎁【Feature】
- 🔧【Fix】
- 💥【Breaking Change】
- Input 中的密码按钮改为常显,之前是 hover 或 focus 输入框时显示 #205
- 💅【Style】
- 修复 TagInput suffix 文本颜色,从 --semi-color-text-1 修改为 --semi-color-text-2
- 更新了 secondary 全局颜色变量,将引用的色阶由 blue 改为 light-blue,修改前 secondary 颜色变量与 primary 相同,修改后视觉上对比度弱于 primary。Button、Badge、Steps、Dropdown 组件受影响。
- 更新 Select、Cascader、TreeSelect size='large' 时 placeholder与单选的文字大小,14px -> 16px。与 Input 组件对齐 #859
🎉 2.13.0 (2022-06-20)
- 🔧【Fix】
- 修复当设置onChangeWithObject,mutiple后,value传入的值为undefined时时,Cascader 崩溃的问题。(影响范围 v2.0.4 - v 2.12.0)#905
- 修复 esm / cjs 构建产物,滚动条样式部分场景失效的问题
- 💅【Style】
- Modal、TanPane、Upload 增加 color text 声明,解决暗色模式下,当未在 body 容器统一声明 color时,文本颜色对比度不足的问题
- 解决 TimePicker range 模式,在暗色模式下 border-radius 显示不正确的问题
- disabled的TagInput可以显示+N部分popover的内容
- ✨【Design Token】
- Tabs 增加 $color-tabs_tab-pane-text-default,Upload 增加 $color-upload_drag_area_main-text 等若干Token
- ✏️【Documentation】
- 增加searchRender API 和 search方法的示例
🎉 2.13.0-beta.0 (2022-06-14)
- 🎁【Feature】
- 🔧【Fix】
- 修复 Select filter 、showClear 为 true 时,点击 clear icon时,只触发 onClear,未触发 onSearch 的问题及通过 clear icon 清除搜索项后,未重置候选Option列表的问题 #867
- 修复 Select filter 为true,失去焦点,input 输入被自动重置时,未触发 onSearch 的问题 #867
- 修复 InputNumber 如果设置了必填验证, 在表单中初始化时会触发验证,行为与其他表单不一致的问题 @rojer95
- 修复 AutoComplete defaultActiveFirstOption 某些场景不生效的问题 #892
- 💥【Breaking Change】
- InputNumber 调整 shiftStep 默认值,由 1 调整为 10
- ✨【Design Token】
- 更新 Avatar、Button、Radio、Steps、Switch、Tag 等组件样式文件中的 color white 为 --semi-white
- Button 组件新增 borderless 模式下文字颜色 token #898
🎉 2.12.0 (2022-06-06)
- 🔧【Fix】
- 修复 Timeline 嵌套使用时最后一项样式异常的问题 #865
- 修复 Select 开启虚拟化且无数据时 emptyContent 高度不对的问题 #839 @tianenpang
🎉 2.12.0-beta.5 (2022-05-31)
- 🔧【Fix】
- 修复 Tooltip、Popover、Select等带浮层组件,在 React 18 下使用,关闭时会闪烁的问题 #715
- 修复 FocusHandle 错误引用了 lodash-es 导致的报错问题(问题影响范围 v2.12.0-beta.0 - v2.12.0-beta.2)
🎉 2.12.0-beta.0 (2022-05-30)
- 🎁【Feature】
- 🔧【Fix】
- 修复 TreeSelect 在参数 checkRelation 为 unRelated,treeData 为
[]
时的 TypeError - 修复 InputNumber 在 readonly 模式下可以用过步进器修改 value @zwlafk
- 修复 TreeSelect 在参数 checkRelation 为 unRelated,treeData 为
- ✨【Design Token】
- Tag solid 模式关闭按钮新增颜色 token
$color-tag_close-icon_deep-default
- Tag solid 模式关闭按钮新增颜色 token
🎉 2.11.2 (2022-05-24)
- 🗃【Chore】
- 修复 Nav.Item 通过 linkOptions 配置 href 属性时,ts类型检查报错的问题 #856 @SunriseFox
🎉 2.11.0 (2022-05-23)
🎉 2.11.0-beta.1 (2022-05-20)
- 🔧【Fix】
- 修复 DatePicker 错误引用 _utils/parse ts源文件导致报错的问题
🎉 2.10.2 (2022-05-20)
🎉 2.11.0-beta.0 (2022-05-18)
- 🎁【Feature】
- 🔧【Fix】
- 修复内嵌输入框确认日期选择,输入日期后没有确认也会直接选中日期问题 #742
- 修复 React 18 createRoot + strictMode 严格模式下,使用 Form、Tabs、Nav 、SideSheet 、Table 组件时提示
can't get properties of undefined
的问题 #745 #795 - 修复 Upload 组件在 directory 和 draggable 为true时上传,上传列表文件不符合预期问题 #827
- 修复单个 Checkbox 使用时因为参数类型问题导致控制台出现warning提示
- 修复 Checkbox、Radio、Tooltip ARIA id 在 SSR 时不一致问题 #719
- 规范 TagGroup tagList props 类型
🎉 2.10.1 (2022-05-10)
- 🔧【Fix】
- 修复 Select 位于 Popover内时,点击 Option 会导致外层 Popover 也收起的问题(问题影响范围 v2.5- v2.10) #818
🎉 2.10.0 (2022-05-07)
- 🔧【Fix】
- ✏️【Documentation】
- A11y:Switch、Bannner 增加 键盘和焦点 行为说明
- 更新 Tabs 组件 FAQ
- 🗃【Chore】
- 更新 @douyinfe/semi-foundation 中部分函数名称拼写错误问题,对用户无影响 #660
🎉 2.10.0-beta.0 (2022-04-29)
- 💡【New Component】
- 新组件轮播图 Carousel #678
- 🔧【Fix】
- 修复 Cascader 在多选时,设定 displayProp 非value/label时候出错问题
- 🎁【Feature】
- 🗃【Chore】
- @douyinfe/semi-icons、@douyinfe/semi-illustrations 更新 peerDependency中的react版本声明:16/17 -> 16/17/18
🎉 2.9.1 (2022-04-26)
- 🔧【Fix】
- 💅【Style】
- 修复 Select focus 和 hover 同时应用,border 颜色不正常的问题
🎉 2.9.0 (2022-04-22)
- 🔧【Fix】
- 修复 TagInput 在 Form 内使用时,敲击回车会导致 submit 事件触发的问题 #767
- 修复 Modal 命令式调用后遗留无用 div 的问题
- 修复 Collapse 将部分 props 透传至 DOM 导致存在无用属性 warning 的问题
- 去除 Form label
user-select:none
默认样式,允许用户选中 - 修复 Cascader 清除按钮键盘事件不响应问题
🎉 2.9.0-beta.0 (2022-04-18)
- 💡【New Component】
- 新增分割线 Divider 组件 #721 @ZeroCodeLin
- 🎁【Feature】
- 🔧【Fix】
- 💅【Style】
- 更新 Avatar 文本内容居中方式,由绝对定位改为由 flex 布局居中。如果你覆盖了 display 为 inline-block,这时文本居中会失效 #774
🎉 2.8.1 (2022-04-19)
- 🔧【Fix】
- 更新组件的 ts 类型定义,解决 @types/react v18 移除默认 children 声明后带来的类型检查报错 #755
🎉 2.8.0 (2022-04-08)
- 🔧【Fix】
- 升级 @douyinfe/semi-ui 依赖的react-sortable-hoc版本(v1.11.0 -> v2.0.0),解决 pnpm场景下使用react 17时,由于unmeet peerDependency 中 react版本未满足的报错问题, #747
🎉 2.8.0-beta.1 (2022-04-03)
🎉 2.8.0-beta.0 (2022-04-02)
- 🔧【Fix】
- 🎁【Feature】
- Popover 新增 A11y 键盘和焦点适配 #205
- 💅【Style】
- Form Label的extra 元素CSS样式调整:display: block -> flex,修复 extra中放置 Icon时未居中对齐的问题 #324
🎉 2.7.1 (2022-03-30)
- 🔧【Fix】
🎉 2.7.0 (2022-03-25)
- 🚀【Performance】
- 优化 Select多选且配置了 maxTagCount时,renderSelectedItem的执行次数 #709
- 🗃【Chore】
- useFormApi 增加泛型传入 @so2liu
- 🔧【Fix】
🎉 2.7.0-beta.0 (2022-03-18)
- 🎁【Feature】
- 🔧【Fix】
- 修复 Cascader 在单选且非搜索模式下,label 为 ReactNode 时,trigger 异常显示 [object object] 的问题。 #592
- ButtonGroup 支持 className #704 @yaogengzhu
- 修复 Tree 组件 value 在初始时会影响节点的展开,而更新 treeData后,却不会再影响节点的展开 #257
- 修复 TreeSelect 非完全受控问题 #328
🎉 2.6.0 (2022-03-11)
- 🔧【Fix】
- 修复 Table 展开任意行时其他展开行会重复渲染问题 #686
- 修复 Navigation limitIndent 为 false 时的缺失 key 的警告 #679
- 修复 Tag 有父级包裹时,父元素存在 3px 留白问题 #518 @yangjiaxin1995
🎉 2.5.1 (2022-03-08)
- 🔧【Fix】
- 修复 Tooltip content 中组件无法 autoFocus 的问题 #675
🎉 2.6.0-beta.0 (2022-03-04)
- 🎁【Feature】
- A11y:Calendar、ScrollList、Cascader、DatePicker 无障碍语义化适配 #205
- 💅【Style】
- ✨【Design Token】
- Cascader组件级Token: 移除 $spacing-cascader_selection_tag-marginX,新增 $spacing-cascader_selection_tag-marginLeft 和 $spacing-cascader_selection_tag-marginRight #636
- 🔧【Fix】
- 修复
Table
表头文字不支持选中的问题 #638 @chenc041 - 修复 Form.RadioGroup 与 RadioGroup 在 type=button 时高度不一致的问题,去除多余padding #677
- 修复 Form 组件使用 formApi setValue/setError/setTouched 针对数组型 fieldPath 删除某项后,赋值后不符合预期的问题 #604
- 修复 disabled Input 的文本颜色通过自定义 CSS 或者主题定制,将其设定为某些特定颜色时,在 Safari 下无法显示 disabled 文本的问题
- 修复 Form Field 组件在已配置 id 的情况下,label 的 for 属性未优先采用 id 的问题 #683
- 修复
- ✏️【Documentation】
- A11y:Button 增加 键盘和焦点 行为说明
🎉 2.5.0 (2022-02-24)
- 🔧【Fix】
- 修复 resizable Table 动态删除列时列宽计算错误问题 #650
- Select 组件当用键盘上下键操作时,增加自动滚动交互,调整聚焦 option 的相对位置 #607 @chenzn1
- 修复 next.js 项目使用 @douyinfe/semi-next 插件后,webpack.resolve.alias配置失效的问题 #630
- 修复 DatePicker open 受控时关闭面板后输入框聚焦态没有清空问题 #528
- 修复 Tooltip 在 React17 里如果父级有阻止点击事件冒泡弹出层收起会失效 (Tooltip、Popover 对 clickOutSide 行为监听的事件判断由 click 变更为 mousedown ) #593 @chenc041
🎉 2.5.0-beta.0 (2022-02-18)
- 🔧【Fix】
- 🎁【Feature】
- 💅【Style】
- 更新 Cascader 在 hover 时描边样式变量 @Carlosfengv
🎉 2.4.1 (2022-02-16)
- 🔧【Fix】
- 💅【Style】
- 优化 TagInput 组件样式变量引用关系 @Carlosfengv
🎉 2.4.0 (2022-02-11)
- 🔧【Fix】
- 💅【Style】
- 更新了 Button、Input、Modal、Select、ScrollList、TreeSelect 的部分 Sass 变量,抽取了部分默认样式为 Sass 变量以方便 DSM 修改组件默认样式 #570
🎉 2.4.0-beta.0 (2022-01-28)
- 🎁【Feature】
- TimePicker 支持
onChangeWithDateFirst
API #555
- TimePicker 支持
- 🔧【Fix】
- 💅【Style】
🎉 2.3.1 (2022-01-21)
- 🗃【Chore】
- 🔧【Fix】
🎉 2.3.0 (2022-01-14)
- 🔧【Fix】
🎉 2.3.0-beta.0 (2022-01-07)
- 🔧【Fix】
- 修复 Form 使用 formApi.setValue、setError、setTouch 中用父级fieldPath,对多个嵌套field进行批量赋值时,可能存在卡顿的问题(影响版本 v1.32~v2.2)
- 修复Form formApi.validate 局部校验触发范围不准确的问题 #510
- 修复 Tooltip 计算 adjustOverflow时未将 spacing纳入,导致内容超出(但未超过8px)后仍未自动切换方向的问题 #491
- 修复 Tooltip 展现浮层默认方向空间不足,触发 adjustOverflow 自动切换方向时会闪烁的问题 #69
- 修复 Tree handleNodeDragOver 内部 event 传参不恰当的问题 #345
- 修复 TreeSelect 当 searchPosition 为 trigger 时,maxTagCount 不生效的问题 #498
- 修复 TagInput 设置 value 为 undefined 无法生效的问题 #483
- 修复 Slider 点击刻度不生效的问题
- 修复 Table 非受控分页在翻页之后, 更新 state 会重置分页状态, 跳转到第一页 #348 @chenc041
- 🎁【Feature】
- Select 支持autoClearSearchValue,允许选中后保留当前搜索关键字
- Slider 拖动时添加鼠标 grabbing 样式
- A11y: 40+ 组件增加无障碍语义化支持 #205
- Button 新增 aria-label 属性,禁用时 Button 具有 aria-disabled 属性
- Checkbox 的 role 为 checkbox,CheckboxGroup 的 role 为 list,它的直接子元素为 listitem,新增 aria-label 属性,用于解释选择框的作用;aria-disabled 表示当前的禁用状态;aria-checked 表示当前的选中状态
- Empty 插图的 aria-hidden 为 true
- Form 为 Form.Field 增加 label 和错误信息无障碍支持
- Icon 组件 role 为 img,它的 aria-label 默认为组件的文件名;Icon 内部的 svg 元素为装饰元素,默认设置了 aria-hidden 以不被屏幕阅读器阅读
- InputGroup 给 Label 新增 name 默认值,以便关联对应的 field
- Modal 增加 open 前后 focus 位置处理,打开后聚焦在弹出层,关闭后聚焦在打开前聚焦的位置
- Radio 的 aria-labelledby 默认指向 addon 节点,用于解释 Radio 的内容,aria-describedby 默认指向 extra 节点,用于补充解释 Radio 的内容
- Select trigger 与弹出层的 role 为 combobox 和 listbox,trigger 绑定了一些 aria-* 属性表示与弹出层的关系;Option 上具有 aria-selected 和 aria-disabled 属性表示当前项的选中状态
- Slider 的 role 为 slider,同时设置了 aria-valuenow 等属性描述它的当前状态;纵向时 aria-orientation 为 vertical;当 aria-valuenow 的值不容易理解时,支持通过 API aria-valuetext 传递一个字符串使其更友好,也可以通过 geAriaValueText 方法得到 aria-valuetext 的值。#490
- Table 的行、单元格添加了 role 和 aria-* 属性
- Tooltip 具有 tooltip role,遵循 WAI-ARIA 规范中对于 Tooltip 的定义;content 的 wrapper 会被自动添加 id 属性,用于与 children 的 aria-describedby 匹配,关联 content 与 children
- Tree 支持传入 aria-label 来表示该 Tree 作用,同时组件内部为 Tree 和 TreeNode 设置了相应的 role 和 aria-*属性。#493
- TreeSelect 支持传入 aria-label、aria-errormessage 等属性表示 TreeSelect 的作用和当前状态,同时为子节点设置了相关 aria-* 属性。#493
- Popover 的 trigger 为 hover 时,Popover 的 content 具有 tooltip role,trigger 为 click、custom 时,Popover 的 content 具有 dialog role
- 其他组件详情请看各组件文档,点击这里查看无障碍设计指导
🎉 2.2.2 (2021-12-31)
- 🔧【Fix】
- 修复 Transfer 在 type 是 groupList 场景下, title 属性传入 ReactElement 类型导致key-warning @JontyyYang
- 修复 DatePicker 范围选择 preset 日期设置为 null 或 undefined,选择日期后面板没有关闭问题 #338
- 修复 dateRange 类型 DatePicker,triggerRender 传入时选择完日期面板没有关闭问题 #422
- 修复 InputNumber 精度格式化在受控模式下不正确问题
- 修复 IconFastForward 拼写错误 @clark-cui
🎉 2.2.1 (2021-12-29)
- 🔧【Fix】
🎉 2.2.0 (2021-12-24)
- 🔧【Fix】
- 修复 Tabs 在 umd 方式使用时,tabPlane tab props 不接受动态更新的问题
- ✏️【Documentation】
🎉 2.2.0-beta.1 (2021-12-23)
- 🔧【Fix】
🎉 2.2.0-beta.0 (2021-12-17)
- 🎁【Feature】
- Timeline.Item 支持 onClick #402
- Cascader
- Upload #342
- 支持通过 ref 调用 insert 方法
- 支持 props showPicInfo
- 使用 gap 控制 FileCard 间隔
- Icon #260
- 添加 double_chevron_left,double_chevron_right 图标
- Icon 支持跟随当前上下文字体大小
- LocaleProvider 新增西班牙语语言包 @chenjunxyf
- Select 新增 inputProps ,便于用户在 filter 为 true 时可实现一些特殊功能。例如传入 onCompositionEnd,onKeyDown 事件监听等
- DatePicker #260
- 新增年份切换按钮
- 优化范围选择交互逻辑,避免出现两个面板是相同月份场景
- 🔧【Fix】
- Select
- 修复 Select renderSelectedItem 返回的 isRenderInTag 为 false 时会报 key 的 warning 的问题 #320
- 修复 Select 搜索高亮关键字时 warning 提示 mark 标签 key 缺失的问题
- 修复 Cascader multiple+disabled 时标签样式与设计稿不符 #400
- 修复 Description type='plain' 时,key 或 itemKey 为 node 时渲染不正确的问题 #406
- 修复 Pagination 同时使用 hideOnSingePage 与 showSizeChanger 时,总页数只有1时,sizeChanger 会消失无法再切换的问题 #252
- 修复 通过 webpack plugin variables 方式定义 Select 组件 Design Token 时不生效的问题 #375 @summerstream
- 修复 Rating 组件设置 size 为 number 后 UI 错误
- 修复 Timeline 自定义 dot 水平对齐的问题 #395 @chenc041
- Select
- ✏️【Documentation】
- 完善 semi-ui package.json @chenc041
🎉 2.1.5 (2021-12-10)
- 🔧【Fix】
- 💅【Style】
- 修复 --overlay-bg token 命名不规范的问题。 修改为 --color-overlay-bg
🎉 2.1.4 (2021-12-03)
- 🔧【Fix】
🎉 2.1.3 (2021-11-30)
- 🔧【Fix】
- 修复在源码构建过程中,替换 ImportDeclaration 中 source 的bug
🎉 2.1.2 (2021-11-30)
- 🎁【Feature】
- 支持 Next.js #153
- 替换飞书Logo图标
- 🔧【Fix】
🎉 2.1.1 (2021-11-26)
- 🔧【Fix】
- 提供 semi-icons、semi-illustrations 的 UMD 产物,解决 UMD 场景下无法使用 icon 的问题 #215
🎉 2.1.0 (2021-11-26)
- 🔧【Fix】
- 修复 Collapsible 组件在 content 有 margin 时展开/收起卡顿的问题 @ChelesteWang
- 💅【Style】
- Timeline 新增 $color-timeline_item_content-text-default Sass 变量,用于配置时间轴标题文字颜色
- ✏️【Documentation】
🎉 2.1.0-beta.3 (2021-11-24)
- 🔧【Fix】
- 更新部分组件的ts类型定义,修复 tsconfig.json 开启 strict: true 且 skipLibCheck为false时 build报错的问题 #283
🎉 2.1.0-beta.1 (2021-11-24)
- 🔧【Fix】
🎉 2.1.0-beta.0 (2021-11-19)
- 🎁【Feature】
- 🔧【Fix】
- 🗃【Chore】
🎉 2.0.8 (2021-11-11)
- 🔧【Fix】
- 修复 Modal afterClose 部分场景失效
🎉 2.0.7 (2021-11-10)
🎉 2.0.6 (2021-11-10)
- 💅【Style】
- Table 移除固定列/固定表头时在表头插入的滚动轴列,使用 overflow-y 方案模拟滚动轴 #164
🎉 2.0.5 (2021-11-09)
🎉 2.0.4 (2021-11-08)
- 🔧【Fix】
- ✏️【Documentation】
🎉 2.0.3 (2021-11-06)
- 🔧【Fix】
- ✏️【Documentation】
- 🗃【Chore】
🎉 2.0.2 (2021-11-04)
- 🔧【Fix】
- 💅【Style】
- Switch 新增 Token:$color-switch_disabled-bg-hover,$color-switch_disabled-bg-active, 定制disabled 态的背景颜色 #115
- ✏️【Documentation】
- 优化一些文档问题 #165 #175 @YufeeXing @BestDingSheng
- 🗃【Chore】
- Anchor 新增 max-height、max-width 测试用例 #151 @songjianet
🎉 2.0.1 (2021-11-01)
- 🔧【Fix】
- 修复 TreeSelect 选中节点后会展开其子节点并立即关闭,造成视觉跳闪的感觉 #78
- 修复 Progress 组件 size 改变时渲染错误 #94
- 修复 Collapsible 组件默认打开时,组件高度没有完全展开问题 #85 @Janlay884181317
- 修复 Navigation items 类型定义报错问题 #35
- 修复 Navigation.Header linkOptions 传 target 类型报错问题 #120 @boenfu
- 修复 Table Column.render text 类型报错问题,由 string => any #144
- 修复 TextArea 组件 TextAreaProps 类型定义报错问题 #149
- 💅【Style】
- ✏️【Documentation】
- 优化了 Navigation、Upload、TreeSelect、TimePicker、Switch、Select、Rating、Form、DatePicker、Notification 等组件的示例文档、修正了一些拼写错误问题。@songjianet @wangzhitao @pleiades-embers @jaydonyin @jukrb0x @GoldSubmarine @wangzt-arch @ivan0525 @Shigma @GoldSubmarine @WscatsWscats @oddguan (排名不分先后,相同的场景不一一批注)
- 帮助完善了 README、CONTRIBUTING、介绍等文档 @ChelesteWang @Timeless0911 @niexq @Pingren @oddguan @noahziheng @Aaron00101010 @Faithree
🎉 2.0.0 (2021-10-26)
- 💥【Breaking Change】
- 组件相关调整
- Icon 相关
- Icon 组件不再支持 type=xxx 方式使用内置 icon
- 自定义 svg 不再支持插件方式配置 srcSvgPaths
- Button icon 属性不再支持通过 string 传递内置 icon 名,不再支持 iconType 属性
- Dropdown 删除 iconType 属性,统一为 icon 属性
- Navigation icon 不再支持通过 string 方式传入,需要传入 ReactNode
- Notification icon 不再支持通过 string 方式传入,请统一使用 ReactNode
- AutoComplete 正式废弃 onChangeWithObject 属性
- Cascader triggerRender 的入参移除 onInputChange
- Form 不再从
semi-ui/index.js
导出 Label组件,如需使用请用 Form.Label - Tree onRightClick 更名为 onContextMenu
- Upload dragable 更名为 draggable
- Tooltip 不再支持 disabled 属性,依赖 Tooltip 的组件(如 Popover、Dropdown 等)透传给 Tooltip disabled 将失效
- Table
- 不再在 componentDidUpdate 时响应的 API
- defaultExpandAllRows,请用 expandAllRows 替换
- defaultExpandRowKeys,请用 expandRowKeys 替换
- defaultExpandAllGroupRows,请用 expandAllGroupRows 替换
- 不再在 componentDidUpdate 时响应的 API
- Icon 相关
- 样式相关调整
- CSS 变量添加 semi 前缀,例如 --color-primary => --semi-color-primary
- 在 2.x,统一将插画的宽高设置为
200 * 200px
,1.x 的尺寸为300 * 150px
- 设计变量调整
- Popconfirm
- $color-popconfirm_body-text 由 --semi-color-tertiary => --semi-color-text-2
- $color-popconfirm_header_alert-icon 由 #fa7500 => --semi-color-warning
- Progress
- $spacing-progress_line_text-marginLeft 由 15px => $spacing-base(16px)
- $spacing-progress_line_text-marginRight 由 15px => $spacing-base(16px)
- Radio
- $spacing-radio_addon_buttonRadio_large-paddingY 由 6px => $spacing-base-tight / 2 (6px)
- $radius-radio_cardRadioGroup 由 3px => --semi-border-radius-small(3px)
- Popconfirm
- 插件相关调整
- 2.x 不再支持通过 Semi 插件配置 iconLazyLoad、svgPaths、srcSvgPaths
- 2.x 默认已支持局部暗色/亮色模式,不再需要在插件配置 themeScope。使用方式由 #semi-always-xxx => .semi-always-xxx
- 其他调整
- 由于 Icon 方案的调整,Icon、Empty 组件使用 icon、插画的方式与之前不同,具体请看 1.x 迁移 2.x 指南
- 组件相关调整
🎉 1.33.1 - 1.38.x
- ✏️【Documentation】
- 字节跳动用户,若需要查询该区间段的 changelog 变更,请通过内网域名访问,在右上角 Header中切换至 1.x 文档站点查阅。该部分变更与 v2.0 - 2.4 重合,因此不在此处再次列举
🎉 1.33.0 (2021-10-22)
- 🔧【Fix】
- 修复 Cascader组件同时使用 changeOnSelect 和 loadData 属性时,未选到最后一级的情况下,重置value无效
🎉 1.33.0-beta.3 (2021-10-19)
- 🔧【Fix】
- 修复 Cascader 当 label 为 ReactNode 类型时,开启 filterTreeNode,搜索结果未正确渲染。
- 修复 Steps type 的 propTypes 缺失 "nav" 类型的问题。
🎉 1.33.0-beta.2 (2021-10-18)
- 🔧【Fix】
- 修复 Cascader 异步加载时,defaultValue 异常清空
🎉 1.32.3 (2021-10-18)
- 🔧【Fix】
- 修复 Select 搜索时输入 '(' '/'等未转义字符时报错的问题
🎉 1.33.0-beta.0 (2021-10-15)
- 🔧【Fix】
- 修复 Tooltip 包裹 Select时,远程搜索失焦
- 修复 Select 搜索模式下,搜索结果中高亮字符串前后空格丢失的问题
🎉 1.32.2 (2021-10-14)
- 🔧【Fix】
- 修复 Tooltip motion 为 false 时弹出层未显示问题(影响v1.30+)
- 修复 Slider 在拖拽时如果父级 dom 进入 display none 会触发错误的问题
🎉 1.32.1 (2021-10-11)
- 🔧【Fix】
- 修复 Button disabled 时,触发冒泡的问题。
🎉 1.32.0 (2021-10-09)
- 🔧【Fix】
- 修复Avatar更新src不生效问题
- 修复 DatePicker 俄语、越南语显示日期错误问题
- 修复 Tag size 为 small 且 avatarShape 为 circle 时,avatar 样式大小异常
🎉 1.32.0-beta.0 (2021-09-30)
- 🎁【Feature】
- TreeSelect 支持 support loadData/onLoad/loadedKeys
- Cascader 支持 disableStrictly
- Tooltip 支持 wrapperClassName
- Form formApi.setValue、setError、setTouched 支持使用父级fieldPath,对多个field进行批量赋值
- 🔧【Fix】
- 修正 Form ArrayField 设置 initValue,其下属的 Field 也设置initValue时 ,通过ArrayField Props 配置的初始值反而比通过Field Props配置的初始值权重高的问题。对齐Form Props、Field Props的优先级生效规则,遵循子级配置权重最高的原则
🎉 1.31.0 (2021-09-24)
- 🔧【Fix】
- Form 修复 validate 指定校验部分 fields 时,可能因为 field 前缀相同,而误触发校验的问题
- DatePicker disabledTime 回调参数类型错误问题(影响v1.26 ~ 1.31-beta)
🎉 1.31.0-beta.1 (2021-09-23)
- 🔧【Fix】
- 当Pagination showQuickJumper 为true,输入负数时,由不生效改为跳转至第一页
- 💅【Style】
- 去除Pagination type为mini时左右两侧的padding(即组件Token:$spacing-pagination_small-paddingX的默认值由8px变更为0)
- Pagination showQuickJumper为true时,当总页数只有1页时,quickJumper部分样式自动disabled。新增组件Token:$color-pagination_quickjump_text-disabled
🎉 1.31.0-beta.0 (2021-09-18)
- 🎁【Feature】
- Upload添加beforeRemove(删除前回调)和beforeClear(清空前回调),可用于阻止移除文件
- Pagination增加 showQuickJumper 快速跳转至某页
- DatePicker 新增 rangeSeparator API,支持替换范围日期分隔符
- Table
- 新增 defaultSortOrder API,支持给列设置一个默认的排序顺序
- 新增 expandRowByClick API,支持点击行展开
- 🔧【Fix】
- 修复 Input 未设置宽度且hideSuffix为true,清除按钮 hover 时输入框宽度变化问题
- 💅【Style】
- Pagination 新增组件Token:$spacing-pagination_quickjump_marginLeft、$spacing-pagination_quickjump_input_marginLeft、$spacing-pagination_quickjump_input_marginRight、$font-pagination_quickjump_fontWeight、$width-pagination_quickjump_input_width
🎉 1.30.2 (2021-09-17)
- 💅【Style】
- 修复Transfer组件右侧header高度变化样式问题
🎉 1.30.1 (2021-09-13)
- 🔧【Fix】
- 修复Button 任意情况都阻止了事件冒泡导致Upload不可用的问题(影响范围v1.30.0)
🎉 1.30.0 (2021-09-10)
- 🔧【Fix】
- 修复 Tooltip getPopupContainer 报错问题
- 修复 Pagination 传入total过大时报错的问题
- Button组件disabled后,期望点击事件不冒泡
- 🗃【Chore】
- 更新 TimePicker defaultValue 和 value 的类型定义
- 修复 Card shadows 的 dts,将 'show' 改正为 'always'
🎉 1.30.0-beta.1 (2021-09-06)
- 🔧【Fix】
- 修复 Cascader 在超长列表情况下,点击 clear 按钮后,dropdown 错位的问题
- ✏️【Documentation】
- 修复 Table 文档中,介绍 api 时名称书写有误的问题。defaultExpandGroupRows 改为 defaultExpandAllGroupRows,expandGroupRows 改为 expandAllGroupRows
🎉 1.30.0-beta.0 (2021-09-03)
- 🎁【Feature】
- CheckboxGroup 和 RadioGroup 支持 type='card' 和 type='pureCard'
- Tree 支持 expandAll
- Form Field 支持传入 ref
- TextArea 支持 showClear 和 onClear
- Treeselect
- 支持 disableStrictly
- 支持 expandAll
- 主题支持通过配置打开局部为暗色/亮色模式,详情点击
- Table 支持 expandAllRows,defaultExpandAllGroupRows,expandAllGroupRows API
- 🔧【Fix】
- Tooltip
- 修复container 为 body 时,如果 body 存在 margin 造成的弹出层位置错误
- 修复 onVisibleChange 偶尔不会触发问题
- 修复 mouseEnterDalay 和 mouseLeaveDelay 都为 0 时,鼠标快速划过弹出层无法隐藏问题
- 修复 DatePicker type 为 date 时,失焦后再次聚焦没有触发 onFocus 问题
- Icon懒加载图标未加载修复
- Calendar 修复头部不对齐的问题
- 修复 slider 在受控模式 onAfterChange 不生效的问题
- Tooltip
- 💅【Style】
- Tree 和 TreeSelect 支持搜索高亮
- CheckboxGroup direction='horizontal' 时,最后一个 checkbox 设置 margin-right 为 0,以对齐vertical 的情况
- 修复Upload照片墙模式,disabled指针样式未禁止问题
- ✏️【Documentation】
- 修复 TagGroup demo 没有垂直居中对齐的问题
🎉 1.29.1 (2021-08-30)
- 🔧【Fix】
- 修复 ArrayField中使用Form.Select 开启onChangeWithObject后,新增或删除行时由于stringify异常导致unregister错误的问题
🎉 1.29.0 (2021-08-27)
- 🎁【Feature】
- 新增Icon,layers
- 🔧【Fix】
- 修复 Table column render 返回 rowSpan 且有固定列时,列无法对齐问题
- 修复 InputNumber formatter 在受控模式下与非受控模式效果不同问题
- 修复 DatePicker 禁用开始日期无法修改结束日期问题
- 💅【Style】
- Cascader 搜索高亮的颜色替换为 --color-primary
- Checkbox 和 Radio 在 disabled 时 extra 颜色修改从 --color-text-2 修改为 --color-disabled-text
- InputNumber 传入 disabled prop 时,对按钮添加禁用颜色
- 🗃【Chore】
- 优化 Avatar、Banner、DatePicker 等 13 个组件类型定义 @xiezhiqiang
- DatePicker disabledDate 参数暴露 rangeEnd 值
- 优化 Table 类型定义
🎉 1.29.0-beta.0 (2021-08-20)
- 🎁【Feature】
- TagInput
- 支持 autoFocus
- separator 支持数组格式,允许设置多个分隔符
- Cascader
- 支持 onClear
- 支持 showNext,允许设置 Dropdown 子菜单的展开时机
- TreeSelect 支持 searchPosition
- Steps 支持 onChange
- Switch 支持 loading
- Slider 垂直模式支持反转方向,即上大下小
- TagInput
- 💅【Style】
- Space 的间距实现从 margin 修改为 gap 。开启 wrap 后,位于最后一行的子元素不再有下外边距,且每行的最后一个元素不再有右外边距
- TreeSelect 的 selection 的右边距从 12px 设置为 0,以对齐 Select 组件
- 🔧【Fix】
- TreeSelect
- 修复单选时,若选中已选项目,下拉框不会收起的问题
- 修复了 multiple 时 size 失效的问题
- Slider
- 修复 onAfterChange 在特殊情景下入参数值不正确的问题
- Select
- 修复虚拟列表文本过长时图标与文本折行问题
- DatePicker
- 修复 dateRange 受控模式下选择一个日期后 notifyChange 导致格式化日期报错
- TreeSelect
- ✏️【Documentation】
- Cascader 补充文档中 treeData 的类型介绍
- 🗃【Chore】
- TreeSelect 补充 triggerRender 入参的 dts 类型定义以及对应的文档说明
🎉 1.28.4 (2021-08-19)
- 🔧【Fix】
- DatePicker
- 在 dateTimeRange 类型中,修复判断日期是否为disable时存在的问题
- DatePicker
🎉 1.28.3 (2021-08-19)
- 🔧【Fix】
- Cascader
- 修复 autoMergeValue 为 false 时报错 forEach is not a function 的报错问题
- 修复 multiple 为 true 且 showClear 为 true 时,当选中项为空时显示 clearBtn 的问题
- Cascader
🎉 1.28.2 (2021-08-18)
- 🔧【Fix】
- Steps
- 修复 Steps 定制组件级Design Token 不生效的问题
- Steps
🎉 1.28.1 (2021-08-16)
- 🎁【Feature】
- 组件内置文案支持繁体中文
- 🔧【Fix】
- Select
- 修复受控多选且 onChangeWithObject 为 true 情况下,optionList 中含有 key,第一次选择时onChange 回调中 key 丢失的问题
- 修复 onChangeWithObject 打开之后,onChange 里面的 option 会额外包含某些Select内部状态如 selected、show 等的问题
- 修复 filter allowCreate 同时开启,搜索选项有命中的情况下,点击任一选项也会造成创建新选项的问题
- Calendar
- 修复默认 locale 错误的问题
- 修复 UMD 产物 Icon 图标未去色问题
- DatePicker
- 在dateRange 和 dateTimeRange 类型中,支持动态 disable 日期选项。比如当选择了 startDate后,在选择 endDate 时,比 startDate 小的日期不可选
- 在dateRange 和 dateTimeRange 类型中,优化了选择日期时trigger的高亮区域。由原来完成的trigger高亮切换为input区域。包含背景和边框。比如在选择startDate时,startInput区域会高亮。
- 注:实现该功能调整了DatePicker的trigger。在input外层包括一层div。
- 修复范围日期选择器选择一个日期且另一个日期为空时误触发 onChange 引起的报错问题(from v1.26)
- TreeSelect 双击下拉框子项目后报错的问题
- Select
- 💅【Style】
- Select.Option 增加 flex-wrap,避免搜索时某些情况下过长的文本显示异常的问题
- 🗃【Chore】
- Typography 移除类型定义文件中的 dangerouslySetInnerHTML 属性
- Notification 类型定义问题更新,添加 open 属性,移除不存在的 confirm 属性
- ✏️【Documentation】
- Button 补充 noHorizontalPadding 的文档说明
🎉 1.28.0-beta.0 (2021-08-06)
- 🎁【Feature】
- Cascader 支持多选,提供 multiple、onExceed、max、maxTagcount、showRestTagsPopover、restTagsPopoverProps、autoMergeValue 这些相关 api
- DatePicker新增 API开关: syncSwitchMonth ,允许在范围选择场景下,双面板月份同步切换
- DatePicker新增回调:onPanelChange,当月份左右切换时触发
- 💅【Style】
- 修复 TagInput 中 +N 的水平间距和设计稿的差异,为 +N 添加水平内边距 8px
- Radio
- 修复按钮类型的 Radio 默认背景色和设计稿的差异,从 var(--color-fill-1) 改为 var(--color-fill-0)
- 修复按钮类型的 Radio 不对齐的问题,添加 align-item: middle
- Design Token
- Popconfirm 新增 $radius-popconfirm-popover Scss 变量,通过配置此变量可以自定义本组件border-radius
- 新增 --border-radius-full(值为9999px) CSS 变量,可用于创建全尺寸圆角,如胶囊标签等
- 🔧【Fix】
- Table
- 修复受控更新 rowSelection 时 可选单元格disabled渲染错误的问题
- 修复受控更新 columns.sortOrder 时表格数据未正确排序的问题
- 修复在已有筛选项的情况下,更新dataSource,表格数据未经过滤全部展示出来的问题
- Table
- ✏️【Documentation】
- Tree 组件补充 autoExpandParent 的描述 & Demo
🎉 1.27.3 (2021-08-05)
- 🔧【Fix】
- 优化DatePicker dateRange 和 dateTimeRange 场景的交互体验。支持在一次选择中,可单独改变 startDate 或 endDate以及同时改变
🎉 1.27.2 (2021-08-03)
- 💅【Style】
- 修复RTL 模式下 Select insetLabel右侧边距不对的问题
🎉 1.27.0 (2021-07-30)
- 🔧【Fix】
- 修复SideSheet mask为false且width设置为百分比字符串时,SideSheet没有正确展示的问题
- Tag 新增default size,修复在InputGroup中使用default size报错的问题
- 💅【Style】
- Tag 增加 white-space: nowrap,解决超长换行文本因高度固定导致的显示不正确问题(Tag建议优先单行使用,内容超长时建议搭配Typography使用)
- 🗃【Chore】
- Table新增RecordType范型,完善Column.render参数定义
🎉 1.27.0-beta.0 (2021-07-23)
- 🎁【Feature】
- Breadcrumb 新增 renderMore 和 moreType API,可自定义...区域的渲染
- Select 支持搜索时关键字高亮(仅当 option label/chilren 为纯字符串文本时)
- Pagination mini 模式下,新增 hoverShowPageSelect API,支持 hover 快速切换页码
- TreeSelect 新增 searchAutoFocus API,支持搜索功能中搜索框自动聚焦
- Cascader 新增 topSlot、bottomSlot API
- Modal 现在会自动计算滚动条宽度防止弹出时 mask 背后内容抖动
- Navigation 新增 limitIndent API 用于缩进限制,新增 toggleIconPosition API 用于控制 展开收起 icon 位置
- Tree 支持在 renderFullLabel 场景下拖拽
- 🔧【Fix】
- 修复 Notification 同一任务队列快速显示隐藏时小概率失效的问题
- 修复Transfer组件全选/取消全选,清空的处理判断逻辑问题
- ✏️【Documentation】
- 修正 Dropdown 文档中 tooltip position 的跳转链接
🎉 1.26.1 (2021-07-20)
- 🔧【Fix】
- 修复 DatePicker 切换时间直接报错的问题
- 💅【Style】
- 修复 DatePicker 有 defaultValue 时, disabled 样式不符合预期的问题
- ✏️【Documentation】
- 修改补充了 Cascader 和 Select 组件文档中 triggerRender 的内容
🎉 1.26.0 (2021-07-18)
- 🔧【Fix】
- Form
- 修复 Form reset时 ArrayField 没有被重置回初始状态的问题
- 修复 Form field rules由有效数组变更为空数组时,重新执行校验,校验状态没有被正确更新的问题
- 修复 Form ArrayField 通过initValue配置初始值时,初次渲染也错误触发了onValueChange的问题
- DatePicker
- 修复 DatePicker 在日期未发生改变时也调用 onChange 问题
- 修复 DatePicker disabledDate 与 disabledTime 传参未适配 timeZone 问题
- 修复 RadioGroup 隔级传 Radio 报错的问题
- 修复 Space 中使用 React.Fragment 显示不符合预期的问题
- 修复 Collapsible 没有 keepDom,却在初始折叠时渲染了 DOM 的问题
- 修复 Table 表头列合并 rowSpan 为 0 时列对不齐问题
- Form
- 💅【Style】
- Navigation
- Navigation 一级目录选中态文字颜色与设计稿对齐, 由 --color-primary ➡️ --color-text-0
- Navigation 横向导航栏优化交互细节,去掉箭头的翻转动画
- Radio 未 checked 状态下 hover 后文字颜色的样式,移除 var(--color-primary) 文字高亮
- Table resize 热区的宽度由 1px ➡️ 8px
- Navigation
- 🗃【Chore】
- 补充 DatePicker triggerRender 和 renderFullDate 类型定义
- 补充 Select 的 afterClose 类型定义
- Table 增加行/列合并示例
🎉 1.26.0-beta.3 (2021-07-15)
- 🔧【Fix】
- 修复 Select 中.d.ts 遗漏了 afterClose 的问题
- 修复 Space 中使用 React.Fragment 显示不符合预期的问题
🎉 1.26.0-beta.2 (2021-07-14)
- 🔧【Fix】
- 修复 Form reset时 ArrayField未恢复至初始状态的问题
- 修复 Form Field rules由有效数组变更为空数组后,校验状态未更新的问题
- 修复 RadioGroup 隔级传 Radio 报错的问题
🎉 1.26.0-beta.1 (2021-07-14)
- 🔧【Fix】
- 修复 DatePicker 拆分输入框不兼容 triggerRender 问题
- 修复 Form ArrayField 初始化时调用 onValueChange 问题
- 💅【Style】
- 修复 button 类型的 Radio 未 checked 状态下 hover 后文字颜色的样式与设计稿不一致问题,移除 var(--color-primary) 文字高亮
🎉 1.26.0-beta.0 (2021-07-09)
- 🎁【Feature】
- Radio 支持 button style
- TreeSelect 支持 renderSelectedItem API,可自定义已选项
- DatePicker dateRange 和 dateTimeRange 场景对输入框进行拆分,可单独改变 start 或 end,优化交互体验
- Cascader 新增 filterLeafOnly,支持搜索并选择非末级数据
- 🔧【Fix】
- 修复点击 Input 的 prefix/suffix 不会让输入框 focus 问题
- 修复 Input 同时使用 addonBefore 和 showClear 样式问题
- 💅【Style】
- 修复 Tree 和 TreeSelect 层级 indent 与设计稿不一致问题,由 8-40-60-100 更新为 8-28-48-68
- 请留意 DatePicker type 为 dateRange 或 dateTimeRange 场景,输入框 DOM 发生修改,由一个输入框拆分为两个输入框;inputStyle 属性将绑定到两个输入框上;blur 行为由监控输入框的 blur 修改为 closePanel 时调用 onBlur。
- 请留意 Input 的样式新增默认的高度。如果你给 Input 自定义了 padding,由于 Input 为 border-box,请将 Input 的 height 设置为默认高度+自定义padding
- ✏️【Documentation】
- Table 补充 column.title 描述,解释不同参数类型对 title 渲染的影响
🎉 1.25.0 (2021-07-02)
- 🔧【Fix】
- 修复 DatePicker placeholder 传空字符串不生效问题
- 修复 Collapse 传入复杂内容致高度计算错误的问题
- 🗃【Chore】
- 校准TreeSelect、Tree 的 d.ts ,查漏补缺
- 💅【Style】
- Notification width 由固定的 320px => auto
🎉 1.25.0-beta.3(2021-07-01)
- 🔧【Fix】
- 修复 Select value=0 且optionList中无对应Option时,renderSelectedItem未触发执行的问题
🎉 1.25.0-beta.0 (2021-06-25)
- 🗃【Chore】
- 优化构建体积,多语言包支持 tree shaking,此次改动涉及组件 LocaleProvider、 DatePicker、TimePicker、Calendar
🎉 1.24.4 (2021-06-21)
- 🔧【Fix】
- 修复 Navigation 在未挂载时调用 setState 问题
🎉 1.24.2 (2021-06-20)
- 🔧【Fix】
- 修复 AutoComplete 数据变化后弹出层过宽没有自动切换位置问题
- 修复 Cascader、Tree 修复内部状态 loadedKey 被意外更新的问题
- 🗃【Chore】
- 增加了设计变量页面,各组件也增加了 DesignToken 的展示
🎉 1.24.1 (2021-06-20)
- 🔧【Fix】
- 修复 DatePicker 提示 dateFnsLocale required 问题
🎉 1.24.0 (2021-06-18)
- 🗃【Chore】
- 更新Column dts,完善 useFullRender 类型
🎉 1.24.0-beta.2 (2021-06-17)
- 🔧【Fix】
- 修复 TimePicker 使用 Input 修改时间交互不顺畅问题
🎉 1.24.0-beta.1 (2021-06-15)
- 🎁【Feature】
- DatePicker
- DatePicker 新增 onPresetClick API
- Upload
- Upload组件新增 onAcceptInvalid API
- DatePicker
🎉 1.23.5 (2021-06-11)
- 🔧【Fix】
- 修复 Table 虚拟化表格无法表头与 body 对不齐问题
🎉 1.23.4 (2021-06-09)
- 🔧【Fix】
- 修复 DatePicker format 后的 dateStr 不支持多语言问题
🎉 1.23.1 (2021-06-07)
- 🔧【Fix】
- 修复 Table 同时传 prop columns 和 children JSX columns 报错问题
- 修复 Table 插拔键鼠导致部分使用场景(传 scroll.y)下表头与 body 无法列对齐问题
- 修复 Slider 不支持移动端拖拽问题
🎉 1.23.0 (2021-06-04)
- 🔧【Fix】
- Transfer
- 修复了当dataSource更新时,未更新搜索结果的问题
- 修复了已选项disabled的情况下hover上展示移除图标的问题
- 修复Dropdown.Item图标自动缩放问题
- 移除Tooltip、Dropdown等浮层组件上 .d.ts 误增加的disabled 属性(实际上组件并未提供该API)
- 修复了Upload在单文件替换时,第二次重复上传相同文件失效的问题
- Transfer
- 💅【Style】
- 优化Modal 动画参数,减少卡顿感
🎉 1.23.0-beta.0 (2021-05-28)
- 🎁【Feature】
- AutoComplete
- 新增onChange API,当在输入框变化/候选项选中时触发,一直返回string类型
- value不再对object类型支持
- Toast
- 新增ToastFactory,通过ToastFactory.create()生产Toast,解决getPopupContainer配置后无法更改问题
- Icon
- 新增 resso brand icon
- AutoComplete
- 🔧【Fix】
- 修复 Tabs activeKey 更新不及时导致 TabPane 渲染时机不正确引起的 children 渲染错误问题
- 修复 DatePicker 在某些时区具有夏令时偏移问题
- 修复 Popover 小箭头丢失问题(影响版本 v1.22.0)
- 修复 Form.TextArea 组件透传给原生组件 insetLabel 属性
- 修复 AutoComplete 当 value 受控且等于""时,输入框可变化的问题
- 修复 AutoComplete,defaultValue 优先级高于 value 的问题
- 修复 space .d.ts 部分类型错误的问题
🎉 1.22.2 (2021-05-24)
- 🔧【Fix】
- AutoComplete
- 修复AutoComplete选项点击padding处无法选中问题
- AutoComplete
🎉 1.22.0 (2021-05-21)
- 🔧【Fix】
- Table
- 修复 Column JSX 写法更新数据表格行为异常问题
- 修复 提醒 array 的每一项需要给单独 key 问题
- DatePicker
- 修复点击清除按钮后没有清除面板日期行为
- 修复设置时区时 dateTime 时间选择无法使用问题
- 修复 Upload 在 limit=1 时,替换功能失效问题
- 修复 Select 动态切换 multiple 时 defaultValue/value 如果是非法值引起的 Error
- 修复 Pagination 动态变更 pageSize 后,Pagination 内置的分页容量 Select 选择器值显示不匹配的问题
- Table
🎉 1.22.0-beta.0 (2021-05-14)
- 🎁【Feature】
- DatePicker
- 新增 topSlot/bottomSlot API,渲染顶部和底部额外区域
- format 适配多语言,与 LocaleProvider 提供的语言保持一致
- Transfer
- renderSelectedItem新增 sortableHandle传参,用于draggable场景配置自定义已选项渲染时候用
- DatePicker
- 🔧【Fix】
- Form
- 修复submit校验失败时,errors中的error对象可能会被吞掉变成{}的情况
- 修复trigger包含mount,且validate为异步检验时,挂载后未触发初次校验的问题
- Table
- 修复 disabled 所有行可以选中第二页数据问题
- 修复函数组件使用时排序失效问题(影响版本v1.21)
- 修复动态切换 rowSelection 时,列没有更新问题(影响版本v1.21)
- 更新 Table 逆序排序逻辑,由先升序排+reverse => 逆序排序
- 修复 配置 scroll.y 且当前页数据不够时没有显示垂直滚动条导致的列对不齐问题
- Radio修复 mode='advanced'时,如果group与radio中间嵌套了 div或其他标签,advanced会不生效的问题
- 修复 Card 组件传入 className 没有生效问题
- 修复 Transfer 组件 defaultValue 失效问题
- 修复 Calendar组件显示更多事件数量显示异常问题
- 修复 Input 在条件渲染情况下,clear 按钮点击失效的问题
- 修复 InputNumber step 设置为 0.1,min 为 0,max 为 1,无法通过右侧加号达到 1 问题
- Select
- 修复 Select onChangeWithObject 为 true 时,调用ref.selectAll不生效问题;修复调用ref.selectAll后未触发onChange的问题
- 修复 Select 搜索后更新optionList将选项个数变更后,某些情况下直接敲击回车抛出 Uncaught TypeError: Cannot read property '_inputCreateOnly' of undefined 的问题
- 修复 Description data key传入ReactNode时,抛出propType check warning的问题
- Form
- 💅【Style】
- Radio、Checkbox border color 与设计稿对齐,统一更新为 var(--color-text-3)
- 修复 Radio disabled border 颜色不正确问题
- 修复 Avatar label 没有垂直居中问题
- 对所有组件的组件级别的 Design Token 进行了梳理,以支持通过主题定制组件级样式
🎉 1.21.0 (2021-04-30)
- 🔧【Fix】
- 修复日历组件在跨月显示时间异常问题
- 修复 Banner 组件 title 和 description 嵌套标签报错问题
- 修复自定义 prefixCls 时 Table 组件排序时按钮不高亮问题
- 修复 Typography copy 时存在逗号问题,对数组类型的 children 进行兼容
- 🗃【Chore】
- 修复 Typography 组件存在的循环依赖问题
- 💅【Style】
- Typography Paragraph margin 设置为 0。请注意 margin 的默认值有变化,如果你之前没有引入 reset.css,它的 margin 会从浏览器继承(1em),而现在默认 margin 为 0。
- ✏️【Documentation】
- 补充 Typography 组件 component API,component 可以支持自定义 Typography 的渲染元素
🎉 1.21.0-beta.0 (2021-04-25)
- 💡【New Component】
- 新增 Card 组件
- 🎁【Feature】
- TagInput 支持 max、showRestTagsPopover、restTagsPopoverProps、showContentTooltip
- Form 支持 Form.TagInput
- Table 支持 expandedRowRender 修改为返回 null 则不渲染展开行
- Upload组件支持单文件替换
- Icon组件新增 onMouseDown onMouseUp onMouseMove api
- 🔧【Fix】
- TagInput 的 maxTagCount 行为修正,对齐其他组件(超出后显示+N)
- 修复 Banner 组件 title 和 description 嵌套标签报错问题
- 🚀【Performance】
- Table 渲染次数优化,对行选择单选场景和全局刷新问题进行了优化
- 🗃【Chore】
- 修复 Typography 组件存在的循环依赖问题
- ✏️【Documentation】
- 补充 Typography 组件 component API,component 可以支持自定义 Typography 的渲染元素
- 💅【Style】
- --color-disabled-bg下降一个色阶,引用-grey-1, 提高背景和文字的对比, 提高可读性
- tietrary button 的 文字颜色 使用 --color-text-1, 同样提升对比度+可读性
- 对于 borderless + split button , 按钮主体和下拉箭头的 hover state 分开, 用以明确热区
🎉 1.20.3 (2021-04-29)
- 🔧【Fix】
- Select的Class类型添加open、close等实例调用方法
- 修复Progress在unmounted时调用setState引起React报错
- Cascader当有未匹配初始值时,级联异步加载未显示子节点
- Breadcrumb noLink的样式修复
- Upload 进度条调整为在接收到服务器明确响应后才到达100%
- 修复 DatePicker 可以在受控模式下输入禁用日期问题
- 修复 Table sorter 在自定义 prefixCls 场景下点击没有高亮问题
🎉 1.20.0-beta.4 (2021-04-12)
- 🎁【Feature】
- Upload新增文件夹上传功能
- Transfer支持树形穿梭框
- TagInput 新增 addOnBlur 和 allowDuplicates api
- Table 新增获取虚拟化表格ref的接口,虚拟化表格允许滚动至某行
- Anchor 新增默认锚点
- Anchor.Link 新增disabled
- 🔧【Fix】
- 修复 Navigation item font-weight 错误问题( 1.18 版本引入)
- 修复使用 prefixCls 后,Tabs 设置 collapsible,切换 tab 时有报错问题
- 修复 Form label、Table 筛选器 dropdown item 的 RTL 问题
- 修复 Anchor 有滚动容器时,点击锚点,滚动容器发生滚动问题
- 修复 Table 筛选器筛选结果为空时,显示全部数据问题
- 💅【Style】
- TagInput 标签过长发生截断时,自动显示 ToolTip
- Banner 非全屏模式下 title 与 description 添加 2px 间距
- Form label font-weight 更新 700 => 600,相对应的 Scss 变量 font-weight-bold 也从 700 调整为 600
🎉 1.19.0 (2021-04-02)
- 🔧【Fix】
- 修复 Navigation 在初始化时设置二级的 selectedKeys,一级标题没有激活样式的问题
- 修复 Table 点击第一个筛选器后 setState 第二个筛选器失效问题
- 修复 Avatar 动态修改 hoverMask 不生效的问题
- TagInput
- 修复空格交互问题
- 修复setInputValue('') 失效
- InputNumber
- 修复受控模式下使用 ⬆️ 和 ⬇️ 按钮输入框没有更新问题
- 修复受控模式下传递非法数值没有响应问题
- 💅【Style】
- 移除 Modal fullScreen 时带的 border 样式
- 修复 Tabs type='line',size为small时,设置了 tabBarExtraContent 会由于高度撑开时使得 tabBar 的底部 border 样式不对的问题
- TagInput
- 修复标签长度超出的样式问题
- 修复用 withField 包装后的宽度问题
🎉 1.19.0-beta.0 (2021-03-26)
- 💡【New Component】
- 新增 TagInput 组件
- 🔧【Fix】
- AutoComplete 点击回车报错
- 修复 Description DataItem 为 null 时报错
- 修复 Upload beforeUpload 中返回新的 fileInstance ,未正确执行上传的问题
- 修复 Navigation 选中且禁用时样式不正确问题
- 💅【Style】
- DatePicker 面板弹出位置如果在输入框上方,为了方便快速切换月份,日期面板周数固定为 6 周
🎉 1.18.0 (2021-03-17)
- 🔧【Fix】
- 修复 Select 多选受控时,未绑定 onChange 函数,点击 tag 上的 x,依然能删除选中的问题
- 修复 InputNumber 受控使用时,输入值超出 max 后触发 onNumberChange 问题
- 修复 Select 禁用时点击或通过 tab 按钮可以选中问题
- 💅【Style】
- Select clear icon 增加 flex-shrink,解决设置 mulitple+showClear,在某些情况下鼠标hover时长度抖动的问题
- 🗃【Chore】
- 更新 Table 组件类型定义文件 ,添加 children 到 column
🎉 1.18.0-beta.0 (2021-03-12)
- 🎁【Feature】
- Select ref 新增method: clearInput 清空Input框、selectAll 全选、deselectAll 取消全选
- Steps组件改版,新增带连接线与导航类型
- Upload组件支持onRetry,onOpenFileDialog与onError时返回原生xhr对象
- Tree 组件支持 leafOnly 属性
- SideSheet 新增keepDOM api
- Modal 新增 fullScreen api
- 🔧【Fix】
- 修复 Tree 组件使用 loadedKeys 时的报错
🎉 1.17.0 (2021-03-05)
- 🎁【Feature】
- 新增
dislike_thumb
、unlink
图标
- 新增
- 🔧【Fix】
- 修复 Transfer 导出的 sourcePanelProps 类型声明缺少 selectedItems
- 修复 Upload 组件 renderFileItem 参数与声明不一致
- 修复 SideSheet closeOnEsc 只有获得焦点才生效的问题
- 修复 scan 图标填充颜色问题
- ✏️【Documentation】
- 升级官网 live demo 编辑器,增加标签补全、语法提示等
🎉 1.17.0-beta.0 (2021-02-26)
- 💡【New Component】
- 新增 Space 组件
- 🎁【Feature】
- DatePicker 新增小尺寸
- Navigation 支持禁用导航栏
- 新增葡萄牙语-巴西(pt-BR)语言包
- 新增支持 Descriptions JSX写法
- 🔧【Fix】
- 修复 Table rowSelection 受控模式下 resizable 使用有问题
- 修复 Input suffix icon 与 clear icon 重叠问题
- 修复 ArrayField无法remove的问题,受影响版本 1.16.0-beta - 1.16.3
- 修复 Tooltip 图标更新导致的样式问题
- 修复 Avatar 被Dropdown、Popover等组件包裹时无法正确展示浮层的问题
- 修复 Tabs 在 children 为空的 case 下报错的问题
- 💅【Style】
- Navigation 新增 press 状态,选中 hover 等状态
- 修复 Table 设置 bordered 属性后,在无数据情况下缺少右边框问题
- 移除TimePicker 在俄罗斯语、泰语、土耳其语、越南语时的时分秒文本展示,即仅保留数字不保留单位
- ✏️【Documentation】
- 修复文档 Input type 与类型定义文件不一致问题,type boolean => string,默认值 false => text
🎉 1.16.0 (2021-02-20)
- 🔧【Fix】
- Timeline组件,children不合规时报错
- 修复 DatePicker 动态禁用日期报错
- 修复1.16.0-beta版本引入的Radio mode=advanced模式不可用的问题
- 💅【Style】
- 修复 Modal 没有 title 但有 header 时的样式
- 🗃【Chore】
- 锁定svgo版本(v1.2.2)、svgo-loader版本
🎉 1.16.0-beta.0 (2021-02-05)
- 🎁【Feature】
- Select onExceed增加Option作为入参
- Dropdown 新增icon、iconType API,更便捷地配置图标
- Radio 新增 addonStyle、addonClassName
- DatePicker 新增 onClear API,点击清除按钮时触发此回调
- AutoComplete新增emptyContent与autoFocus API
- Modal 新增 afterClose 回调,在动画结束后执行
- Timeline 新增 dataSource API,支持以数组形式传入
- Cascader 支持 onChangeWithObject
- Breadcrumb.Item
- 支持设置 noLink 去除 hover 和 active 的效果
- 支持设置子级的 separator 覆盖父级
- 🔧【Fix】
- 修复Select 开启虚拟化后,需要点击两次才能选中Option的问题
- 修复v1.15版本Form.Upload的受控场景下传入fileList为undefined报错情况
- 修复 Modal closeOnEsc 必须获取焦点才能退出的问题
- 修复 多个 Tabs 情景滚动时,目标 tabs 不正确的问题
- Table
- 修复 sortOrder 失效以及 dataSource 更新后排序失效问题
- 修复虚拟化列表在无固定列时表头无法与列对齐问题
- DatePicker
- 修复 minuteStep 步长较大时第二个时间选择器无法使用问题
- 修复 needConfirm 不能使用输入框更改选中日期问题
- 🚀【Performance】
- Cascader/TreeSelect/Tree单选 点击已选项始终触发onSelect
- 💅【Style】
- 修复 Slider 点击按钮时 border 会向下偏移 1px 以及 box-shadow 不正确问题
- 修正Cascader在RTL时insetLabel间距不正确的问题
- Modal 优化没有title时的样式
- 🗃【Chore】
- Cascader Data.value PropTypes 的校验对齐 d.ts 声明
- 更新 DateInput / Cascader 类型声明,补充回调函数的入参
- 修复 BaseForm autoScrollToError 类型报错问题
🎉 1.15.0 (2021-01-29)
- 🔧【Fix】
- AutoComplete 在失焦情况下自动展开后选项
- Upload 组件受控模式未按照 fileList 渲染
- 修复 Tree 树形组件,onLoad 和搜索一起使用时,展开逻辑的问题
- 修复Select autoFocus时,直接点击外部失焦未触发onBlur事件的问题
- 修复 Table 函数式组件 rowSelection 在使用字面量方式时选择失效问题
- 💅【Style】
- 解决Form.Section未引用 CSS 变量,在暗色模式下显示不正常的问题
- Description增加显式line-height声明,防止父级设置了line-height时被继承
- 🗃【Chore】
- 更新 Form autoScrollToError 类型定义,补充 object 类型
🎉 1.15.0-beta.0 (2021-01-24)
- 🎁【Feature】
- Cascader级联菜单
onListScroll
监听功能实现,以实现下拉分页等 - Form Field组件props增加
fieldStyle
,允许定义整个field区块的内联样式 - Select、Cascader、TreeSelect增加
arrowIcon
API,允许自定义右侧下拉箭头Icon - 对齐具有
triggerRender
API的各组件(AutoComplete、Cascader、DatePicker、Select、TimePicker、TreeSelect)入参
- Cascader级联菜单
- 🔧【Fix】
- 修复Form 在使用wrapperCol、labelCol时,声明labelAlign无效的问题
- 修复Form submit/getValues/validate时,数组路径下的纯数字field如果超出了JS数组边界,获取的values中,key会被清掉的问题
- 修复 DatePicker 可以通过 Input 框选中禁用日期的问题
- 修复TreeSelect在treeData是空数组,value是[""]的时报错
- 修复Tabs在type='button'/'card'模式下,extra内容与tabs-bar未在垂直方向对齐的问题
- 修复Tabs动画结束后依然保留有transform属性,导致在某些场景子级元素下z-index失效的问题
- 💅【Style】
- Body font-family增加
Inter
字体作为优先选项 - Modal 默认增加边框阴影样式
- 表单中各类Radio、Checkbox与Form Label间距调整
- Tabs去除在type='line'时,第一个Tab bar的padding-left(4px=>0px),更便于与其他Title级别元素实现左对齐
- Body font-family增加
- ✏️【Documentation】
- Table 组件新增 📚 Semi Table FAQ & 自查手册
- 增加 Typography.Title 支持省略的 Tooltip 内容自定义的示例
- 🗃【Chore】
- 更新 Typography dts,extends HTMLParagraphElement、HTMLSpanElement、HTMLHeadingElement相关属性
🎉 1.14.0 (2021-01-15)
- 🔧【Fix】
- 修复火狐浏览器下 Empty 组件的插画未居中的问题
- 修复 classnames 包没有声明在组件库包的依赖 (dep & devDep & peerDep) 中的问题
- 修复Tooltip 的 autoAdjustOverflow 定位问题
- ✏️【Documentation】
- Modal 文档增加 content 这个 api 的说明
- 补充关于create-react-app创建工程接入Semi的说明文档
🎉 1.14.0-beta.0 (2021-01-10)
- 🎁【Feature】
- AutoComplete 组件添加 validateStatus 属性
- 🔧【Fix】
- 修复 Cascader 受控 + 动态加载数据时展示状态的问题
- 修复 Form.AutoComplete 的内嵌 label 未展示问题
- 💅【Style】
- 修复暗色模式下 color-info 系列颜色变量丢失的问题
🎉 1.13.0 (2021-01-04)
- 🔧【Fix】
- 修复 Navigation 在 SSR 场景下初始化数据时机不正确问题,统一将数据的初始化操作由 componentDidMount => constructor 函数。
- 🗃【Chore】
- 更新 Checkbox dts 文件中 CheckEvent 接口参数类型,由可选 => 必选
- 完善 Descriptions dts 文件中 data 参数的类型定义
- 导出 Form dts 文件中 Field 类型定义 和 Transfer 组件 Item 的类型定义
🎉 1.13.0-beta.0 (2020-12-25)
- 🎁【Feature】
- DatePicker
- 支持 dropdownClassName 和 dropdownStyle
- 支持通过 autoSwitchDate 配置通过面板上方左右按钮、下拉菜单更改年月时,不会自动切换日期
- Table 支持使用 renderPagination 自定义分页器
- Empty
- 新增 idle 插画
- 增加暗色模式配套插画,并支持通过 darkModeImage 传入暗色模式下需要使用的插画,以更好地适配暗色模式
- 新增若干icon,详见 Icon 文档
- DatePicker
- 🔧【Fix】
- 修复 Anchor 在 SSR 场景下 anchorID 失效导致当前 Link 没有高亮显示问题
- 修复 Tree 的 doubleClick 事件失效的问题
- 修复 Upload 如果 file 不在 fileList 报错的问题
- 修复 Tabs 使用单个 TabPane 和 keepDOM={false} 的情况下报错的问题
- 💅【Style】
- Tooltip 文本颜色及浮层颜色修改,以更好地适配暗色模式
- Checkbox 对checked checkbox增加相应的className
- 🗃【Chore】
- 更新 Checkbox dts, 完善 onChange 入参 e 的类型
- 更新 DatePicker dts,增加 spacing
- ✏️【Documentation】
- DatePicker 新增关闭时间列表无限循环示例
🎉 1.12.0 (2020-12-18)
- 🔧【Fix】
- 修复 Cascader Trigger 控制台抛 value required 的 warning
- 修复BreadCrumbItem的PropTypes校验异常问题
- 修复Tree组件doubleClick无效的问题
🎉 1.12.0-beta.0 (2020-12-11)
- 💡【New Component】
- 新增 SplitButtonGroup 组件
- 🎁【Feature】
- Collapse 支持设置展开/收起按钮位置
- Descriptions 提供一个 hidden 的字段来隐藏行
- Dropdown 组件增加属性 menu,使用 JSON 格式来配置内容
- 🚀【Performance】
- Tree 虚拟化勾选卡顿问题优化
- 🔧【Fix】
- 同时动态更新 Tree 的 treeData 和 expandedKeys 时数据未被正常更新
- Cascader 自定义的 TriggerRender 未传出 onInputChange
- 💅【Style】
- 替换了出错含义的默认 Icon,从「clear」替换为「alert-circle」(x => !),涉及组件 Form、Toast、Notification、Banner、Modal、Upload
- 修正 disabled Select focus 态的 border 样式
- 修正 Table header 在深/浅色模式下显示不对称
- 🗃【Chore】
- 规范内部代码文件名,将含有 React 内容的 .js => .jsx(仅做重命名,export 未变,对外部使用无影响)
🎉 1.11.0 (2020-12-04)
- 🔧【Fix】
- Upload 组件在多文件上传时,保留符合 accept 格式文件继续上传
- BreadcrumbItem 的 icon 属性更新 d.ts,保持 ts 类型与 protoType 类型一致
- 💅【Style】
- 补充拖拽型 Upload disabled 态的样式;修正拖拽型 Upload 拖拽松手后拖拽区仍高亮显示的问题
🎉 1.11.0-beta.0 (2020-11-27)
- 🎁【Feature】
- 新增多语言包:印尼语、俄语、越南语、马来语、泰语、土耳其语
- Upload onRemove 增加 currentFileItem 入参
- Transfer
- 新增 draggable 拖拽排序功能
- 新增 renderSourcePanel、renderSelectedPanel 功能,允许完全自定义组件渲染结构
- Select
- 新增 onListScroll 滚动回调
- ref 新增 focus()方法
- Avatar 新增 size
default
(40x40) - Grid 支持 gutter 传入数组,同时定义垂直、水平间隔
- Tabs 支持 small、medium、large 尺寸
- TreeSelect searchRender、search、close 方法
- Typography link 支持配合 disabled 使用
- 🔧【Fix】
- 修复 defaultExpandAllRowKeys 与 groupBy 同时使用时未展开所有行
- 修复 点击 group 的折叠按钮 onExpand 和 onExpandedRowsChange 未正确传递参数问题
- 修复 Table empty 和 pagination d.ts 类型定义不准确问题
- Tree/TreeSelect 修复 renderFullLabel 未传出 style 导致无法开启虚拟化的问题
- 🚀【Performance】
- Table
- 改善虚拟化列表的卡顿问题
- 改善较大数据场景下点击选择框时的卡顿问题
- Table
- 💅【Style】
- TextArea 的 maxCount 字数限制由多行输入框下方 => 内部
- 新增 --color-info 变量,如果使用了自定义主题需要重新发布新版本
- 增强 .semi-light-scrollbar 的使用场景,所有子元素均生效
🎉 1.10.0 (2020-11-20)
- 🔧【Fix】
- 升级 Form rules 校验依赖的 async-validator 版本(3.2.4 => 3.5.0),修复 deep-rules 写法下返回的校验结果不正确的问题
- 修复 Upload 的 afterUpload 入参 fileList 在某些情况下包含文件数不全的问题
- Select
- 修复 Select 受控模式下,value 由有值变为 undefined 时未重新渲染的问题
- 修复 Select filter 和 defaultOpen 同时使用时未渲染选择项问题
- 修复 Avatar size=extra-extra-small 时,overlap 不生效问题
- 修复 InputNumber keepFocus 在受控场景下 value 值显示不正常问题
- 🚀【Performance】
- 优化 formApi 的 dts,支持泛型传入 @wangqinhong
🎉 1.10.0-beta.0 (2020-11-13)
- 🎁【Feature】
- Select 新增 renderOptionItem,高度自定义候选项的渲染
- DatePicker
- 支持单击选择范围,可以用于周选择、双周选择
- 支持 autoFocus API,可以控制输入框聚焦
- InputNumber 支持点击按钮时保持输入框的聚焦状态
- 🔧【Fix】
- 修复 Form Field rules 校验规则由无或空数组动态切换至有长度数组如 [{ requried: true }] 时,不起作用的问题
- 修复 Form Field 配置 rules,返回校验结果为字符串数组时,未校验通过也触发 onSubmit 而不触发 onSubmitFail 的问题
- 修复 DatePicker type=month 时禁用对年不生效问题
- 修复 Table 有鼠标场景下 rowSpan 计算错误导致固定列错误滚动问题
🎉 1.9.0 (2020-11-08)
- 🎁【Feature】
- RadioGroup 支持 mode=advanced,允许单选组合取消选中
- 🔧【Fix】
- 修复 Tooltip 在 Windows 环境 Edge 浏览器的定位问题
- 修复只使用 AutoComplete 未使用 Select 时,在生产环境打包下 Option 样式丢失的问题
- 修复配合 gar codesandbox 使用时,提示 window getComputedStyle 错误的问题
- 修复 Select autoFocus 不生效的问题
- 修复 InputNumber 在点击 up 按钮动态切换 disabled 时,一直触发 onChange 的问题
- InputNumber 步进器模块的 DOM 结构有所改动(样式不变,Button 标签换成了 span)
🎉 1.9.0-beta.0 (2020-10-30)
- 🧶【Refactor】
- Spin 优化了 DOM 结构,单独使用的隐藏状态下不再渲染
- 🎁【Feature】
- Form、Field 增加 extraTextPosition 功能
- TreeSelect 支持 outerTopSlot
- Breadcrumb 支持自定义截断个数的 maxItemCount,和 autoCollapse
- Upload 新增 onDrop 回调
- InputNumber 新增 onNumberChange API,用于监听数字是否发生变化
- Anchor 新增 targetOffset API,用户可以设置距离顶部的偏移值
- DatePicker
- 优化日期选择顺序,允许用户在单选模式下,切换年份或月份更新日期
- 支持 range 模式下动态禁止日期
- 新增 spacing 配置
- InputGroup 支持 DatePicker
- 🔧【Fix】
- 修复 Upload 图片墙模式下,无 onPreviewClick 回调的问题
- 修复 Input mode 动态切换时眼睛按钮的状态问题
- 修复 DatePicker format 包含 Hms 时,type 的类型不符合预期问题
- Spin
- 修复 Spin 嵌套表格时可以点击表格内容问题
- 修复 Spin 在卸载时没有 clearTimeout 问题
- 修复 Popconfirm 在 1.8.x 版本 position 失效的问题
- ✏️【Documentation】
- DatePicker 更新了文档 disabledDate 参数类型描述,及 disabledTime 的回调入参
- 💅【Style】
- 修复 Banner 非全屏模式下左边 icon 高度问题
- Form Field 的 extraText 若传入类型为字符串时,自动应用 font-size:14px, line-height: 20, color: tertiary 的样式;
🎉 1.8.0 (2020-10-23)
- 🎁【Feature】
- TreeSelect 支持 optionListStyle API
- 🔧【Fix】
- 修复 Table 在过滤器已选择场景下全选逻辑错误的问题(错选为未过滤的全部列)
- 修复 Table columns.onCell 报错, 提示 can't get style of undefined
- 修复 Slider 的 step 不为 1 时不能滑动到 0 的问题
- 修复 InputNumber 值达到 min 或 max 时点击按钮还会触发 onChange 事件的问题
- 修复 TimePicker 中输入框 id 不唯一报错问题
- 修复 Layout Sider Context.Provider 的 warning
- 修复 Breadcrumb icon 传入 ReactNode 的报错
- 修复 Step dts description 属性不能为 ReactNode
- 修复 Step 当 title 或 description 为 ReactNode 时 hover 提示为 [object Object] 的问题
- 💅【Style】
- InputNumber 值达到 min 或 max 时对应的减少和增加按钮会变成灰色
- TreeSelect/Tree 支持 labelEllipsis,虚拟化状态下默认开启,其余状态默认值统一为 false。并修复 label 不符合预期的自动省略问题。 详见
- ✏️【Documentation】
- 对组件 API 列表按照字典序进行排序,提高用户查找效率
🎉 1.8.0-beta.0 (2020-10-16)
- 🎁【Feature】
- Tree 支持拖拽(同时使用虚拟化时,暂不支持拖拽)
- Cascader 支持异步加载数据
- Tree 支持 labelEllipsis,默认开启,如果有特殊的省略需求可以关闭
- Upload 增加 onPreviewClick,自定义文件卡片预览的点击操作
- 支持国际化 RTL/LTR,适合在多语言场景下切换组件文本的方向
- LocalProvider 新增阿拉伯语支持
- 🔧【Fix】
- 修复 withField 封装 Functional Component 时会错误 memo 的问题
- 修复 react-hot-loader 引起的 tabs keepDOM 失效及 breadcrumb 报 warning 的问题
- 修复 TagGroup showPopover 时提示 map 操作中未传入 key 的 warning
- 修复 Upload customRequest onError 传入 status 无效的问题
- 🚀【Performance】
- Form 组件 dts 优化:withField dts 添加泛型,导出 formApi 的类型定义
- ✏️【Documentation】
- 补充 Upload 组件 customRequest 自定义请求方法的使用文档
- 补充 🧾Semi Form FAQ & 自查手册
- umd 版本移除代码注释
- 官网代码实时编辑区,新增展开/收起功能,便于复杂 Demo 的编辑
🎉 1.7.0 (2020-10-10)
- 【Fix】
- 修复 Resizable Table 表头动态更新的问题
- 修复 Toast, Notification 静态方法的 dts 返回类型
- 修复 Step 的 .d.ts 中 不存在 onClick 的问题
- 【Style】
- 修复 TreeSelect 多选标签的居中对齐
🎉 1.7.0-beta (2020-09-25)
- 🎁【Feature】
- Tree,TreeSelect 支持 renderFullLabel ,可以满足 label 各种高度定制化的渲染需求,如父级节点与子级节点勾选逻辑分离
- Semi 支持全局 prefixCls 替换,用户可以根据需求配置前缀名,推荐 SDK 场景下使用,详见
- List grid 属性支持 Grid 的 justify, type, align 属性透传
- Typography 增加 success type
- 🔧【Fix】
- 修复 Form formApi.validate(['a, 'b'']) 手动触发部分校验时,校验结果未根据传入的参数,仍然采用了全量判断的问题
- 修复 Form reset 后未能重置 Form.Checkbox 的问题
- 修复 Tree 组件开启动画时动态删除子节点导致父节点刷新的问题
- 修复 Table 表头的全选 checkbox 的展示行为
- 🚀【Performance】
- Tree,TreeSelect
- 优化 Tree、TreeSelect 组件展开卡顿的问题
- Tree、TreeSelect 支持不传 value 的数据结构,需要保持数据结构一致即或者所有数据都传 value 或者都不传
- Tree,TreeSelect
- 💅【Style】
- 优化 Tree 加载状态的 spin 样式
- Select
- 优化多选时,size='small' / 'large' 不同尺寸下的高度
- Tag
- 对齐所有颜色 Tag 组件的高度(之前 white 时会有所不同),对齐 closable 与否时 Tag 组件的高度
🎉 1.6.0 (2020-09-18)
- 🔧【Fix】
- 修复 Transfer d.ts onChange 入参类型与实际类型不对的问题
- 修复 Slider marks 不包括边界值问题, 修复 Slider vertical-align baseline 导致的高度问题
- 修复 Table 选择按钮的高度问题,按钮的 vertical-align 由默认值修改为 bottom
- ✏️【Documentation】
- 增加相关物料展示,便于使用者更方便查找与组件相关的物料资源
🎉 1.6.0-beta (2020-09-11)
- 🎁【Feature】
- Select 新增 innerTopSlot 和 outerTopSlot API
- Tag 新增头像 Tag,包括 avatarSrc 和 avatarShape API
- description data 支持 function 类型
- Tree, treeSelect 支持 renderLabel 自定义函数
- Dropdown.Menu 支持 props 透传,Dropdown.Item 支持 onContextMenu 事件绑定
- 🔧【Fix】
- 修复 InputGroup children 有 null 节点时报错
- 修复 Transfer 输入过滤内容时点击清除出现的报错
- 修复 Pagination 的 pageSize 动态改变时 Select 选中值未跟随改变
- 修复 Typography 截断没有溢出仍旧显示了 tooltip
- 修复 Table 多列过滤时取交集的结果有误的 bug
- 修复 RadioGroup、CheckboxGroup options 用法与 Form 一起使用时,在 production 环境下由于循环依赖引起的报错问题
- 修复 CheckboxGroup jsx 声明 children 用法时,disabled 未生效的问题
- 修复 DatePicker 组件在 needConfirm 条件下支持输入日期导致不一致的问题
- 💅【Style】
- Modal title 的 Icon 与文字的对齐方式由 center => flex-start
- 修复 List 卡片式空状态居中的样式
- Tree, TreeSelect
- virtualize 开启后默认 Label 过长文本省略
- expandAction="click" 时交互更新为点击叶子节点可以 clickToHide
- Table header 的 sorter 和 filter icon,它们的 margin left 由 8px => 4px
🎉 1.5.0 (2020-09-04)
- 【Fix】
- 修复 Form 动态切换 disabled 属性时,Form.Switch 禁用属性并未随之更新的问题
- 修复 Tree 在开启虚拟化后,搜索状态点击选项后第一次无效的问题
- 修复 Typography ellipsis 响应状态下无限压缩后堆栈溢出的问题
- 修复 Modal, Notification, Toast 组件中的静态属性 dts 丢失的问题
- 🚀【Performance】
- 移除 TimePicker, DatePicker, Table 引入的全量 lodash,优化打包体积
- 移除 UMD 包中的 sourcemap
🎉 1.5.0-beta.0 (2020-08-31)
- 🎁【Feature】
- Calendar 日视图支持显示多日
- Avatar
- 支持 imgAttr 透传 img 标签的 html 属性
- 增加头像截断功能,新增 overlapFrom,maxCount, renderMore API
- TreeSelect 支持了 clickToHide,单选模式有效,原搜索状态下默认不会自动收起下拉菜单的交互调整为自动收起
- Upload
- limit 设为 1,已上传一个文件后,再次选择文件上传时,自动替换当前文件
- 支持自定义 request 方法
- InputNumber 支持悬浮展示按钮;按住 shift 点击按钮增减较大步长
- 💅【Style】
- InputNumber 的外部按钮默认高度由 30px => 32px,其他 size 情况下也增加 2px
- 【Fix】
- 修复 InputNumber onChange 函数丢失第二个参数问题
- 修复 TextArea onResize .d.ts 类型定义缺失问题
- 修复 Table virtualized.onScroll .d.ts 类型定义错误问题
- 【Docs】
- 补充 formApi.validate() 触发部分 field 校验的使用文档
🎉 1.4.0 (2020-08-21)
- 【Style】
- 修复 datePicker range 模式下的 hover 颜色值为 blue-0
- 【Fix】
- Tree 修复 label 为 ReactNode 时的 missing key warning 及动画的卡顿问题
- 修复 autoComplete getPopupContainer 属性不生效的问题
- 修复 InputGroup 的子组件 onFocus, onBlur 被覆盖的问题
- 修复 Upload 和 Select 部分 dts 属性的错误;从 index.d.ts 中移除了 BreadcrumbItem 的导出
🎉 1.4.0-beta.0 (2020-08-14)
- 🎁【Feature】
- css 编译产物增加压缩后版本,semi.min.css。另外对 css 产物的 cdn 引用路径作了修改
- DatePicker 支持自定义渲染日期内容和日期单元格
- TreeSelect 支持 onVisibleChange
- Tree 支持 disableStrictly
- Collapse 支持 motion 参数
- Pagination 支持动态响应 pageSize 变化
- 💅【Style】
- Table thead 边界宽度 borderWidth 由 1px => 2px
- DatePicker 当日单元格增加灰背景色,使其更明显突出
- 🔧【Fix】
- 修复了 Form.TimePicker 点击清空按钮后未触发 validator 在 1.3 版本中复现的问题
- 修改了 DatePicker 和 TimePicker onBlur 事件的触发时机,input blur => panel close
- 修复 Tree 组件 label 中的所有 icon 都会加上右 margin 的 CSS 选择器的样式问题
- ✏️【Documentation】
- 更新 Table 组件的文档,修正部分 props 默认值描述错误的问题
🎉 1.3.0 (2020-08-07)
- 【New Component】
- 新增 Anchor 组件
- 🎁【Feature】
- Semi 官方图标库增加线型图标,需要通过自定义 SVG 图标的方式使用
- 【Style】
- 拖拽型 Upload 组件 SubText 对齐方式 靠左 => 居中
- SideSheet 的关闭按钮与标题的对齐方式 居中对齐 => flex-start
- 🔧【Fix】
- 修复 Input 组件 size 语法提示错误问题(The type of the property size of the input component is never)
- 修复 Upload 图片墙模式下,上传失败/校验失败时的状态 icon 展示不正确问题
- 修复 TextArea autosize 模式传入 ref 时报错的问题
- 🚀【Performance】
- 将 Table 依赖的 lodash 替换为 lodash-es(之前存在混用情况),去掉 Avatar 引入的全量 lodash,优化打包体积
- Breadcrumb routes 的使用方式支持传入自定义 key
🎉 1.3.0-beta.0 (2020-07-31)
- 🎁【Feature】
- 提供 UMD 版本构建产物
Input
提供 password 模式SideSheet
支持 footer,涉及样式上 padding,margin 等多处调整Upload
当 listType 为 picture 图片墙模式时,增加 prompt、promptPosition 的支持,使用对齐普通列表模式
- 🔧【Fix】
- 修复
Tree
TriggerRender 多选模式下 value 值始终为空数组的问题
- 修复
- 🚀【Performance】
- 修复 sass-loader 9.x Scss 变量未字符串化的 warning
🎉 1.2.2 (2020-07-26)
- 🚀【Performance】
- 优化
Icon
中的 svg 动画为 CSS 动画,修复当页面引入有 svg 动画的Icon
或者全量引入(默认)时页面不断重绘的问题。如有单独使用 loadingIcon
的需要添加 CSS 动画 OverflowList
不再对渲染函数的更新做状态重置,如需重置可以通过更新 key 刷新组件- 优化
Typography
ellipsis 模式下文本动态更新时进行状态重置
- 优化
- 🔧【Fix】
- 修复
Button
height CSS 被移除,导致父级为display:flex
时,高度不对的问题 - 修复
Descriptions
row 不同尺寸下的样式丢失问题
- 修复
🎉 1.2.0-beta.0 (2020-07-17)
- 🎁【Feature】
- 命令式的 Modal 组件支持配合 configProvider 使用
- Notification, Toast 支持 useHooks 的用法
- Typography 支持 tertiary, quaternary 的 type
- 💅【Style】
- color-text-3 透明度从 0.2 调整为 0.35
- Checkbox border 透明度从 0.08 调整为 0.2
- 提供自定义的 scroll-bar 样式类名,通过 .semi-light-scrollbar 使用
- 🔧【Fix】
- fix modal 覆盖 body 的 overflow 样式的问题
- 修复插鼠标时,固定头部的表格最后一列可能无法对齐的问题
- 修复 Select 多选情况下 filter 为 true,搜索无数据时按回车报错的问题
🎉 1.1.0 (2020-07-14)
- 🔧【Fix】
- 修复 Form.TimePicker 点击清空按钮后没有触发 validator 判断的问题
🎉 1.1.0-beta.0 (2020-07-03)
- 💡【New Component】
- 新增
OverflowList
组件
- 新增
- 🎁【Feature】
Tabs
组件折叠功能支持TreeSelect
组件支持 outerBottomSlotModal
非命令式调用支持设置 title 的 iconDatePicker
支持透传 TimePickerOpts 参数给 TimePickerTable
合并表头功能支持Table
支持自定义筛选浮层每一项的渲染方式Table
支持传入默认的页码Table
支持切页时自动滚到第一行位置Upload
增加 onClear 回调Form
Field
支持通过 pure 开关,只接管数据流,不插入 Label、ErrorMessage 及相关 DOM 结构
- 🔧【Fix】
- 修复
Tree
受控的状态过滤搜索值动画出现的闪烁异常等问题 - 修复
Table
表头较多时数据为空的文案不能正确显示在中间的位置的问题 - 修复
Table
切页时 sorter 配置不正确的问题 - 修复
Table
在 rowSelection 为 false 时依旧显示选择列的问题 - 修复
Tooltip
使用 configProvider 的 getPopupContainer 无效的问题
- 修复
- 【Performance】
- 优化 withField HOC 的 displayName,方便在 React devtool 中定位相关元素
- 💅【Style】
Modal
命令式 content 与 header 增加 8px 的 spacing- 修复
Banner
关闭按钮的居中对齐问题
🎉 1.0.0 (2020-06-24)
- 🔧【Fix】
- 修复
Tree
受控的状态过滤搜索值动画出现的闪烁异常等问题 Icon
按需加载引入路径变更
- 修复
- 🎁【Feature】
List
组件 renderItem 功能支持自定义 key
- 💅【Style】
- Tertiary
Button
light 及 borderless 文本颜色由color-tertiary
改为color-text-2
- Tertiary
🎉 1.0.0 - beta.0 (2020-06-12)
- 🔧【Fix】
- 修复
Cascader
受控的状态下清空 value 没有回到 placeholder 的问题 - 修复
Tree
的 expandedKeys 手动置空后消失的问题 - 修复
Table
在开启虚拟化时无法展示空状态的问题 - 修复
Form.Upload
在 uploadTrigger 为 custom 时,选中文件后不会触发 onChange,未同步相应文件列表到 formState 中的问题
- 修复
- 【Performance】
- 优化
Form.Select
开启 onChangeWithObject 时,外部调用 formApi.getValues、setValues 容易导致卡顿的问题 - 优化
Spin
的 svg 动画在渲染数据较多时会出现卡顿的问题
- 优化
- 🎁【Feature】
Empty
的插画路径变更,同时支持主题换色,兼容暗色模式- **
Icon
支持按需加载 Modal
支持 keepDOM, lazyRender 默认行为仍保持为销毁Paragraph
组件支持文字少于 n 行的时候,不显示展开折叠文字ConfigProvider
支持 getPopupContainerTable
emptySlot 外层由 p 修改为 div 组件
- 💅【Style】
Typography
link 默认改为无下划线样式,配合 underline 可以在 hover/active 态显示下划线Tab
card 模式下 extra 的内容居中撑高卡片,涉及 DOM 结构调整- 修复在
Timeline
中使用 Radio 组件作为 dot 时的样式问题
🎉 1.0.0 - alpha.0 (2020-05-29)
- 【API 调整】
- Banner 移除了
target
属性,请直接使用 JSX 的写法引入 - Breadcrumb 移除了
BreadcrumbItem
的用法,请使用Breadcrumb.Item
替代 - DatePicker
onChange
回调的两个入参次序对调,由string
,Date
变更为Date
,string
,若需要还原,请使用onChangeWithDateFirst={false}
- Input, InputNumber 移除了
clearable
属性,DatePicker, TimePicker 移除了allowClear
属性,请使用showClear
替代 - Select 正式废弃
labelInValue
,请使用onChangeWithObject
(0.23.0 开始提供)替换 - Select 正式废弃
optionLabelProp
,请使用renderSelectedItem
(0.23.0 开始提供)自定义函数替代 - TextArea 移除了
onPressEnter
属性,请使用onEnterPress
替代 - Tree 移除了
labelInValue
属性,请使用onChangeWithObject
替代 - TreeSelect 移除了
valueInArray
属性,请通过onChange
或onChangeWithObject
获取相关节点属性 - TreeSelect 移除了
allowSearchClear
属性,请使用showSearchClear
替代 - Upload 废除了
onXhrFinish
,新增定制程度更高的afterUpload
代替,二者功能类似,但需 return 的 value 结构不对等,为 breaking change - Upload 对
beforeUpload
使用方式修改,与afterUpload
对齐。与 0.x 版本入参,以及 return 的 value 结构均不对等,为 breaking change,注意与 0.x 版本相比,校验失败的文件依然会存在于 fileList 中,不会被自动删除。 - 具有
onBlur
,onFocus
方法的组件入参统一为 Function(e: Event)
- Banner 移除了
- 🧶【Refactor】
- Banner:DOM 结构/类名/api 调整,样式更新
- 废弃
target
属性 type
属性的 default 改为 info ,默认值为 info- 新增:
fullMode
,title
,description
,icon
,closeIcon
,bordered
- 废弃
- Banner:DOM 结构/类名/api 调整,样式更新
- 🎁【Feature】
- Avatar
size
新增尺寸:extra-extra-small 20px, 原 small 尺寸大小调整为 24px
- Calendar
- Event Object 要求必传
key
来控制事件的更新与重绘 - 新增:
dateGridRender
允许自定义单元格/列内容及样式
- Event Object 要求必传
- Collapsible
- 新增:
collapseHeight
支持自定义折叠后的高度
- 新增:
- Empty
- 新增:
title
- 原
description
样式调整为 14px 号字体,次级字体色
- 新增:
- Form
- Form Props 增加
showValidateIcon
,错误信息前自动展示红色 X icon,默认为 true - Form 增加 Form.Upload 模块
- Form 增加 Form.Section 模块,用于在布局上对 Fields 进行快速分组
- Field Props 增加
helpText
放置提示信息(与校验结果共用同一区块展示,两者均有值时,优先展示校验结果)extraText
用于放置额外的提示信息,常显且不会被校验结果覆盖
- 错误信息支持 ReactNode(0.x 版本中在 validate 或者 rules 中 return ReactNode 会被认为校验通过,1.0 版本后返回 ReactNode 会与返回 string 一样,被视为校验失败)
- Form Props 增加
- InputNumber
- 新增:
hideButtons
用于控制隐藏“增/减”按钮,废弃原先的 suffix={null} 的方式。
- 新增:
- List
- 新增:
onRightClick
,onClick
响应相应的鼠标事件
- 新增:
- Modal
- 新增
closeOnEsc
支持通过键盘 Esc 来关闭弹窗,增加closeIcon
支持自定义的关闭按钮 - 新增
size
支持 small, medium, large 及 full-width
- 新增
- SideSheet
- 新增:
headerStyle
,afterVisibleChange
,closeOnEsc
- 新增:
- Spin
- 新增:
childStyle
- 新增:
- Table
- 新增
"middle"
,"small"
两种信息密度
- 新增
- Tabs
- 新增
keepDOM
,支持 jsx 的写法中销毁非 active 的面板 - 新增
tabPosition
支持 tab 在顶部或者左侧 ('left', 'top'), - 新增
lazyRender
支持 tabPane 的懒加载
- 新增
- Toast / Notification
- 新增:
theme
('light', 'normal') 支持带背景色的通知消息
- 新增:
- Tree
- 新增
loadData
,loadedKeys
,isLeaf
支持动态加载数据 - 新增:
onChangeWithObject
支持返回带有节点信息的 object 为 onChange 的入参 searchRender
支持传入 false 来隐藏搜索框
- 新增
- TreeSelect
- 新增:
onChangeWithObject
支持返回带有节点信息的 object 为 onChange 的入参 - 新增:
showClear
支持清空选项
- 新增:
- Typography
- copyable 配置新增
copyTip
,支持自定义 tooltip 内的提示复制文案
- copyable 配置新增
- Progress
- 新增:
orbitStroke
允许自定义轨道颜色
- 新增:
- Skeleton
- Skeleton.Avatar 新增:
size
,支持 Avatar 组件的相应尺寸
- Skeleton.Avatar 新增:
- Upload
- 增加
renderFileItem
自定义文件卡片的渲染结构,增加itemStyle
快捷改变 fileItem 的内联样式 - 增加
showClear
、showRetry
,增加手动重试机制,增加文件列表快速清空 - 增加
transformFile
,支持在选择文件后,文件上传前转换文件 - 增加
onChange
回调,文件上传状态改变的回调,上传中,失败,完成都会调用该回调 - 增加
validateMessage
、validateStatus
可自定义 Upload 整体的校验状态、校验信息展示 - 选择文件后,文件大小不合法的文件也会被展示在 fileList 中(标红展示但不会激活上传),更清晰地感知具体哪些文件不合法,同理对在
beforeUpload
中设定不上传的文件,也会被展示在 fileList 中 - 增加
afterUpload
,支持在上传完成后,更新 fileList 中对应文件状态,支持自动移除文件 - 修复
onExceed
第二个参数不对的问题 - 支持受控的
fileList
- 拖拽型 Upload 支持传入
children
更高自由度地自定义拖拽区内容 - 照片墙模式下,上传文件数达到
limit
时,自动隐藏+ Trigger
- 增加
- Avatar
- 【Performance】
- TextArea 移除了 componentWillReceiveProps 的生命周期函数
- Modal 移除了 componentWillMount 的生命周期函数
- 💅【Style】
- Breadcrumb
- 文本颜色调整
- tooltip 的默认位置改为 top
- 调整类名结构,图标文字对齐
- Button
- 去掉默认的 margin-right
- 不同尺寸按钮去掉固定高度,增加对应于不同 size 的 padding
- 图标按钮默认主题与按钮主题保持一致(theme="light")
- 不再推荐使用 IconButton,仍然保留导出
- Checkbox
- 调整 CheckboxGroup 中 Checkbox 的 margin-bottom:16px => 12px,移除 last-of-type 的 margin-bottom
- Collapse
- 增加 header 区域的 hover, active 效果
- Empty
- 插画更新
- Form
- 错误信息展示时自动添加 ❌ icon(如不需要,可以通过 showValidateIcon 关闭)
- Input prefix/suffix/addonBefore/addonAfter 样式调整
- prefix/suffix 传入字符串时不再处理为 Icon,直接映射成字符串;Icon 需要通过 React.Node 的形式传入
- 传入自定义 ReactNode 时不会有 padding,只有 String、Icon 时有自带的 padding
- InputNumber
- “上/下”按钮调整到 Input 右侧
- Modal
- 调整头部及标题样式,声明式和命令式样式统一
- Popover / Tooltip
- arrowPointAtCenter 的默认值改为 true
- Progress
- LineProgress 条形进度条百分比文字颜色固定为 color-text-0 黑色,不再与进度条填充色保持一致
- Pagination
- 增加 margin-block-start: 0,margin-block-end: 0 的样式声明
- Radio
- 调整 RadioGroup(horizontal / vertical)中 Radio 的 margin-right / margin-bottom: 16px => 12px, 移除 last-of-type 的 margin-right / margin-bottom
- horizontal 的 RadioGroup display 调整为 inline-block
- Select
- 调整 clear icon 的显示逻辑,只在展开或者 hover 时显示,且与 arrow icon 共用同一展示区域
- SideSheet
- 支持百分比的宽高设置(涉及 DOM 结构调整)
- 调整了头部及标题的样式
- 调整 size='small' 的尺寸 400px => 448px
- Steps
- 调整状态 icon 大小,32px => 24px,其他样式微调,增加 waring status
- Spin
- 普通使用时原 DOM 尺寸 0 x 0 => 对应尺寸的 width, height
- Tree
- 取消最小宽度 minWidth 的限制
- TreeSelect
- 取消默认的最大高度 maxHeight 的限制
- Table
- 表头背景色改为白色
- Tag
- light type 文本颜色加深,改为 8 号色
- 去掉默认自带 8px 的 margin-bottom、margin-right
- Typography
- Typography.Title 默认 font-weight 为 700
- strong 属性 font-weight 600 => 700
- Breadcrumb
🎉 0.37.0 (2020-05-22)
- 🔧【Fix】
- 修复
Form
register/ remounted 时只消费了 allowEmpty 没有消费 allowEmptyString 的问题 - 修复
Casacader
使用 triggerRender 时报错 - 修复
TextArea
受控状态无法输入中文的问题 - 修复
Nav.Item
点击时的卡顿问题 - 修复虚拟化固定列表格宽度为百分比时失效的问题
- 修复虚拟化固定列表格
itemSize
值过小时行显示错乱的问题
- 修复
- 🚀【Performance】
Select
支持虚拟化,优化大数据量场景下的性能- 优化虚拟化表格渲染机制,以提升在数据高频变动时的体验
🎉 0.37.0-beta.0 (2020-05-15)
- 🎁【Feature】
TextArea
支持 onResize 回调Modal
支持 destroyAllTable
虚拟化支持数据分组Table
支持获取当前页数据
- 🔧【Fix】
- 修复
Textarea
在 tabs 的第二个 tabPane 没有 autosize 的问题 - 修复
Cascader
打开 google 翻译进行选择会崩溃的问题 - 修复
Table
虚拟化 itemSize 过小行无法正常展示的问题 - 修复
Table
虚拟化 Column.width 传入百分比无法正常现实的问题 - 修复
Upload
接口 4xx/5xx 时触发 onError 后文件依然展示的问题
- 修复
- 🚀【Performance】
- 优化了
Table
虚拟化在数据变动频次较高时渲染时的性能问题
- 优化了
0.36.0 (2020-05-08)
- 🎁【Feature】
- Form.Slot 支持单独配置 labelPosition
- Select defaultActiveFirstOption 支持在远程搜索更新 optionList 后再次消费
- 为 semi 内置 icon 的增加统一前缀,防止与 window 中同名变量冲突
- Form 在
Field
级别增加 stopValidateWithError 开关,出错后短路后续校验
- 🔧【Fix】
- Form ArrayField
- 嵌套使用时,setValues 后,第二层的 ArrayField 未更新
- ArrayFields 下的某个值设置了 initValue,如果这时候去 setValues + isOverride 的话,那某个值不会被 set 成功
- 移除某行后,留下一个 null 的问题
- 解决 Table 固定列+虚拟化横向滚动轴无法复位的问题
- 修复
Progress
percent 动态由 N -> 99.98 时,由于动画数字会被渲染成 100 的问题 - 修复
Cascader
受控模式下设置 value 为空值无效而无法清空的问题 - 修复
Cascader
某一层的 children 为空数组时报错 - 修复
DatePicker
时间选择时更新会慢一步的问题
- Form ArrayField
- 💅【Style】
- Form labelPosition=left 时的 switch,rating 对齐问题
Form
,调整Form.InputGroup
的上下间距 margin 16 => marign 0 && padding 12,与Field
对齐
- 🚀【Performance】
Form
ArrayField
关于初始值的行为对齐 Field,既可通过 initValue 设置,也可以在Form
props 中 initValues 设置(本次新增)
🎉 0.35.0 (2020-04-17)
- 💡【New Component】
- 新增
Transfer
组件
- 新增
- 🎁【Feature】
Tree
新增- expandAction ,支持 false, click, doubleClick 的展开逻辑
- onRightClick 右键点击事件
- searchRender 支持自定义搜索框
Cascader
新增- onDropDownVisibleChange
- 支持 showClear 清空选中态
- 支持选项的 disabled 状态
- 支持 onBlur, onFocus 方法
Rating
支持自定义字符的大小Table
支持自定义显示展开按钮Table
支持固定列与数据分组混合使用Navigation
支持传入 collapseText 以自定义“收起按钮”文案Form
formApi 增加 getValuesForm.Slot
支持 noLabel 设定Form
支持配置 disabled,为 true 时,内部的 fields 自动继承 disabled 属性AutoComplete
支持 onFocus、onBlurForm
的 field props 支持 stopValidateWithError,某个 rule 检验失败后不再触发后续 rules 的校验
- 🔧【Fix】
- 修复
Cascader
收起下拉框闪动的问题 - 修复
Form
使用数组型 fieldPath(eg:panels[11]].start )时,校验后再修改值,errors 信息匹配不上的问题 - 修复
Form
调用 formApi.validate() ,缺少必填信息触发校验,reject 后补充完信息再 validate,可能仍然被 reject - 修复
DatePicker
在多选状态下选择不同月份日期时会跳转到第一个选中日期的月份问题 - 修复
Form
ArrayField 异步 setValues 更新时,值发生变化了,但渲染没有更新的问题 - 修复
Upload
type=picture 时,file List 排列样式不对,+号被换行的问题 - 修复
Form.Switch
在 Safari 浏览器使用报错的问题 - 修复
BackTop
在卸载时可能 target 已经被移除而报错的问题
- 修复
- 💅【Style】
Tree
、TreeSelect
、Cascader
、Select
组件空状态样式调整Rating
组件新增动画效果- 修复
Input
的部分样式- 有前后置标签时的 validateStatus 状态的样式
- 仅有前或后置标签时的圆角
- suffix 后缀过长溢出的问题
- 🚀【Performance】
- API 调整及控制台警告:原有的 API 仍将支持直至 1.0,但不再推荐使用
Tree
增加 onChangeWithObject,替换原有的 labelInValueTree
增加 showClear,替换原有的 clearableTreeSelect
将在 1.0 版本移除 valueInArray ,推荐通过 onChange 获取相关节点属性TreeSelect
增加 showSearchClear,替换原有的 allowSearchClearInput
,InputNumber
增加 showClear,替换原有的 clearableDatePicker
,TimePicker
增加 showClear,替换原有的 allowClear
- API 调整及控制台警告:原有的 API 仍将支持直至 1.0,但不再推荐使用
🎉 0.34.0 (2020-04-03)
- 💡【New Component】
- 新增
Empty
组件
- 新增
- 🔧【Fix】
- 修复
Tree
TreeSelect
单选受控模式下 treeData 改变时未重新处理 value 值问题 - 修复
Select
在 loading 时仍然响应了回车键盘事件问题 - 修复多个
Table
传入的Column.title
为 ReactNode 时可能会有性能问题 - 修复
Tree
受控模式下 expandedKeys 与搜索状态的自动展开冲突的问题 - 修复
Tree
搜索框有值时数据动态更新但搜索内容未更新的问题 - 修复
Tree
和TreeSelect
清空搜索框未触发 onSearch 的问题 - 修复
Upload
上传过程中未展示上传进度条及 defaultFileList 中 status 为 success 时错误展示了进度条的问题 - 修复
Grid
span 为 0 的Col
未体现 display:none 特性的问题 - 修复
AutoComplete
当 data 未为空时 disabled 失效的问题;修复Option
hover 样式只响应键盘事件未响应鼠标事件的问题。
- 修复
- 🎁【Feature】
Typography
的 ellipsis 功能扩展- 支持文本、标题及段落的截断
- 支持单行、多行截断;支持常显后缀;支持中间、末尾两种截断方式
- 支持展开、折叠及自定义文本
- 支持配置 tooltip 的展示参数
Breadcrumb
截断逻辑优化- 从字符数截断改为宽度截断,默认为 150px
- 新增 api showTooltip 支持配置截断宽度,中间/末尾截断方式等
Modal
新增 maskFixed 属性Toast
、Notification
新增 getPopupContainer 属性Toast
、Notification
的 destroyAll 方法改为同时销毁容器Tree
、TreeSelect
新增 autoExpandParent 属性TreeSelect
新增 autoAdjustOverflow 属性Select
增加 close()、open() method,可用于手动控制弹窗展开/关闭Select
多选模式下支持将某个已选项禁止删除;增加 onClear 回调TextArea
支持 validateStatusForm
onValueChange 增加第二个参数 changedValues,具体反映当前发生变化的 fieldTable
支持在有固定列时可以不传 scroll.x 与 Column.width 以自动设置宽度Table
支持将多种内容渲染至同一单元格内- 浮层类组件统一支持参数 stopPropagation,以阻止浮层上元素点击事件冒泡
- 浮层类组件支持自定义 Trigger
Tooltip
/Popover
/Popconfirm
支持小三角指向元素中心
- 💅【Style】
DatePicker
日期选择面板样式更新AutoComplete
输入建议列表中,选中项不再加粗显示
🎉 0.33.0 (2020-03-20)
- 🔧【Fix】
- 修复
Navigation
selectedKeys 受控条件下出现组件内部 state 未更新的情况 - 修复
Table
组件分组渲染模式下异步设置 dataSource 数据无法显示的问题 - 修复
DatePicker
在传入 needConfirm 时点击 preset 会略过确认环节的问题 - 修复
Select
在 trigger 为 click 的Popover
中使用时,showClear 为 true 时,点击清除按钮会导致Popover
收起的问题
- 修复
- 🎁【Feature】
Table
多项特性支持与优化- 固定列优化,采用 "position: sticky;" 定位的方式替代老版本中渲染多个表格的方案
- 虚拟化支持,覆盖大规模数据渲染场景
- 开启虚拟化后支持无限滚动
- 默认禁止表头的文字选中
- 优化固定列场景下 hover 态不跟手的问题
- 支持使用 div 等自定义元素替代 table/tbody/tr 等元素
- 已展开行增加额外的 className: semi-table-row-expanded
DatePicker
支持指定默认时间选择Form
多项功能支持- 新增 autoScrollToError,校验后自动滚动至第一个错误字段
- formApi.validate / reset 支持校验/重置特定 field
- 新增 formApi.scrollToField(field),用于手动触发滚动至指定 field
Form.Label
增加 extra 属性,便于在 required 标识符后添加内容
Typography
copyable 支持 successTip 自定义复制成功后的文案Cascader
支持传入的 defaultValue 不存在于数据中时直接映射成字符串Modal
支持 getPopupContainer
- 💅【Style】
Checkbox
,Radio
样式调整:相关颜色改为 Primary- 表单输入类控件禁用态样式调整
🎉 0.32.0 (2020-03-06)
- 🧶【Refactor】
Tree
组件重构,重点优化千/万级别节点渲染性能- 新增 disabled, emptyContent, showFilteredOnly
TreeSelect
组件重构- 新增 allowSearchClear, defaultExpandAll, defaultExpandedKeys, defaultOpen
- 支持 onFocus/onBlur 方法
- 修复多选模式下点击 checkbox 取消勾选会触发下拉菜单关闭的问题
- 🎁【Feature】
- 日期选择器支持禁用时间选择
- 增加部分函数式组件的 propTypes 挂载
Modal
命令式调用支持 destroy,update 方法Upload
支持 data / headers 通过 (file) => object 方式传入Table
增加 Checkbox 的禁用效果,并取消在有效数据项 key 数组为空时表头 Checkbox 为选中态的逻辑
- 🔧【Fix】
- 修复日期选择器中自定义 preset 点击时无法触发 onChange 的问题
- 修复
Slider
范围选择器最小值不为 0 时滑块定位的问题 - 修复
List.Item
的 jsx 写法不支持 grid 和 layout 及报错的问题 - 修复
Form.Select
中使用分组功能报错的问题 - 修复
Select
outerBottomSlot 中存在 checked 的 Checkbox 时,点击导致 Select 收起的问题 - 修复
Form.CheckboxGroup
未带有 initValue 时,操作后再 reset,UI 渲染未更新的问题
- 💅【Style】
Navigation
文字颜色修改为 "--color-text-1"Form.Label
,当labelPosition
为 top 时,增加 label 标签的display:block
显式声明,防止有些未配置 reset/normalize 的系统使用时,label 高度不对Form
layout='vertical'时,对 Field 的上下间距进行调整。垂直排列的 Form 会更加宽松(marginTop/Bottom 折叠后 16px => paddingTop/Bottom 叠加 24px)。原有的 Form 高度会发生变化。
🎉 0.31.0 (2020-02-21)
- 🎁【Feature】
Select
提供分组功能OptGroup
Select
增加 onFocus、onBlur 回调- 提供
ConfigProvider
组件,支持时区配置 Form.Slot
支持脱离Form
使用Slider
支持railStyle
,可用于实现分段轨道色RadioGroup
支持direction
Step
增加onClick
支持及自动添加cursor:pointer
TagGroup
支持showPopover
,将剩余的+N
内容通过浮层展示
- 🔧【Fix】
- 修复
Select
allowCreate 输入不存在的 label 后,不选任何项直接 clickOutSide,然后点击 Select 展开,'创建 xxx' 的候选项仍然存在的问题 - 修复
Form
labelWidth 对 Form.InpurGroup 不生效问题 - 修复
DatePicker
组件月份选择时可能导致年份列表有错位的问题 - 修复 format 与 type 冲突时会导致
DatePicker
崩溃的问题 - 修复
ButtonGroup
中使用多个图标按钮时首个按钮的内边距不正确的问题 - 修复
.d.ts
中未使用import * as React
的问题 - 修复
TagGroup
不传 key 时的 warning - 修复
Slider
提示文本不居中及 disable 样式 - 修复
InputGroup
父级的style
透传并且覆盖了children
的样式 - 修复
Step
组件 className 不生效问题 - 修复
Upload
组件 withCredentials 失效问题
- 修复
- 💅【Style】
- 更新
Select
Option 表示选中态钩子的大小 - 更新
Pagination
showTotal 内容的间隔,数字左右加一空格 - 修正
Select
multiple filter 时 input 框偏左样式
- 更新
- ✏️【Documentation】
- 移除 Modal 命令式调用中错误的 visible 声明
- 补充 Tooltip 与 Popconfirm / Popover 直接嵌套使用的例子
🎉 0.30.0 (2020-02-07)
- 【Feat】
InputNumber
在失去焦点时如果内容发生变化也进行一次 onChangeDropdown
出现时为触发器元素增加样式名Table
开启了行选择或者展开功能时如果 dataSource 中每个数据项不存在 key 属性或者没有使用 rowKey 指定作为主键的属性名则控制台会有报错提示
- 【Fix】
- 修复
Form
.d.ts onChange 声明遗漏的问题 - 修复
Table
无数据文案会处于表格横向滚动轴之下的问题 - 修复
Table
固定列后,表头未对齐的问题 - 修复
Table
使用 JSX 声明 column 且存在固定列且内容换行时会导致行无法对齐的问题
- 修复
- 【Perf】
Collapsible
优化重构- 修复使用 keepDOM 控制台报 warning 的问题
- 优化嵌套使用的逻辑,不需要再手动传入动画节点
- 【Style】
Table
组件选择框大小调整
0.29.0 (2020-01-10)
- 🎁【Feature】
SideSheet
- 新增
size
,disableScroll
,getPopupContainer
- 当设置
mask={false}
时允许在外部进行操作 - 新增功能后
SideSheet
的类名发生如下变更:semi-modal-wrap
=>semi-sidesheet-inner-wrap
,semi-modal
=>semi-sidesheet-inner
, 其余semi-modal-x
=>semi-sidesheet-x
- 新增
Table
- 支持分组展示数据
- 支持透传参数给过滤器浮层
- 数据个数为 0 时不展示分页区文案
- 支持对子级数据进行本地过滤或排序
Calendar
,Typography
支持 i18nPopConfirm
新增okButtonProps
,cancelButtonProps
- 🔧【Fix】
Modal
- 修复 d.ts 声明对
content
等属性的遗漏 - 修复默认 visible 为 true,及命令式调用时滚动穿透的问题
- 修复 d.ts 声明对
- 修复
SideSheet
设置 motion={false} 时会直接弹出的问题 - 修复
DatePicker
在 "dateTimeRange" 模式下修改时间会导致日期也发生变化的问题 - 修复
DatePicker
dts 声明中缺失 className 和 style 的问题 - 修复
Table
中展开按钮未垂直居中的问题 - 修复
InputNumber
在设置了 "max" 参数后无法输入的问题
- 💅【Style】
Modal
改变高度 height 时保持 footer 吸底Notification
content 与 title 同宽Select
组件多选且可搜索时,失去焦点后自动清空Input
输入
0.28.0 (2019-12-27)
- 🎁【Feature】
- 增加 .d.ts 以在 vscode 等 IDE 中提供更友好的语法提示
Form
新增 Form.AutoCompleteForm.Slot
支持传入 errorModal
组件命令式调用 onOk 支持 Promise resolve 再关闭对话框Cascader
、TreeSelect
支持 insetLabel、prefix、suffixCascader
、TreeSelect
支持 validateStatusRating
组件 allowHalf 属性下支持展示除 0.5 以外的小数Upload
移除拖拽型上传组件 onDropEnter 时的类型检测及相应样式(因浏览器策略限制,拖拽未松手时并不能获取文件详细信息)原因详见
- 🔧【Fix】
- 修复
Select
多选 + maxTagCount + width 宽度不足而 option 内容过长,已选择项位置偏移可能展示不出来的问题 - 修复
Form
如果不设置 allowEmpty,ArrayField 中 Field onChange 时,新 add 的 Item 条数可能会变化的问题 - 修复
ArrayField
与Collapse
配合使用表现异常的情况 - 修复
Select
自定义 renderCreateItem 时,缺少 key 会抛出 warning 的问题 - 修复
DatePicker
点击清除按钮后,再点击日期按钮无法进行日期选择 - 修复
DatePicker
点击清除按钮无法触发 onChange - 修复
DatePicker
禁用状态下Popover
会给 DateInput 包上一层 span 导致 display 变化的问提 - 修复
DatePicker
传入 1970 年以前的时间戳无法通过验证 - 修复
DatePicker
浮层选中条未居中且底部圆角模糊的问题 - 修复
DatePicker
传入 allowClear={false} 后 focus 状态下日历图标不显示的问题 - 修复
InputGroup
内含有 null 导致报错 - 修复
InputNumber
设置 max/min 只对点击改变有效,输入没有限制的问题 - 修复
InputNumber
在 form reset 时没有清空的问题 - 修复
Checkbox
组件外层 div 如果定义了 onClick 事件会先于内层的 onChange 触发的问题 - 修复
Collapse
组件 onChange 回调的入参。应该与 activeKey 相对应,而不是单个 panel 的 itemKey - 修复
Collapsible
在 Table expandRowRender 中无法默认展开 - 修复
Table
在 dataSource 变动后会清空选中行 key 数组的问题 - 修复
Table
展开按钮没有垂直居中的问题 - 修复
Table
选择/展开按钮点击时没有阻止冒泡的问题 - 修复
TreeSelect
受控 value 值全选子节点没有自动选中父节点 - 修复
Form.CheckboxGroup
在使用 formApi.setValues 重置值之后,某些 checkbox 需要点击两次才生效的问题 - 修复
Spin
在嵌套使用中 size 样式被覆盖的问题 - 修复
Upload
onError 回调入参错误; - 修复
Form.Select
allowCreate 时按回车,事件冒泡触发 form submit 的问题
- 修复
- 【Performance】
- 解决
Form.Select
自定义 OptionNode 渲染并开启 onChangeWithObject 时出现的卡顿问题 InputNumber
组件交互优化- 解决
Table
的列 fixed 后,滚动卡顿比较严重
- 解决
- 💅【Style】
Pagination
中内置的 Select 默认设置 clickToHide,点击可收起。user-select 改为 noneBreadcrumb
中的 Popover 位置从 bottom 改为 bottomLeftTreeSelect
,Cascader
无数据时 hover, active 无样式Typorgraphy
的 copyable 文本与复制图标间距改为 4px
0.27.0 (2019-12-13)
- 💡【New Component】
- 新增
Typography
组件
- 新增
- 🎁【Feature】
Nav
支持在未传入 defaultOpenKeys/openKeys 时展开选中项的所有父级 SubNav(如果该选中项为 SubNav 的子项)Nav
Nav.Sub 组件支持传入 dropdownStyle,控制 maxHeight 及 overflow 等属性Table
支持分页区域文案国际化,支持传入 formatPageText 自定义分页区域文案Table
支持树形数据展示Form
增加 Form.ErrorMessage、Form.Slot 导出Form
Field 支持传入 labelPosition、labelAlign、labelWidth 属性,可覆盖 Form 的设置Form
增加 wrapperCol、labelCol 快速布局配置Form
withField 增加 shouldMemo 配置,以支持 stateful componentForm
Field label 属性兼容,支持传入 objectForm
Field 增加 convert,允许在 UI 更新前,对组件的值进行二次修改Form
Field trigger 属性,支持多个触发时机同时配置Select
、AutoComplete
增加 autoAdjustOverflow 浮层自适应开关Cascader
展开后再次展开回到上次展开的状态Notification
支持点击通知的 onClick 事件Breadcrumb
组件样式和代码优化- 截断层级改为第二级到倒数第三级
- 新增 renderItem 属性,可配合 routes 使用
- onClick 回调参数改为:function(item: route, e: Event)
- Route object 支持 href 属性,作为链接目的地
- 🔧【Fix】
- 修复
DatePicker
可能出现内存泄露的问题 - 修复
DatePicker
在 Safari 浏览器下可能出现崩溃的问题 - 修复
DropdownItem
在 disabled 状态下未阻止 DOM 事件的问题 - 修复
Table
使用 JSX 语法糖定义 Column 时传入 key 控制台会报警的问题 - 修复
Table
可能出现两行同时处于 hover 状态的问题 - 修复
Table
可能无法展开额外行的问题 - 修复
AutoComplete
defaultValue 某些情况不生效问题 - 修复
Banner
onClose 回调参数 - 修复
Avatar
extra-small 字号大小问题 - 修复
Breadcrumb
a 标签嵌套问题,传入 href 时渲染为 a 标签,否则为 span 标签 - 修复
Cascader
和TreeSelect
的 placeholder 换行问题 - 修复
Cascader
组件渲染数据未按传入的顺序 - 修复
Icon
组件自定义 icon 驼峰命名被转为小写而无法显示 - 修复
Form
form 级别自定义校验 validateFields 返回 errors 更新后,Field 上对应的 errors 信息未移除的问题(即某些 Field 校验由非法=>合法时) - 修复
Form
Form Field.rules required 配置更新,实际未生效问题 - 修复
Pagination
popoverPosition 未控制所有的下属弹出层问题 Pagination
点击当前页页码不应触发 onPageChangePagination
异步更新 total,且未按受控模式使用时,自动将当前页设为 1 作兼容Select
disabled 时 clear icon 不应展示;Input 等输入类组件 disabled 时 clear icon 不应展示Input
组件 clearable button 点击后需要阻止冒泡
- 修复
- 💅【Style】
DatePicker
type=dateTime,底部 switch 部分 active 项移除 hover 效果、移除 cursor:pointer 效果
- ✏️【Documentation】
- 更新
Form
、AutoComplete
使用文档 - 更新
快速开始
文档
- 更新
0.26.0 (2019-11-29)
- 🧶【Refactor】
- 重构
AutoComplete
,不再基于 Select 进行封装,修正交互细节
- 重构
- 🎁【Feature】
Select
、AutoComplete
position 支持传入除'top'/'bottom'外的其他配置(对齐 Popover、Tooltip)Select
新增 onSelect、onDeselect 回调Dropdown
增加 Dropdown.Title,增加 showTick;Dropdown.Item 增加 active,typePagination
增加 hideOnSinglePage,总页数小于 2 时自动隐藏分页器
- 🔧【Fix】
- 修复
AutoComplete
showClear 未生效,文档示例错误问题 - 修复
Pagination
total 为 0 时右侧为 disbaled 问题 - 修复
Popconfirm
组件标题为空时有占位的问题 - 修复
Table
组件onChange
回调内更新状态时导致无法进行行选择的问题 Slider
组件代码优化,修复受控状态下 onChange 调用了两次及可以拖动的问题- 修复
Tree
组件受控状态下切换 value 值之前的节点状态未保留的问题 - 修复
BreadcrumbItem
未导出的问题 - 修复
Select
点击清除按钮时,onChange 未被触发问题 - 修复
Select
直接子后代如果存在 null 时抛出 error 问题 - 修复
Tabs
组件若 mounted 时 TabPane 为空,挂载后通过异步更新 TabPanes 后,首个 Tab 未能自动激活问题 - 修复
InputNumber
点击步进器设置的值可小于 min 值的问题 - 修复
Table
分页组件 pageSize 变动时未触发 Table 的 onChange 问题 - 修复
Table
组件 defaultExpandAllRows 为 true 条件下数据变动时表格行无法自动展开的问题 - 修复
DatePicker
在受控模式下,使用 format 会报错的问题 - 修复
Popconfirm
组件 position 为 left 时中文文案会换行的问题 - 修复
Popconfirm
组件在 title 为空时 icon 不与 content 平齐的问题 - 修复
Slider
在覆层中滑动迟钝的问题 - 修复
Breadcrumb
的 Item 组件 onClick 不起作用的问题 - 修复
BackTop
组件内存泄露的问题 - 修复
Input
组件长按清除按钮消失的问题 - 修复
Input
组件 placeholder 不居中的问题 - 修复
Spin
组件 wrapperClassName 未随状态更新的问题
- 修复
- 💅【Style】
Tree
和TreeSelect
设计调整- 节点样式默认打开 blockNode;
- 展开箭头增加 hover 和 active 的效果;
- 间距调整,首行左边距改为 8px ,缩进改为 20px,文本和图标间距改为 8px
- 修改
Tooltip
的 border radius 为 6px
- ✏️【Documentation】
- 补充 AutoComplete 文档
0.25.0 (2019-11-15)
- 🎁【Feature】
Table
组件分页功能非受控条件下支持传入自定义的total
Collapse
,Collapsible
支持 keepDOM,隐藏时不销毁 DOM 节点Toast
,Notification
支持全局配置出现位置(top, bottom, left, right)、时长 durationToast
,Notification
支持支持 destroyAllToast
,Notification
新增 showClose 支持不显示关闭按钮Toast
新增 icon, textMaxWidthRadio
、Checkbox
支持 extra 传入副文本Switch
支持 checkedText / uncheckedText 开/关 状态文本传入
- 🔧【Fix】
- 修复
Dropdown
在 trigger 为 hover 时传入 clickToHide=true 选择选项浮层无法自动关闭的问题 - 修复
Tabs
组件 TabPaneprops.tabs
更新后,tabs 的渲染没有跟随更新的问题 - 修复
Breadcrumb
组件非真值的路径引起报错的问题 - 修复
Collapse
组件defaultActiveKey
为 string 时没有相应面板展开的问题 - 修复
Slider
组件在Form
中使用时起点,终点时会被遮盖的问题 - 修复
Slider
组件在 range 模式下,使用受控 value,组件调用爆栈问题 - 修复
Table
组件分页功能在非受控情况下,更新了 dataSource 后页码数未更新问题 - 修复
CheckboxGroup
组件直接子元素为原生 DOM 时,被透传 prefixCls prop 抛出 error 问题 - 修复
Table
同时传入 rowKey 和 rowSelection 时无法进行行选择的问题 - 【fix】
Pagination
组件 total 小于 10 时,下一页的按钮未被 disabled - 【fix】
Table
className 影响了 tr 元素 - 【fix】
Calendar
组件全天 event 的排序问题
- 修复
- 💅【Style】
Toast
,Notification
,Modal
的 info 图标改蓝色Button
组件文案默认不可选中Toast
,Notification
交互优化,hover 时不消失Select
多选 Tag 左边距调整 12px => 4pxTimePicker
选项增加 :active 效果CheckboxGroup
垂直间距调整Pagination
分页器下拉菜单样式与 Select 统一
- 🚀【Performance】
- Radio、Checkbox 代码优化,移除即将废弃的 unsafe 的生命周期相关逻辑
- ✏️【Documentation】
- 补充了
Table
组件onRow
用法 - 修复实时编辑框超过一定宽度后会消失的问题
- 补充了
0.24.0 (2019-11-01)
- 🎁【Feature】
Select
组件增加 remote 优化远程搜索体验Form
Field 增加 fieldClassName 配置Dropdown
组件支持点击选择选项后自动关闭浮层TimePicker
增加 inputStyle 配置
- 💅【Style】
Dropdown
组件去除 minWidth 限制Select
clear 按钮 hover 效果对齐Input
, 多选 placeholder 颜色修正
- 🔧【Fix】
Form.InputGroup
兼容直接子级为 null 的情况- 修复
DatePicker
组件输入框清空按钮点击无效的问题 - 修复
Select
value 为 undefined 时,动态更新 optionList 报错问题 - 修复
Select
初始 optionList 为空数组,value 受控传入非空的值,异步更新 optionList 后,已选择项渲染没有随之变更问题 - 修复
Form
Field 级别容器未传入必需的 field 属性时,直接抛错问题
0.23.0 (2019-10-28)
- 🎁【Feature】
Select
调整- 增加 suffix、prefix 支持
- 增加 showArrow,控制是否展示右侧下拉箭头;增加 showClear,控制右侧是否自动展示清除 Icon
- 增加 clickToHide 参数,控制 Select 展开时,点击选择框是否自动收起
- 增加 onMouseEnter、onMouseLeave 回调
- 去除 value 必须在 optionList 中有对应的 option 的限制
- 增加 renderCreateItem,自定义创建新标签时的渲染内容
- 增加 onCreate 回调,创建新标签时触发
- 增加 onExceed 回调,多选超出数量限制时触发
- 增加 onChangeWithObject,替换原有的 labelInValue(原有的 API 仍将支持,但不再推荐使用)
- 增加 renderSelectedItem,自定义已选择标签的渲染,替换原有的 optionLabelProp = 'children' / 'value'(原有的 API 仍将支持,但不再推荐使用)
TimePicker
支持时间范围选择模式Tree
组件 onSelect 增加选中节点的回调入参,function(selectedKey:string, selected: bool, selectedNode: object)
- 🔧【Fix】
- 修复浮层类组件(
Popover
/Tooltip
/Select
/Dropdown
等)在 edge 浏览器下位置错误的问题 - 修复
Tree
组件更新节点后选中项未展开的问题 - 修复
Tabs
按钮模式 hover 状态背景闪烁
- 修复浮层类组件(
- 💅【Style】
Table
去掉了表头 hover 效果DatePicker
年月选择模式表盘宽度调整
0.22.0 (2019-10-18)
- 🎁【Feature】
Table
支持onRow
/onHeaderRow
/onCell
/onHeaderCell
用法,用户可以自定义行或单元格事件Tree
组件支持受控的 expandKeysTree
onChange 可获取除 value 外的其他属性Form
组件 formApi.setValues 支持配置 isOverride,给 formState.values 赋值时是否直接覆盖,可对 Form 中未存在的 field 进行提前赋值Form
支持 TreeSelect、Cascader、RatingForm
新增 allowEmpty 属性,当设置为 true 时,value 为空的 field key 也会于 formState.values 中存在Select
Option 支持 showTick、className、style 配置
- 🔧【Fix】
- 修复
Form
调用 formApi.setValues 对 arrayField 进行重新赋值后,ArrayField 没有重新渲染问题 - 修复
Table
组件JSX
写法title
为ReactNode
时会造成卡顿的问题 - 修复
Tabs
动态修改 pane 报错 - 修复
TextArea
的 onPressEnter 方法 - 修复
Modal
在 Modal 内部点击按下,然后移到 Modal 外部松开点击时造成的弹窗关闭
- 修复
- 💅【Style】
Modal
取消按钮改为 tertiary light buttonRadio
和Checkbox
文本支持触发 :hover 以及 :activeInput
、Input
、DatePicker
、TimePicker
insetLabel 左边距调整 8=>12
- ✏️【Documentation】
Modal
组件在命令式支持自定义 icon
0.21.0 (2019-10-12)
- 🎁【Feature】
DatePicker
支持 type="month" 进行年月选择InputNumber
支持长按时连续加减ButtonGroup
支持传入特定按钮的参数Upload
支持拖拽上传Tree
,TreeSelect
更新 onSelect, onChange 的回调入参Modal
新增 header 属性
- 【Fix】
- 修复
InputNumber
在受控条件下传入 formatter 和 parser 无法正常格式化的问题 - 修复
InputNumber
设置了 precision 后无法使用退格键的问题 - 修复
Table
固定表头时,如果传入了超长文本会导致列无法对齐的问题 - 修复 Safari 浏览器下,
Select
选项过多时下拉菜单溢出显示,未正常滚动问题 - 修复
Select
设置了 width='100%',在Tabs
下使用,初次渲染下拉菜单宽度错误问题 - 修复
Form
的 ArrayField 未对 initValue 作 deepClone 隔离问题,同时此次更新对 onSubmit、onSubmitFail、formApi.setValue、formApi.getValue 中的值都做了 clone 隔离 - 修复
DatePicker
中 dateInput 的 foundation 在初次 render 时未初始化导致的报错问题 - 修复
Tree
组件 label 为节点类型 setState 后 defaultExpandAll 失效 - 修复
Input
prefix 为中文时的换行问题
- 修复
- 💅【Style】
- 修复
Modal
底部的 spacing - 重命名
Icon
中的 forward_1 图标为 fast_forward Radio
增加 active 态Switch
设计调整,增加 size 属性。修改了默认的尺寸大小
- 修复
- ✏️【Documentation】
- 新增
Collapsible
嵌套使用的文档样例
- 新增
0.20.0 (2019-09-26)
- 🎁【Feature】
Navigation
动效优化,导航项选中态样式优化Tree
支持 labelInValueTree
支持 defaultExpandedKeysTree
,TreeSelect
增加动画,可以通过 motion, motionExpand 来控制是否开启
- 🔧【Fix】
Slider
的定位计算和交互进行优化,修复兼容性 bug- 垂直
Slider
拖动时滑块偏移 Slider
range 出现滑块错位无效值问题Slider
在 Edge 浏览器中无法使用直接报错 (part of- 修复
Tabs
切换时底部会闪烁一条滚动条的问题
0.19.0 (2019-09-22)
- 💡【New Component】
- 新增
Collapsible
组件
- 新增
- 🎁【Feature】
Tree
组件新增 icon 支持自定义图标; 新增 directory 支持目录树样式Tree
组件 label 属性支持 ReactNode 类型Cascader
,TreeSelect
组件支持二次点击收起Popover
支持显示小三角Popconfirm
支持受控展示Progress
条形进度条支持展示百分比文本; showInfo 默认值由 true 改为 false
- 🧶【Refactor】
- 对
Input
组件的 DOM 结构、样式、className 进行了优化调整
- 对
- 🔧【Fix】
- 修复
Input
组件 prefix 计算宽度不准的问题
- 修复
- 💅【Style】
- 修复
Avatar
组件字母不居中的问题 - 修复
Breadcrumb
组件分隔符不居中的问题 Collapse
DOM 结构调整、增加动画Progress
DOM 结构调整、增加动画
- 修复
- 🚀【Performance】
Button
加载状态使用新图标(同 Spin)Table
可伸缩列交互优化,反馈更明显
- 🔧【Fix】
- 修复
TimePicker
在 focus 时可能无法展现的问题 - 修复
Tooltip
浮层无法正确展现导致输入框切换时闪烁 - 修复
RadioGroup
设置 disabled 时子选项未生效的问题 - 修复
Form
Field 设置 initValue 为 0 时无效问题 - 修复
Select
多选未设 maxTagCount 时 Input 光标错位问题 - 修复
Grid
Col=24 样式失效问题
- 修复
0.18.0 (2019-09-16)
- 💡【New Component】
- 新增
List
组件
- 新增
- 🎁【Feature】
Select
支持键盘操作、支持二次点击收起Select
新增 allowCreate 支持搜索中创建条目Select
新增 maxTagCount 支持多选超出限制显示+NTag
新增 TagGroupDatePicker
、TimePicker
、Input
、InputNumber
等组件支持 error 状态、warning 状态展示DatePicker
支持onConfirm
/onCancel
回调InputNumber
输入格式和显示格式统一Tooltip
/Popover
等浮层类组件支持水平/垂直方向上的边缘检测和自动定位
- 🔧【Fix】
- 修复
TimePicker
滚动时偶有无法选中的问题 - 修复
Select
多选模式下选择数达到 max 后,再次选择无法取消问题 - 修复
Select
multiple、filter 均为 true 时 placeholder 显示问题
- 修复
- 💅【Style】
- 修改
Select
内嵌标签的 className、增大 insetLabel 的左右间距,统一 Input、Select 的 insetLabel 样式。对 Select multiple 为 true 的 DOM 结构、样式进行了优化调整
- 修改
0.17.0 (2019-09-06)
- 🎁【Feature】
Button
支持loading
态Cascader
组件支持受控Navigation
组件onSelect
回调支持返回原始配置对象Upload
增加 prompt、promptPosition 配置提示文本及位置Form
组件存在多个 field,调用 reset、validate、setValues 时,onValueChange、onChange 触发多次调整为只触发一次
- 🔧【Fix】
Upload
修复 uploadTrigger 为'custom'时,limit 数量限制失效问题- 修复
Pagination
组件,选中较后的页码后,再将每页容量切换到更大数值,当前页在新的页码表中无对应值导致的渲染错误问题(当前页页码由不变改为折算) - 修复
Select
组件,当 label 为 ReactNode,且开启了 filter 时已选项会渲染为[Object Object]问题
- 🚀【Performance】
Popover
/Tooltip
等浮层类组件动效调整- 优化
Form
组件集中 validate 的性能
- 💅【Style】
- 更新了
--color-text-2
的色值 Tab
更新交互样式Form
组件当 labelPosition 为 left 时,自动为每个 field 的 label 增加上下padding:6px
,以达到跟 field 的第一行文本对齐
- 更新了
0.16.0 (2019-08-30)
- 💡【New Component】
- 新增
TimeLine
组件
- 新增
- 🎁【Feature】
- Semi 全局变量更新
BackTop
组件增加动画,增加 duration 属性Modal
组件增加 centered 属性,并且更新默认样式的定位Cascader
组件支持动态更新子节点Badge
组件增加 position 属性,并且支持自定义 nodeToast
,Notification
的 duration 属性支持小数Table
支持列伸缩、JSX 描述 columns、文档增加行拖拽排序的 Demo
- 🔧【Fix】
Tree
,TreeSelect
支持动态更新子节点Form
setValues 时触发多次 onChange、onValuesChange 改为只触发一次
- 💅【Style】
Navigation
组件样式优化,功能优化- Semi 增加全局字体 font-family 的声明
- 🚀【Performance】
Select
、Tooltip
、Popover
等浮层动效优化与调整Table
组件底层优化,滚动错位问题修复
0.15.0 (2019-08-23)
- 💡【New Component】
- 新增
Tree
组件
- 新增
- 🎁【Feature】
Upload
增加 uploadTrigger 可手动触发上传功能;增加 onXhrFinish 回调;增加提示文本 slot:prompt
- 🔧【Fix】
Form
的 initValues、initValue 没有做深克隆隔离,field 卸载时可能影响源数据Select
optionLabelProp 为 value,且受控时,已选项渲染错误问题TextArea
在 Form 中无法重置及初始状态没有 resize 的问题- 修复多个
Spin
同时存在时样式覆盖的问题 - 修复 CheckboxGroup Context 在生产环境下打包可能为 undefined 导致的无法勾选问题
- 修复
CheckboxGroup
direction props 的类型
- 💅【Style】
Select
去除 v0.10.0 引入的 min-width:120px;修复下拉层宽度计算错误问题;修改 dropdownMatchSelectWidth 的定义:下拉菜单的 width 是否等于 select 的宽度=>下拉菜单的 min-width 是否等于 select 的宽度
- 🚀【Performance】
- 优化
TreeSelect
只渲染显示的节点
- 优化
0.14.0 (2019-08-19)
- 🎁【Feature】
Select
、AutoComplete
增加 labelInValue、loading 属性CheckboxGroup
支持指定 direction 切换水平/垂直布局Table
支持自定义渲染展开按钮。Select
、Input
、DatePicker
、TimePicker
支持 insetLabel,Form
labelPosition 支持 inset
- 🔧【Fix】
Spin
为包裹元素时阻止下层点击事件- 修复
Form
labelPosition='inset'时 noLabel 属性失效问题 TextArea
传入 className/style 移至外层包裹元素- 修复
Notification
,Toast
ref 为 null 的报错 - 修复
Form
使用 withField 封装函数式组件时 props 丢失问题 - 修复
Select
multiple 模式下 placeholder 无效问题 - 修复
Select
optionList 动态修改时没有重新渲染问题 - 修复
Select
filter 为 true 时,optionList 动态改变后,input 显示值错误问题
0.10.2 (2019-08-09)
- 💡【New Component】
Form
新增 Form.Slot 组件,新增 labelCol、wrapperCol prop
- 🎁【Feature】
Select
新增 dropdownMatchSelectWidth,默认下拉框与选择框同宽,且将最小宽度改为 120pxSelect
新增 optionList prop,支持以数组形式传入 optionSelect
bottomSlot 拆分为 innerBottomSlot 与 outerBottomSlot
- 🔧【Fix】
RadioGroup
传入 className/style 无效Form
RadioGroup initValue 设为 0 时无效Switch
uncontroller => controller component 报错问题Form
修复 onChange/onValuesChange 回调值为 undefined 问题- 修复
TextArea
在 Form 中使用 maxCount 会报错的问题 - 修复
Modal
的 footer null 值和 bodyStyle 无效的问题 - 修复
DatePicker
、TimePicker
未被LocaleProvider
包裹时抛出的 locale error - 修复
Tab
选中项的图标样式
0.7.0 (2019-08-06)
- 🎁【Feature】
- 🎉🎉i18n 支持。目前支持语言:中英日韩,已支持组件
DatePicker
、TimePicker
、Modal
、Pagination
、Select
、Table
、Cascader
DatePicker
props 新增 className, prefixInput
props 新增 hideSuffixSelect
支持 dropdownClassName、dropdownStyle、支持 bottomSlot 弹出层底部插槽
- 🎉🎉i18n 支持。目前支持语言:中英日韩,已支持组件
- 🔧【Fix】
- 修复
Input
prefix 为节点时的 padding 计算错误 - i18n Panigation 切换 locale 时 pageSizeChanger 不更新
- 修复
0.5.0 (2019-08-05)
- 🎁【Feature】
- 🎉🎉 Semi 支持暗色模式 🎉🎉
ScrollList
支持卷轴滚动以及无限循环滚动模式
- 💅【Style】
- 优化
TimePicker
组件样式
- 优化
- 🔧【Fix】
- 修复
Collapse.Panel
className 被覆盖的问题 - 修复
Calendar
月视图每月首日日期不高亮的问题
- 修复
0.3.0 (2019-07-30)
- 💡【New Component】
- 新增
Calendar
日历组件 - 新增
Rating
评分组件
- 新增
- 🎁【Feature】
Upload
新增 previewFile 允许自定义预览Collapse
props 的defaultActivekey
和activeKey
支持传入字符串数组Form
formApi 增加 submitForm()
- 🔧【Fix】
- calendar date-fns 引用报错
Upload
修复 onRemove file 对象无法取到 uid 问题Form
InputGroup errorMessage 展示错误问题,优化了写法,无需再手动加 noLabel 属性Progress
设定上下限 100%、0%
0.1.3 (2019-07-30)
- 💡【New Component】
- 新增
SideSheet
组件 - 新增
Skeleton
组件 - 新增
Progress
进度条组件
- 新增
- 🎁【Feature】
- 支持在基于 webpack 的项目中使用 semi-ui 组件库
Form
支持 InputGroup;自定义校验 validate 支持 return ReactNode;Label 支持传入 ReactNodeTreeSelect
支持受控Upload
listType='picture'未上传完成时,展示进度条,不直接预览图片Avatar
props 新增 onClick, onMouseEnter, onMouseLeave, hoverMask
- 💅【Style】
- 给各组件添加动效/动画
- 取消
treeSelect
的下拉菜单 option list 的最大高度限制,可通过 dropDownStyle 属性自由设置
- 🔧【Fix】
- 修复
Banner
关闭后未销毁 dom 节点的问题 - InputGroup 自动给内含元素增加 key 属性
- 修复
Select
className 无效问题 - 修复
TreeSelect
多选模式下选中项标签乱序, 受控时下拉菜单折叠后仍会自动展开的问题 Tag
传入 visible 属性时是否展示完全由 visible 控制Form
采用 rules 校验时,rules 语法有错误时直接抛错- 修复
Form
syncValidate 从 error 变回 success 时,错误提示未清除 - 修复
DatePicker
clear 点击偶现无效 - 修复
Datepicker
placeholder 失效 - 修复
TreeSelect
下拉选项按数据传入的数据展示,且下拉菜单设置最大高度 - 修复
Table
pagination pageSize 失效 - 修复
InputNumber
设置了 min、max 上下界后,前面仍可手动输入负号的问题
- 修复
0.0.25 (2019-07-11)
- 💡【New Component】
- 新增
TreeSelect
组件 - 新增
Upload
组件 - 新增
SideSheet
组件 - 新增
Cascader
组件 - 新增
Layout
组件 - 新增
Avatar
组件 - 新增
BackTop
组件
- 新增
- 🎁【Feature】
DatePicker
、TimePicker
增加 inputReadOnly 属性TreeSelect
props 新增 valueInArray,支持回调返回当前节点的各级路径 value 值的数组Upload
支持为所有文件格式创建跳转链接,props 支持 disabled、name
- 🔧【Fix】
TreeSelect
多选模式下的返回值当父级节点被选中时,只返回父级节点而不返回父级子节点- 修复
Upload
图片墙模式不显示关闭图标,同文件删除后上传失效的问题 - 修复
InputNumber
disabled 状态无效的问题
0.0.11 (2019-06-28)
- 💡【New Component】
- 新增
Badge
组件 - 新增
Descriptions
组件 - 新增
Collapse
组件 - 新增 Form.TextArea
- 新增
- 🎁【Feature】
Nav
增加受控的 selectedKeys 和 openKeys props- 所有组件统一支持 className、style props 传入
DatePicker
props 新增:onOpenChange、allowClear、open、defaultOpenModal
弹出时,自动禁止 body 的滚动Button
废弃了 ghost prop
- 🔧【Fix】
- 修复
Table
render index 为 undefined 的问题 - 修复
Collapse
style 无效 - 修复
Checkbox
value 为 number 时类型校验报错 - 修复
Tabs
activeKey 受控无效的问题 - 修复
Select
Options 动态变化后选相同的 option 时,已选项显示错误问题 Select
非 filter 模式 placeholder 无效Nav
选中子项,Sub 没有高亮- 修复
portal
弹出层 z-index Notification
point-event 穿透问题porta
l 弹出层在滚动容器内的定位错误问题
- 修复
- 【style】
Button
样式优化
0.0.1 (2019-05-13)
- 💡【New Component】
- 正式发布以下组件 Button、Switch、Pagination、Notification、Tag、Tooltip、Popover、Dropdown、Select、Checkbox、Icon、Toast、DatePicker、Form、Tabs、TimePicker、Radio、Soin、AutoComplete、Slider、Step、Modal、Nav、InputNumber、Input、Grid、ScrollList、Table