Semi Design Versions Save

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

v2.57.0

3 weeks ago

  • 【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

v2.57.0-beta.0

3 weeks ago
  • 【Fix】
    • 修复 Select 单选时,受控且filter开启模式下,选择Option后文本会闪烁一次后更正的问题 #2170
  • 【Feat】
    • Modal 支持 modalContentClass to set content 的 props #2162 @18852819321
    • 给树形选择器TreeSelect的onSearch方法添加了filteredNodes入参,用来获取筛选后的节点列表 @Hokori23 #2155
    • Form 组件 FormApi 增加 getFormProps,可在 formApi中读取组件的 props如 disabled、trigger 等属性 #2184

  • 【Fix】
    • Fixed the issue where the text would flash once after selecting Option in the controlled and filter-enabled mode during Select radio selection and then corrected.
  • 【Feat】
    • Modal support modalContentClass to set content 的 props #2162 @18852819321
    • TreeSelect's onSearch method add filteredNodes which represents the list of nodes displayed after the search @Hokori23
    • Form's formApi add getFormProps function

v2.56.3

4 weeks ago
  • 【Fix】
    • 修复 Modal footerFill 打开后,取消按钮带有左边距的问题 #2177
    • 修复单选,可搜索,远程加载的 TreeSelect 在选择选项后,选项展开状态异常问题 #2178 #2179
    • 修复 Upload 将 addOnPasting 切换为 false 后,粘贴上传依然触发的问题 #2176
    • 修复 TreeSelect 在搜索后选项变化,面板位置未自动调整问题 #2181
    • 修改 locale 越南语翻译中不准确的表达 @ruaruababa #2154
  • 【Docs】
    • 数据可视化文档更新 #2182

  • 【Fix】
    • Fixed the issue where the Cancel button has a left margin after Modal footerFill is opened.#2177
    • Fix abnormal expansion status of TreeSelect which is single selection, searchable, loaded data from remote #2178
    • Fixed the problem that after Upload switches addOnPasting to false, paste upload is still triggered.#2176
    • Fixed the problem that TreeSelect options changed after searching and the panel position was not automatically adjusted.#2181
    • Modify inaccurate expressions in locale vi-VN translation @ruaruababa#2154
  • 【Docs】
    • Data visualization documentation updates

v2.56.2

1 month ago
  • 【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

  • 【Design Token】
    • Button change splitButton radius token name to $radius-button_splitButtonGroup_first_topLeft$radius-button_splitButtonGroup_first_bottomLeft$radius-button_splitButtonGroup_last_topRight$radius-button_splitButtonGroup_last_bottomRight Token

v2.56.1

1 month ago
  • 【Design Token】
    • Button 增加 $radius-splitButtonGroup_first_topLeft$radius-splitButtonGroup_first_bottomLeft$radius-splitButtonGroup_last_topRight$radius-splitButtonGroup_last_bottomRight Token

  • 【Design Token】
    • Button Add $radius-splitButtonGroup_first_topLeft$radius-splitButtonGroup_first_bottomLeft$radius-splitButtonGroup_last_topRight$radius-splitButtonGroup_last_bottomRight Token

v2.56.0

1 month ago
  • 【Fix】
    • 修复 Locale ro 语言类型定义与其他语言不一致问题 #2157
    • 修复使用 js 省略的 Typography 组件,children 为 模版字符串时的显示异常及省略异常 #2167 #2169
    • 修复 Select filter 在未选中任何项时,高度不正确的问题。(影响版本 v2.56.0-beta.0) #2159
    • 修复 Typography 单行 css 省略的精确性问题 #1731 #2089
  • 【Docs】
    • 数据可视化文档更新 #2165

  • 【Fix】
    • fix the problem of inconsistency between Locale ro language type definition and other languages
    • Fix the display exception and omission exception when the Typography component is omitted by js and children is a template string #2167
    • Fixed Select filter height not as expected when empty. (Affected version v2.56.0-beta.0)
    • fix Typography single-line css omission accuracy issue #1731
  • 【Docs】
    • Data visualization documentation updates

v2.56.0-beta.0

1 month ago
  • 【Feat】
    • 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】
    • 修复 Typography 单行 css 省略的精确性问题 #1731
    • 修复 Select 多选且 filter 开启的情况下,选择多行后,最后一行的标签垂直间隔于其他行不同的问题 #1667
  • 【Style】
    • 修复 Form.RadioGroup 在 type=button/card 时与普通 RadioGroup的高度不一致的样式问题 @nekocode #1954
    • 修复 RadioGroup 在父级若有 overflow:hidden 的情况下选中后样式不对的问题 @nekocode #2126
  • 【Design token】
    • Select 增加 $height-select_multiple_input_small$height-select_multiple_input_default$height-select_multiple_input_large 三个 token 可用于指定开启搜索时的 input 的高度 #2151

  • 【Feat】
    • WebComponent Support:clickOutSide add support for Shadow DOM scenarios,involving components: AutoComplete、Calendar、Cascader、DatePicker、Select、TagInput、TimePicker、Tooltip、TreeSelect @changlin2569 #1381
    • WebComponent Support:Inject the css variable into the shadow dom through the :host, :host-context pseudo-class selectors to ensure that the Semi component style under the shadow dom is correct. #2142
    • Backtop click to increase throttle to prevent repeated triggering within duration. @OnlyWick
  • 【Fix】
    • Fixed Typography single-line css omission accuracy issue #1731
    • Fixed the issue where the label of the last row is vertically spaced differently from other rows after selecting multiple rows when Select is multi-selected and filter is turned on. #1667
  • 【Style】
    • Fixed the style issue where the height of Form.RadioGroup is inconsistent with that of the normal RadioGroup when type=button/card @nekocode #1954
    • Fixed the style issue where the style of RadioGroup is incorrect after being selected if the parent has overflow:hidden @nekocode #2126
  • 【Design token】
    • Select add $height-select_multiple_input_small$height-select_multiple_input_default$height-select_multiple_input_large used to specify the height of the input when searching is enabled #2151

v2.55.5

1 month ago
  • 【Fix】
    • 修复 Tree 组件中 checkRelation 为 unRelated 时,由于 value 不在 treeData 中导致的类型错误
    • 修复受控 Cascader 中 value 不在 TreeData 内时的类型错误
    • 修复 slider 在一些场景下 tooltip 在 鼠标移走时不自动隐藏的问题 (影响范围 2.49.0 ~ 2.55.4 )

  • 【Fix】
    • Fixed a type error caused by value not being in treeData when checkRelation in the Tree component is unRelated.
    • Fix type error in controlled Cascader where value is not in TreeData
    • Fixed the problem of slider tooltip not automatically hiding when the mouse is moved in some scenarios (Affected version 2.49.0 ~ 2.55.4)

v2.55.3

1 month ago
  • 【Fix】
    • 修复 Select 多选开启 onChangWithObject 且 value 受控,当前value 并不存在于 optionList 中,更新了 value中的其他属性后渲染未重新执行的问题

  • 【Fix】
    • Fixed the problem that when onChangWithObject is turned on for Select multi-selection and value is controlled, the current value does not exist in the optionList, and the rendering is not re-executed after updating other properties in the value.

v2.55.1

1 month ago

🔧【Fix】 Fix: 修复 collapse & collapsible keepDOM 失效的问题 (影响版本 2.54.0-beta.0 ~ 2.55.0) Fix:修正 collapse 的 lazyRender 默认值,由 2.54.0 设置的 true 改为更合适的 false,保持未设置 lazyRender的用例与 2.54前行为的一致性 (影响版本 2.54.0-beta.0 ~ 2.55.0)