Releases: DouyinFE/semi-design
Releases · DouyinFE/semi-design
v2.61.0
v2.60.1
v2.61.0-beta.0
- 【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
- 【Docs】
- 更新对 Transfer 的 filter API 说明 #2280
- 【Fix】
- 【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
- 【Fix】
- 【Style】
- 显式设置 Spin 下的 svg 的 display 属性为 inline，防止 tailwind 默认 svg 设置对 Spin 造成影响 #2272
- 【Fix】
- 【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
- 【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】
- 【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.stylecan 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
v2.58.1
- 【Design Token】
- Tabs 新增
$font-tabs_bar_large-fontSize$font-tabs_bar_medium-fontSize$font-tabs_bar_small-fontSize
- Tabs 新增
- 【Design Token】
- Tabs add
$font-tabs_bar_large-fontSize$font-tabs_bar_medium-fontSize$font-tabs_bar_small-fontSize
- Tabs add
v2.59.0-beta.0
- 【Feat】
- 【Fix】
- 【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】
- 【Chore】
- WebpackPlugin add cssLayer config
v2.58.0
- 【Feat】
- 【Fix】
- 【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