Skip to content

Releases: DouyinFE/semi-design

v2.67.0-beta.0

23 Sep 09:52
Compare
Choose a tag to compare
v2.67.0-beta.0 Pre-release
Pre-release
  • 【Feat】
    • Form 新增 onErrorChange 回调 #2484
    • Chat 组件支持通过 renderDivider 自定义渲染分割线 #2471
  • 【Fix】
    • 修复 PinCode 在非受控模式下,onChange 不触发的问题 #2509
    • 修复 PinCode value 为空字符串时 onChange 不触发的问题 #2502 @koderx
    • 修复 AutoComplete 选项多于一页时,使用键盘 ArrowUp、ArrowDown切换时无法自动滚动至视图中的问题 #1530
    • 修复 AutoComplete 的子组件 className 大小写与父组件(.semi-autocomplete)不一致的问题(.semi-autoComplete-option -> .semi-autocompelte-option),一致改为小写 #2501
    • 修改 Cascader, TreeSelect 当 emptyContent 为 null 的行为,同 Select 保持一致 #2476
    • 修复 Select 在 使用 IrenderOptionItem 时使用键盘上下键选择选项后,未能自动滚动至视图内的问题 #2263
    • Upload 在 React StrictMode 下上传请求无法正确发出的问题(影响范围 v2.64.0-2.66.1)#2410
    • 修复 Cascader 在有 suffix 并设置了 showClear 的情况下,清除图标位置和清除图标位置不同问题 #2493
  • 【Style】
    • 修改 Chat 组件聊天框中的图片展示以及输入框中的上传图片展示效果,从填充到保持宽高比例填充(object-fit 从 fill -> cover),防止图片变形 #2496
    • 将 Cascader 的 trigger 中内容区域和 icon 间距和 select/treeSelect 保持一致 #2472
    • 修复 Cascader 面板选项在 rtl 模式下,样式不符合预期问题 #2475
    • 修改 Cascader 中样式名称不合理的命名, undisabled -> enable #2494
    • 修改 Select 在设置 suffix 情况下,后缀和下拉图标的位置关系未与 TreeSelect/Cascader 保持一致问题(如有其他位置需求,可通过设置 flex 的 order 属性自行调整位置)#2493
    • 修复位于InputGroup中间位置的 InputNumber,DatePicker, Time Pick,AutoComplete的圆角不为 0 问题 #2489

  • 【Feat】
    • Form adds onErrorChange callback #2484
    • Feat: The Chat component supports custom rendering of dividing lines through renderDivider #2471
  • 【Fix】
    • Fixed the issue where onChange does not trigger in PinCode in uncontrolled mode #2509
    • fix the issue where onChange does not trigger when PinCode value is empty string #2502 @koderx
    • Fixed AutoComplete option when more than one page, when using keyboard ArrowUp, ArrowDown switch can not automatically scroll to view issue #1530
    • Fix the problem that the case of the child component className of AutoComplete is inconsistent with the parent component, and the consistent is changed to lowercase (.semi-autoComplete-option - > .semi-autocompelte-option)#2501
    • Modify the behavior of Cascader, TreeSelect when emptyContent is null, consistent with Select #2476
    • Fixed the issue that Select fails to automatically scroll to view after using the keyboard up and down keys to select options when using IrenderOptionItem #2263
    • Fixed Upload in React StrictMode request can not be post correctly (impact v2.64.0-2.66.1) #2410
    • Fixed the problem that when Cascader has suffix and showClear is set, the position of the clear icon and the position of the clear icon are different #2493
  • 【Style】
    • Modify the image display in the Chat component chat box and the uploaded image display effect in the input box, from filling to maintaining width-to-height ratio filling (object-fit from fill -> cover), prevent image deformation #2496
    • Keep the content area and icon spacing in Cascader's trigger consistent with select/treeSelect #2472
    • Fixed the issue where the style of Cascader panel options does not meet expectations in rtl mode #2475
    • Modify the unreasonable naming of style names in Cascader, undisabled -> enable #2494
    • Modify the problem that when suffix is ​​set in Select, the positional relationship between the suffix and the drop-down icon is not consistent with TreeSelect/Cascader. (If you have other position requirements, you can adjust the position by setting the order attribute of flex) #2493
    • Fixed the problem that the rounded corners of InputNumber, DatePicker, Time Pick, and AutoComplete located in the middle of the InputGroup are not 0 #2489

v2.66.1

12 Sep 08:10
Compare
Choose a tag to compare
  • 【Fix】
    • 优化 Datepicker 在马来语、俄语、越南语、阿拉伯语 的星期一-星期日的文案展示; 优化 Table 左下角文案在日语、印尼语、越南语时的展示 #2486

  • 【Fix】
    • Optimized Datepicker Copywriting in Malay (ms_MY), Russian(ru_RU), Vietnamese(vi_VN), Arabic(ar) Monday - Sunday. Optimize the display of text in Japanese, Indonesian, and Vietnamese in the lower left corner of the Table. #2486

v2.66.0

