Skip to content

Releases: DouyinFE/semi-design

v2.63.0-beta.0

22 Jul 09:16
Compare
Choose a tag to compare
v2.63.0-beta.0 Pre-release
Pre-release
  • 【New Component】
    • 新增 Chat 组件用于渲染对话列表 #2248
  • 【Fix】
    • 修复 Form ArrayField addWithInitValue 时未对入参 clone做作用域隔离的问题 #2351
    • 修复 Upload 使用 renderThumbnail 搭配 Image 组件使用时,宽高度恒定的问题 #2343
  • 【Feat】
    • Form 新增 stopPropagation 可用于阻止嵌套Form场景下,submit 、reset事件同时在多级容器触发的问题 #2355
    • Upload 支持 afterUpload 中 return url 修改预览链接 #2346

  • 【New Component】
    • Added Chat component for rendering conversation list #2248
  • 【Feat】
    • Form adds stopPropagation to prevent the issue of submit and reset events triggering in multiple levels of containers at the same time in nested Form scenarios #2355
    • Upload support afterUpload return url modification preview link #2346
  • 【Fix】
    • Fixed Form ArrayField addWithInitValue without scope isolation for imported parameter cloning #2351
    • Fixed the problem that the width and height are constant when using renderThumbnail with the Image component in Upload #2343

v2.62.1

16 Jul 12:10
Compare
Choose a tag to compare
  • 【Fix】
    • 修复 TreeSelect 启用 showFilteredOnly 并且搜索框在 trigger 中的 treeSelect 面板,在搜索后再次打开显示不正确问题 #2345
    • 修复 Upload 使用 renderThumbnail 搭配 Image 组件使用时,宽高度恒定的问题 #2343 #2344
    • 修复 Form 未透传 id 属性到 form 元素 DOM 的问题

  • 【Fix】
    • Fixed the issue that when TreeSelect enables showFilteredOnly and the search box is in the trigger, the treeSelect panel does not display correctly when it is opened again after searching #2345
    • Fixed the issue that when Upload uses renderThumbnail with the Image component, the width and height remain constant #2343
    • Fixed the issue that Form does not pass the id attribute to the form element DOM

v2.62.0

12 Jul 09:36
Compare
Choose a tag to compare
  • 【Fix】
    • Carousel 仅有一个 children 且 autoPlay 为 true 时不执行任何切换操作 #2334
    • 修复 Modal 在 getPopupContainer 中如果返回 document.body 异常的问题 #2335
    • 修复 Table 在 dataSource 为空时,存在非预期的 borderRadius 的问题 #2337
  • 【Chore】
    • Table Column jsx 写法支持传入 RecordType 泛型 #2314 #2320

  • 【Fix】
    • When the carousel has only one child and autoPlay is true, no switching operation is performed #2334
    • Fixed the issue that Modal returns document.body exception in getPopupContainer
    • Fix Table has unexpected borderRadius when dataSource is empty
  • 【Chore】
    • Table Column support RecordType #2314

v2.62.0-beta.0

05 Jul 09:50
Compare
Choose a tag to compare
v2.62.0-beta.0 Pre-release
Pre-release
  • 【Feat】
    • TreeSelect, Cascader 支持通过 esc 按键关闭弹出层 #2329
    • 新增验证码输入组件 pinCode 用于快速便捷输入验证码 #2130 #2209
    • 新增 Lottie 组件用于便捷渲染 Lottie 动画 #2297
    • 新增 CodeHighlight 代码高亮组件,用于高亮网页中显示代码 #2203
  • 【Style】
    • 修复 theme 为 outline 的 ButtonGroup 样式错误问题 #2328
  • 【Fix】
    • 修复 Select在 value受控时,若多个label text相同,使用reactNode写法时无法正确选中的问题 #2284 #2311
  • 【Chore】
    • 更新 Table getCheckboxProps 和 rowSelection 类型定义 #2234 #2321

  • 【Feat】
    • TreeSelect, Cascader supports closing the popup layer through the esc key
    • Added new verification code input component pinCode for quickly and conveniently entering verification codes #2130
    • Added Lottie component for convenient rendering of Lottie animations
    • Added CodeHighlight code highlighting component, used to highlight code displayed in web pages
  • 【Style】
    • Fix the problem of wrong style of ButtonGroup with theme as outline
  • 【Fix】
    • Fixed the issue that when Select value is controlled, if multiple label texts are the same, it cannot be selected correctly when using reactNode writing #2284
  • 【Chore】
    • update Table getCheckboxProps and rowSelection typings #2234

v2.61.0

24 Jun 10:35
Compare
Choose a tag to compare

🎉 2.61.0 (2024-06-24)

  • 【Docs】
    • 新增 web components 适配文档 #2313

🎉 2.61.0 (2024-06-24)

  • 【Docs】
    • Add web components adaptation docs #2313

v2.60.1

19 Jun 03:17
Compare
Choose a tag to compare

v2.61.0-beta.0

18 Jun 12:15
Compare
Choose a tag to compare
v2.61.0-beta.0 Pre-release
Pre-release
  • 【Feat】
    • 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

  • 【Feat】
    • Breadcrumb supports controlling the current highlighted navigation item through activeIndex #2301
    • Select supports searchPosition configuration #2298
    • Form component formApi adds scrollToError to support manual scrolling to the validation error #2294
    • Tree, TreeSelect add autoMergeValue API @LuyangFE #2233
    • Tabs adds arrowPosition to set the rendering position of the arrow switch in scroll collapse mode #2288
    • Tabs adds renderArrow to customize the rendering of the arrow left and right switch in scroll collapse mode #2288
    • Tabs adds visibleTabsStyle to set the scroll area style #2288
    • Tabs adds onVisibleTabsChange to get unhidden items when tabs overflow #2288
    • Tabs adds showRestInDropdown is used to control the visibility of the collapsible Tabs Dropdown panel #2289
    • OverflowList adds onVisibleStateChange in scroll mode to get non-hidden items when overflowing #2288
    • Avatar size supports passing in legal width attribute values ​​such as "10px" #2290
  • 【Fix】
    • Fix the problem of Tooltip not hide when cursor quickly moving #2306
    • Fixed the issue where the position of the drop-down menu in Pagination did not change due to position changes 2307
    • Fixed ths issue that align not work when Table is virtualized @icwoker #2300
    • Fixed the issue that the tooltip cannot be triggered when the selected item in the trigger wants to display the tooltip (for example, the label is ReactNode and there is a tooltip, or renderSelectedItem is used to customize the rendering of the selected item, which has a tooltip) in the single-select, searchable, search box in the trigger TreeSelect #2291 #2292

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