Skip to content

Releases: DouyinFE/semi-design

v2.60.0

07 Jun 08:51
Compare
Choose a tag to compare
  • 【Docs】
    • 更新对 Transfer 的 filter API 说明 #2280
  • 【Fix】
    • 修复 AutoComplete 因为 autofocus 拼写导致的在开发环境下抛出 warning 的问题 #2285
    • 修复 Form labelAlign 设为 right时,对齐样式在 label 带 extra 情况下不生效的问题 #2281

  • 【Docs】
    • update filter API defination In Tranfer
  • 【Fix】
    • fixed the issue where AutoComplete throws a warning in the development environment due to autofocus spelling errors
    • Fixed the problem that when Form labelAlign is set to right, the alignment style does not take effect when the label has extra

v2.60.0-beta.0

04 Jun 03:46
Compare
Choose a tag to compare
v2.60.0-beta.0 Pre-release
Pre-release
  • 【Fix】
    • 修复input在small size 状态下,文字略微向下偏移的问题 @lmsccc #2270
    • 修复 tab 在 scrollIntoView 后显示不完整的问题 @l123wx #2247
  • 【Style】
    • 显式设置 Spin 下的 svg 的 display 属性为 inline,防止 tailwind 默认 svg 设置对 Spin 造成影响 #2272

  • 【Fix】
    • Fixed the problem that the text was slightly offset downwards when the input was in small size @lmsccc
    • Fix the problem of incomplete tab display after scrollIntoView @l123wx (#2247)
  • 【Style】
    • Explicitly set the display attribute of the svg under Spin to inline to prevent the tailwind default svg setting from affecting Spin.

v2.59.1

29 May 10:01
Compare
Choose a tag to compare
  • 【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】
    • 修复 FormApi 在未传入泛型时,调用 setValue时会有 string类型不能赋值给 never 的类型报错问题(影响范围,v2.59.0) #2259
    • 优化 FormApi getValue 对于嵌套路径的类型提示,对齐 setValue 行为 #2259
    • 修复 TextArea 的 onBlur/onFocus 类型定义错误问题 #2261
    • 修复 Semi Webpack plugin 中的 webcomponentPath 参数类型定义错误问题 #2260

  • 【Fix】
    • Fixed the problem that the data-* attributes passed into Select Option did not render #2258
    • Fixed the problem that Toast is not centered but aligned to the left when multiple toasts with different lengths #2257
    • Fixed the problem that when TreeSelect is in defaultOpen mode, the pop-up layer cannot be closed when clicking outside. #2254
    • Fixed the problem that Avatar cannot trigger onClick, onMouseEnter, and onMouseLeave events when the border/topSlot/bottomSlot API is set. #2255
    • Fixed the problem that Badge className function aligns other components and acts on the outermost layer of DOM
    • Revised Badge API definition, added a more semantic countStyle API, and made it consistent with the existing style API (the old API props.style can still be used, and the effect remains unchanged, but it is no longer recommended in the documentation)
  • 【Chore】
    • Fixed the problem that when FormApi does not pass in generics, there will be a type error that string type cannot be assigned to never when calling setValue (affected scope, v2.59.0) #2259
    • Optimize FormApi getValue type hints for nested paths and align setValue behavior #2259
    • Fixed onBlur/onFocus type define error in TextArea #2261
    • Fixed webComponentPath parameter type error in Semi webpack plugin #2260

v2.59.0

24 May 11:20
Compare
Choose a tag to compare
  • 【Chore】
    • Form组件 FormApi setValue 类型定义更新,优化嵌套路径的提示 #1737
    • 移除 @douyinfe/semi-theme-default 中不恰当的依赖声明 #2252
  • 【Fix】
    • 修复 StrictMode 开启时,dev环境下,Form 校验结果无法正常返回的问题(影响范围:v2.57.0 - v2.59.0-beta.0) @nekocode #2210

v2.58.1

22 May 06:18
Compare
Choose a tag to compare
  • 【Design Token】
    • Tabs 新增 $font-tabs_bar_large-fontSize $font-tabs_bar_medium-fontSize $font-tabs_bar_small-fontSize

  • 【Design Token】
    • Tabs add $font-tabs_bar_large-fontSize $font-tabs_bar_medium-fontSize $font-tabs_bar_small-fontSize

v2.59.0-beta.0

21 May 04:11
Compare
Choose a tag to compare
v2.59.0-beta.0 Pre-release
Pre-release
  • 【Feat】
    • Typography 的 size API 支持 inherit 属性 #2244
    • Tree 的 icon API 支持通过函数类型 #2236 #2237
    • 实现 webpack & rspack 插件用于对 web components中的 semi 组件进行样式插入 #2221
    • 提供 TailwindCSS 混用时的最佳实践,解决一系列样式问题 #2235
  • 【Fix】
    • 修复溢出的 tab 在 “activeKey” 变动后没有 "scrollIntoView" 的问题 @l123wx #2241
    • Slider 在特殊场景下触发事件时机异常的问题。 @zzc6332 #2186
    • 修复 Tree组件中 renderFulllabel 的透传的 className 样式受到 li 标签限制问题 #2238
  • 【Chore】
    • WebpackPlugin 增加 cssLayer 配置项,允许用户自定义样式优先级顺序 #2235

  • 【Feat】
    • Typography's size API supports inherit attribute
    • Tree's icon API supports function types #2236
    • Implement webpack & rspack plugins for style insertion of semi components in web components
    • Provide best practices when mixing TailwindCSS to solve a series of style problems.
  • 【Fix】
    • Fixed the issue where the overflow tab did not scroll into view when the activeKey changed. #2241 @l123wx
    • Slider triggers events at abnormal timing in special scenarios @zzc6332
    • Fix the problem that the transparent className style of renderFulllabel in the Tree component is restricted by the li tag
  • 【Chore】
    • WebpackPlugin add cssLayer config

v2.58.0

11 May 13:38
Compare
Choose a tag to compare
  • 【Feat】
    • Tabs 新增 more api,用于将一部分 tabs 收起到下拉菜单中 #2226
    • Button 新增 outline 边框模式主题 #2224
  • 【Fix】
    • 修复 Slider 在添加了 scale 样式后,拖拽不正常,点击轨道跳转不正常的问题 #2223
    • 修复在 safari/ firefox 浏览器在暗色模式下的样式错误(影响版本:2.56.0-2.57.0) #2225 #2229

  • 【Feat】
    • Tabs has added more API, which is used to collapse some tabs into drop-down menus.
    • Button adds outline border mode theme
  • 【Fix】
    • Fixed the problem that after adding the scale style to Slider, dragging is not normal and clicking on the track jumps abnormally.
    • Fix the style error in dark mode in safari/firefox browser (affected versions: 2.56.0-2.57.0) #2225

v2.58.0-beta.0

06 May 09:30
Compare
Choose a tag to compare
v2.58.0-beta.0 Pre-release
Pre-release
  • 【Feat】
    • Nav.Item 支持透传 data-* 参数到 DOM @meixg #2217
    • Table 兼容 dnd-kit,更新 Table 拖拽排序 demo 为 dnd-kit #997
  • 【Style】
    • 修复 TagIput 在 Form 表单中使用 insetLabel时,样式与其他组件未对齐的问题 #2216
  • 【Design token】
    • TagInput 增加 $color-tagInput_prefix-text-default、$spacing-tagInput_insetLabel-marginRight、$font-tagInput_insetLabel-fontWeight 三个 Token
      #2216
  • 【Fix】
    • 修复 Table 表头 text-align 在 RTL 模式下对齐不正确的问题 #2172
    • 修复 Table onGroupedRow className 不生效问题 #2185
    • 修复 Table components 类型定义问题 #2197

  • 【Feat】
    • Nav.Item support pass data-* attribute to dom @meixg#2217
    • Table compatible with dnd-kit and update sorting demo in dnd-kit #997
  • 【Style】
    • fixed TagInput insetLabel style not align with other component such as Input、Select #2216
  • 【Design token】
    • TagInput add Tokens:$color-tagInput_prefix-text-default、$spacing-tagInput_insetLabel-marginRight、$font-tagInput_insetLabel-fontWeight #2216
  • 【Fix】
    • Fixed Table header text-align bug in RTL mode #2172
    • Fixed Table onGroupedRow className not work bug #2185

v2.57.0

26 Apr 09:37
Compare
Choose a tag to compare

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

23 Apr 04:10
Compare
Choose a tag to compare
v2.57.0-beta.0 Pre-release
Pre-release
  • 【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