10 Sep 08:51
Compare
Choose a tag to compare
  • 【Fix】
    • 修复 Tooltip 在动画开启状态快速滑入并滑出,tooltip 正常消失但是 dom 不卸载的问题 #2461
    • 修复 Upload addOnPasting 在 SideSheet中无法上传的问题 #2478
    • 修复单选的 Cascader,在 React 版本大于 18 情况下,异步加载数据展开行为异常问题 #2212
    • 针对上个 Beta 新增的 快捷键组件 Hotkeys 进行了一些 API 的微调,更符合实际使用场景 #2463
  • 【Chore】
    • 新增 ConfigConsumer 导出,用于手动获取 ConfigProvider 内的值 #2468
    • HotKeys 增加 static Keys属性 @Nathon2Y #2463

  • 【Fix】
    • Fixed the issue where the Tooltip quickly slides in and out when the animation is on, and the tooltip disappears normally but the dom is not unloaded
    • Fixed Upload addOnPasting in Sidesheet could not be uploaded #2478
    • Fixed single-select Cascader, under React18, the expansion behavior is abnormal when loading data asynchronously #2212
    • Made some API tweaks for the Hotkeys component added in the previous Beta to make it more suitable for actual usage scenarios #2463
  • 【Chore】
    • Added ConfigConsumer export for manually obtaining ConfigProvider #2468
    • HotKeys adds static Keys property @Nathon2Y #2463

v2.66.0-beta.0

02 Sep 09:59
Compare
Choose a tag to compare
v2.66.0-beta.0 Pre-release
Pre-release
  • 【Fix】
    • 修复 Form.Upload 图片墙模式下 error 样式被遮挡问题 #2449
    • 修复 Collapse Tabs 在 tab 设置为 jsx 情况下会崩溃问题(影响范围:2.65.0 ) #2464
    • 修复 Dropdown onVisibleChange 在一些场景未定义时报错的问题 #2454
    • 修复 Chat 组件内容显示部分解析未转义字符时候的 SyntaxError #2452
    • 修复 Chat 组件在消息流式更新的同时,滚动消息列表,消息流式更新会导致列表意外滚动到底部问题 #2451
  • 【Feat】
    • Tabs 增加 slash 类型 #2416
    • Tabs 的 renderArrow 支持 defaultNode 参数 #2416
    • Tabs 的所有类型支持 closable (此前仅 card 类型支持 closable) #2416
    • Tabs 支持通过dropdownProps API 设置滚动折叠模式下的 dropdown 参数 #2416
    • 添加快捷键组件,支持用户自定义快捷键组合并触发回调 @Nathon2Y #2418
  • 【Chore】

  • 【Fix】
    • Fixed the issue that the error style was blocked in Form.Upload image wall mode
    • Fixed the issue that Collapse Tabs crashes when the tab is set to jsx (affected range: 2.65.0 )
    • Fixed the issue that Dropdown onVisibleChange reported an error when it was not defined in some scenarios
    • Fixed SyntaxError when parsing unescaped characters in Chat component message box
    • Fixed the issue where the Chat component scrolls the message list while the message is being updated streaming. The streaming update of message will cause the list to unexpectedly scroll to the bottom.
  • 【Feat】
    • Tabs add slash type
    • renderArrow of Tabs support defaultNode param
    • All types of Tabs support closable (previously only the card type supported closable)
    • Tabs supports setting dropdown parameters in collapsible mode through dropdownProps API
    • create KeyboardShortCut,user can define shortcut key combinations and trigger callbacks. @Nathon2Y
  • 【Chore】
    • The size API type of Avatar and AvatarGroup has been changed to string #2443 #2446

v2.65.0

23 Aug 11:00
Compare
Choose a tag to compare
  • 【Fix】
    • 修复 Slider 在 range 受控模式下,拖动一个 handle 可能导致另一个 handle 抖动的问题 #2438 #2442
    • 修复 Slider,在 range 模式下,min handler 可以拖动到 max handler 右侧,意外交换两个 handler 的问题 #2438 #2442
    • 修复 Button 在 children 直接传入 icon 时,垂直方向不居中的问题 #2402 #2440
    • 修复 markdown render 渲染仅包含标题的表格时崩溃 #2436 @tgz

  • 【Fix】
    • Fixed the problem that when Slider is in range controlled mode, dragging one handle may cause another handle to shake #2438
    • Fixed the problem that when Slider is in range mode, the min handler can be dragged to the right of the max handler, accidentally swapping the two handlers #2438
    • Fixed the issue that Button is not vertically centered when icon is passed directly to children #2402
    • fix ui crash when render markdown data only only includes heading definitions #2436 @tgz

v2.65.0-beta.0

