Releases · DouyinFE/semi-design

【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】
- 更新 Form 组件 Token，$spacing-form_label_posLeft-marginRight 的值：4px -> 0px，将labelPosition='left' 时 Label 的右边距对齐（无论其是否位于 Form.InputGroup 中）。并修正Form.InputGroup中Label 在 labelPosition='left' 时未垂直居中的问题 #67
- Anchor 的组件修改 Token 拼写问题，更新 $radis-anchor_slide => $radius-anchor_slide #92 @btea
【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 items type definition error issue #35
- Fixed Navigation.Header linkOptions upload target type error problem #120 @boenfu
- Fixed the error of Table Column.render text type, caused by string => any #144
- Fixed an error in the TextArea component TextAreaProps type 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

【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 替换
- 样式相关调整
  - 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)
- 插件相关调整
  - 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
- 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)
- 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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Releases: DouyinFE/semi-design

v2.0.1

v2.0.0