Releases: DouyinFE/semi-design
Releases · DouyinFE/semi-design
v2.0.5
v2.0.4
- 【Fix】
- 【Docs】
- 【Fix】
- Fixed Cascader single selection, the problem that the
defaultValueis disabled when the node is selected will be filtered #183 - Fixed Cascader
multipleandonChangeWithObjectenabled, thedefaultValueisobject[]does not take effect #184 - Fixed the problem that the Select support cannot automatically scroll to the selected item after opening the drop-down box #169
- Fixed Table
resizabletable issue #154
- Fixed Cascader single selection, the problem that the
- 【Docs】
v2.0.3
- 【Fix】
- 【Docs】
- 【Chore】
- 【Fix】
- Fix the problem that the item height of Tree / TreeSelect becomes larger in the loading state #181
- Fix the problem that the input value of TagInput will be cleared when separator is not string or array #182
- Fix the issue that when Form resets ArrayField through setValues, formState has taken effect and UI rendering is not updated synchronously #211
- 【Docs】
- 【Chore】
v2.0.2
- 【Fix】
- 【Style】
- Switch 新增 Token：$color-switch_disabled-bg-hover，$color-switch_disabled-bg-active， 定制disabled 态的背景颜色 #115
- 【Docs】
- 优化一些文档问题 #165 #175 @YufeeXing @BestDingSheng
- 【Chore】
- Anchor 新增 max-height、max-width 测试用例 #151 @songjianet
- 【Fix】
- Fixed the type definition of Toast #166
- Fixed the type definition of Radio
valueanddefaultValue, fromstringtostring | number#159 - Fixed the problem of Transfer search under
treeListtype#163 - When DatePicker
type=month, the computer is set to the US Eastern time zone and the date cannot be selected #173 - Fixed List type definition error #156
- Fixed the type definition issue of Select component
renderSelectedItems#160 - Fixed Tooltip event callback is not removed correctly #192
- 【Style】
- New tokens for Switch:
$color-switch_disabled-bg-hover,$color-switch_disabled-bg-active, custom disabled background color #115
- New tokens for Switch:
- 【Docs】
- Optimize some document issues #165 #175 @YufeeXing @BestDingSheng
- 【Chore】
- Anchor adds
max-height,max-widthtest cases #151 @songjianet
- Anchor adds
v2.0.1
- 【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】
- 【Docs】
- 优化了 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
- 【Fix】
- Fixed TreeSelect will expand its child nodes and close them immediately after selecting a node, causing a visual flickering feeling #78
- Fixed the rendering error when the size of Progress component is changed #94
- Fixed the problem that the height of the component is not fully expanded when the Collapsible component is opened by default #85 @Janlay884181317
- Fixed Navigation
itemstype definition error issue #35 - Fixed Navigation.Header
linkOptionsupload target type error problem #120 @boenfu - Fixed the error of Table
Column.rendertexttype, caused bystring=>any#144 - Fixed an error in the TextArea component
TextAreaPropstype definition #149
- 【Style】
- Update the Form component Token, the value of $spacing-form_label_posLeft-marginRight: 4px -> 0px, align the right margin of the Label when labelPosition='left' (regardless of whether it is in Form.InputGroup or not). And fix the problem that the Label in Form.InputGroup is not vertically centered when labelPosition='left' #67
- Anchor component modify Token spelling problem, update $radis-anchor_slide => $radius-anchor_slide #92 @btea
- 【Docs】
- Optimized the sample documents of Navigation, Upload, TreeSelect, TimePicker, Switch, Select, Rating, Form, DatePicker, Notification and other components, and fixed some spelling errors. @songjianet @wangzhitao @pleiades-embers @jaydonyin @jukrb0x @GoldSubmarine @wangzt-arch @ivan0525 @Shigma @GoldSubmarine @WscatsWscats @oddguan (in no particular order, the same scenes may not be a batch of notes)
- Helped to improve the README, CONTRIBUTING, introduction and other documents @ChelesteWang @Timeless0911 @niexq @Pingren @oddguan @noahziheng @Aaron00101010 @Faithree
v2.0.0
- 【Breaking Change】
- 组件相关调整
- Icon 相关
- Icon 组件不再支持 type=xxx 方式使用内置 icon
- 自定义 svg 不再支持插件方式配置 srcSvgPaths
- Button icon 属性不再支持通过 string 传递内置 icon 名
- 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
- 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 指南
- 组件相关调整
- 【Breaking Change】
- Component Changes
- Icon related
- Icon component no longer supports type = xxx using built-in icons
- Custom svg no longer supports plug-in configuration srcSvgPaths
- The Button icon property no longer supports passing built-in icon names through strings
- Dropdown deletes the iconType attribute and unifies it into the icon attribute
- Navigation icons no longer support incoming by string, ReactNode needs to be passed in
- Notification icons are no longer passed in by string, please use ReactNode uniformly
- AutoComplete officially discards the onChangeWithObject property
- Remove onInputChange from Cascader triggerRender
- Form no longer exports Label components from
semi-ui/index.js - Tree onRightClick renamed onContextMenu
- Upload dragable renamed draggable
- Table
- API that no longer responds when componentDidUpdate
- DefaultExpandAllRows, please replace with expandAllRows
- Default ExpandRowKeys, please replace with expandRowKeys
- Default ExpandAllGroupRows, please replace with expandAllGroupRows
- API that no longer responds when componentDidUpdate
- Icon related
- Style Changes
- CSS variable with semi prefix, for example --color-primary = > --semi-color-primary
- In 2.x, the unified set the width and height of the illustration to
200 * 200px - Design Token Changes
- 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
- Plugin Changes
- In 2.x, the iconLazyLoad, svgPaths, srcSvgPaths configurations are no longer supported
- In 2.x, section dark mode and bright mode no longer need to configure themeScope attributes in the plug-in, and the default is built-in. The usage method is updated from adding id #semi-ways-xxx to adding class .semi-ways-xxx.
- Other Changes
- Due to the adjustment of the Icon, the way of using icons and illustrations for Icon and Empty components is different from before. Please see for details
- Component Changes