20 Aug 13:05
Compare
Choose a tag to compare
v2.65.0-beta.0 Pre-release
Pre-release
  • 【Feat】
    • 优化 Table 的排序交互,仅有排序功能时,支持点击整个表头column触发排序。Column 支持 showSortTooltip API支持设置是否显示 tooltip,默认为 true #2413
    • MarkdownRender 支持 RemarkPlugin 和 RehypePlugins 插件 #2433
    • Tree、TreeSelect 的 renderLabel API 增加 searchWord 参数,用于透出当前搜索框输入值 #2412
    • Datepicker 支持 leftSlot、rightSlot @LuyangFE #2409
    • Typograph 组件支持自定义复制区域渲染 @sylingd #2408
  • 【Perf】
    • 优化 Input、TextArea getValueLength 判断次数 #2432
  • 【Chore】
    • Image 组件 interface 支持原生 img 元素属性 #2427
  • 【Fix】
    • 修复 Chat 中消息为空数组时,发送消息后的类型错误 #2411
    • 修复 Table aria-level 在树形数据为空时错误的问题 #2359
    • 修复 Table 树形数据为空且 expandIcon 为 false时缩进错误的问题 #2425
    • 修复 Collapse Tabs 在快速点击左右箭头情况下造成的箭头禁用情况不正确问题 #2415
    • 修复 Chat 组件在 showStopGenerate 为 true 时,消息的 status 为 error 会展示停止按钮问题 #2422
    • 修复 Cascader 搜索后以及多选,弹出层的位置未重新计算,导致内容较长的面板被遮挡问题 #2417
    • 修复 Cascader 多选场景,通过点击 trigger 中已选项的关闭 icon 取消选中,弹出层位置未重新计算问题 #2417
    • 修复 DatePicker 点击选择的日期两次后,选中态颜色丢失 #2389

  • 【Feat】
    • MarkdownRender now supports RemarkPlugin and RehypePlugins plugins. #2433
    • The renderLabel API of Tree and TreeSelect has added a searchWord parameter to expose the currently input value in the search box. #2412
    • Optimize the sorting interaction of Table. When there is only sorting function, click on the entire table header column to trigger sorting. Column supports the showSortTooltip API to set whether to display the tooltip, and the default is true #2413
    • Datepicker supports leftSlot and rightSlot. @LuyangFE #2409
    • Typograph support custom render copy trigger @sylingd #2408
  • 【Perf】
    • Optimized the judgment times of getValueLength for Input and TextArea. #2432
  • 【Chore】
    • The Image component interface supports native img element attributes. #2427
  • 【Fix】
    • Fixed the type error after sending a message when the messages in Chat are an empty array. #2411
    • Fixed the incorrect problem of Table aria-level when tree data is empty. #2359
    • Fixed the incorrect disabling of arrows in Collapse Tabs when quickly clicking left and right arrows. #2415
    • Fixed the problem that when showStopGenerate of Chat component is true and the status of a message is error, the stop button is displayed. #2422
    • Fixed the problem that in Cascader, after searching and in multiple selection scenarios, the position of the pop-up layer is not recalculated, resulting in a long panel being blocked. #2417
    • Fixed the problem that in Cascader's multiple selection scenario, when unselecting by clicking the close icon of an existing option in the trigger, the position of the pop-up layer is not recalculated. #2417
    • Fixed the loss of the selected state color after clicking the selected date twice in DatePicker. #2389

v2.64.0

13 Aug 04:28
Compare
Choose a tag to compare
  • 【Feat】
    • 新增 颜色选择器 ColorPicker 组件,用户快速选择颜色,支持滴管屏幕取色 #2218
  • 【Fix】
    • 修复 Tooltip triggerDOM 特殊场景下未定义的问题 commit

  • 【Feat】
    • Added the ColorPicker component, which allows users to quickly select colors and supports eyedropper screen color selection. #2218
  • 【Fix】
    • Fix Tooltip triggerDOM not defined in some case commit

v2.63.1

29 Jul 04:05
Compare
Choose a tag to compare

v2.63.0

26 Jul 09:56
Compare
Choose a tag to compare
  • 【Fix】
    • 修复 TimePicker 在 onChangeWithDateFirst false 情况下为先选后一个时间导致 invalid time value 问题 #2376
  • 【Style】
    • 修复 Cascader 在无选项情况下,emptyContent 在hover时,背景色会超出弹出层区域 #2377
    • 修复 Sass 版本大于等于 1.77.7,不推荐使用嵌套规则后的声明问题 #2366 #2370
    • 增加 Upload 组件中上传错误的 icon 的 font-size 设置的优先级,防止因为编译后 css 文件顺序导致生效的 font-size 不一致问题 #2372
  • 【Chore】
    • 修复 Form 中 formAPI 缺少 getFormProps 类型定义问题 #2367

  • 【Fix】
    • fix the issue that when TimePicker selects a later time first, the invalid time value will be caused when onChangeWithDateFirst is false #2376
  • 【Style】
    • Fixed the problem that when Cascader has no options and the emptyContent is hovering, the background color will exceed the popup layer area.
    • fixed the problem that the use of declarations after nested rules is currently deprecated in Sass(version >= 1.77.7) #2366
    • Increase the priority of the font-size settings of uploaded wrong icons in the Upload component to prevent font-size inconsistencies in effect due to the order of compiled css files.
  • 【Chore】
    • Fix the problem of missing getFormProps type definition in formAPI in Form#2367

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