• Major version: Significant performance / usage changes
• Minor version: Semi releases a minor version every two weeks, including changes of the following types: new components/features added, or style changes: New component added / new feature
• Patch version: Only include bug fix, the release time is not limited

🎉 2.70.0-beta.0 (2024-11-18)

Version Diff

• 🔧【Fix】
  • When all items except the disabled item in the left panel of transfer are selected, the operation button should display Cancel all selections #2575
  • fix resizeItem size offset caused by float，invalid min/max setting caused by browser resizing and incorrect behavior in react strictMode @Nathon2Y
  • Fix the problem that the placeholder of TreeSelect is blocked when single selection and search box are in trigger, affecting versions v2.61.0 - 2.69.0
• 🎁【Feature】
  • direction in ResizeGroup can be dynamic @Nathon2Y
  • MarkdownRender adds the remarkGfm switch to prevent errors reported by lower versions of Safari that do not support lookaround assertions

🎉 2.69.1 (2024-11-15)

Version Diff

• 🔧【Fix】
  • fix the issue that MonthRange DatePicker does not jump when clicking on a non-disabled year when there is a disabledDate
  • Fixed the problem that when ArrayField is conditionally rendered, the first click of add fails to add rows correctly.
  • fixed incorrect translation of Table pageText in Japanese scenarios

🎉 2.69.0 (2024-11-08)

Version Diff

• 🔧【Fix】
  • The clip-rule & stroke-width in the @douyinfe/semi-illustrations package are modified to clipRule & strokeWidth

🎉 2.69.0-beta.0 (2024-11-04)

Version Diff

• 🎁【Feature】
  • In Chat's custom rendering message box, renderChatBoxAvatar adds message parameter. #2557
  • Add defaultActionsObj parameter to renderChatBoxContent in Chat's custom rendering session box to reveal detailed node parameter information #2557
  • Chat's custom rendering input box adds the detailProps parameter to transmit detailed node parameter information #2557
  • Navigation adds subDropdownProps support #2555
• 🔧【Fix】
  • Fixed a TypeError in Chat's message comparison logic when the previous and later messages are different empty arrays #2557

🎉 2.68.4 (2024-11-04)

Version Diff

• 🔧【Fix】
  • Fixed the issue with Chat Foundation where the React-specific event.persist call causes compatibility problems with adapters for other frameworks. #2543 @rashagu
• 💅【Style】
  • Fixed the issue where the placeholder opacity is incorrect after clicking the clearIcon and losing focus when both filter and showClear are enabled in Select. #2547
  • Modified the align-items property of the Chat component styles from start/end to flex-start/flex-end to avoid potential CSS compilation warnings in some projects. 2546

🎉 2.68.3 (2024-10-23)

Version Diff

• 🔧【Fix】
  • Fixed the issue of incorrect option text display after clicking the expand button in the search state when keyMaps is set for TreeSelect.#2541

🎉 2.68.2 (2024-10-21)

Version Diff

• 🔧【Fix】
  • fix $z-resizable_handler token undefined issue, affecting versions v2.68.0-beta.0 - 2.68.1 #2539

🎉 2.68.0 (2024-10-18)

Version Diff

• 🔧【Fix】
  • fix IllustrationFailure and IllustrationNoContent curves are not completely closed in light mode
  • fixed Table typings not work bug caused by react-window dependency #2477

🎉 2.68.0-beta.0 (2024-10-16)

Version Diff

• 💡【New Component】
  • Added a resizable box component that adjusts its size based on user mouse drag actions. Component adds Token z-resizable_handler (if the user uses a custom theme, they need to republish the theme to obtain the token)@Nathon2Y #2458
• 🎁【Feature】
  • Datepicker's onClickoutSide adds event parameter #2531
  • Cascader adds expandIcon API to support user-defined expansion icons #2513

🎉 2.67.2 (2024-10-16)

Version Diff

• 🔧【Fix】
  • Fixed the phenomenon that the background color does not match expectations in some special theme package configurations when Select disabled and focus is disabled #2532
  • fix icon Spin uses a fixed id, resulting in an unexpected display in Tabs #2526
  • Fixed the issue of incorrect width of Cascader panel icon, affecting versions 2.67.0～2.67.1 #2529
• ✨【Design Token】
  • Select add token： $color-select_input_disabled-border-focus、$color-select_input_disabled-border-focus
  • Newly added $width-cascader-option-icon is used to represent the width of the icon in the panel#2529

🎉 2.67.1 (2024-10-11)

Version Diff

• 🔧【Fix】
  • Fixed the issue that after closing the Select popup using the close method, clicking the outer area cannot remove the focus style
  • Fixed Datepicker selected value does not show when value is controlled （affects v2.64 ~ v2.67） #2521
  • Fixed the issue that Rspack plugin does not work on win32 platform

🎉 2.67.0 (2024-09-27)

Version Diff

• 🔧【Fix】
  • Fix Typography error in omitting calculation when the strong attribute is true @pandoralink #2506

🎉 2.67.0-beta.0 (2024-09-23)

Version Diff

• 🎁【Feature】
  • 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

🎉 2.66.1 (2024-09-12)

Version Diff

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

🎉 2.66.0 (2024-09-10)

Version Diff

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

🎉 2.66.0-beta.0 (2024-09-02)

Version Diff

• 💡【New Component】
  • create Hotkeys component，user can define shortcut key combinations and trigger callbacks. @Nathon2Y
• 🎁【Feature】
  • 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
• 🔧【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.
• 🗃【Chore】
  • The size API type of Avatar and AvatarGroup has been changed to string #2443 #2446

🎉 2.65.0 (2024-08-23)

Version Diff

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

🎉 2.65.0-beta.0 (2024-08-20)

Version Diff

• 🎁【Feature】
  • 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
• 🚀【Performance】
  • 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

🎉 2.64.0 (2024-08-12)

Version Diff

• 🔧【Fix】
  • Fix Tooltip triggerDOM not defined in some case commit

🎉 2.64.0-beta.0 (2024-08-05)

Version Diff

• 🎁【Feature】
  • Events with exactly the same start and end times in Calendar day view are displayed side by side without covering each other
  • Added the ColorPicker component, which allows users to quickly select colors and supports eyedropper screen color selection.
• 🔧【Fix】
  • Fixed an issue where after the mouse wheel zoomed the picture, dragging the picture would reset to the center position after zooming again.@l123wx #2293
  • fix modal 'document not defined' in ssr. (Bug version 2.62.0~2.63.0)
  • fixed DatePicker selected value is not reset after close panel #2387
  • When the searchRender of the Tree is false, remove the excess height at the top
  • Fixed the issue that onChange, onError, and onSuccess callbacks may still be triggered by asynchronous upload requests after the component is uninstalled

🎉 2.63.0 (2024-07-26)

Version Diff

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

🎉 2.63.0-beta.0 (2024-07-22)

Version Diff

• 💡【New Component】
  • Added Chat component for rendering conversation list #2248
• 🎁【Feature】
  • 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

🎉 2.62.1 (2024-07-16)

Version Diff

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

🎉 2.62.0 (2024-07-12)

Version Diff

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

🎉 2.62.0-beta.0 (2024-07-05)

Version Diff

• 💡【New Component】
  • 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
• 🎁【Feature】
  • TreeSelect, Cascader supports closing the popup layer through the esc key
• 💅【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

🎉 2.61.0 (2024-06-24)

Version Diff

• ✏️【Documentation】
  • Add web components adaptation docs #2313

🎉 2.61.1 (2024-06-19)

Version Diff

• 🔧【Fix】
  • Fixed the problem in Typography that icon size and size settings are not consistent, affecting version 2.59.0-2.60.1 #2308

🎉 2.61.0-beta.0 (2024-06-18)

Version Diff

• 🎁【Feature】
  • 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

🎉 2.60.0 (2024-06-07)

Version Diff

• ✏️【Documentation】
  • 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

🎉 2.60.0-beta.0 (2024-06-04)

Version Diff

• 🔧【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 (https://github.com/DouyinFE/semi-design/pull/2247)
• 💅【Style】
  • Explicitly set the display attribute of the svg under Spin to inline to prevent the tailwind default svg setting from affecting Spin.

🎉 2.59.1 (2024-05-29)

Version Diff

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

🎉 2.59.0 (2024-05-24)

Version Diff

• 🗃【Chore】
  • FormApi setValue update interface define, optimizing nested paths #1737
  • Remove inappropriate dependency declarations in @douyinfe/semi-theme-default #2252
• 🔧【Fix】
  • Fixed the problem that the Form validate result cannot be returned normally in the dev environment when StrictMode is turn on @nekocode #2210

🎉 2.59.0-beta.0 (2024-05-20)

Version Diff

• 🎁【Feature】
  • 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.
  • 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 issue where the overflow tab did not scroll into view when the activeKey changed. #2241 @l123wx
  • Fixed Slider triggers events at abnormal timing in special scenarios @zzc6332
  • Fixed the issue that the transparent className style of renderFulllabel in the Tree component is restricted by the li tag
• 🗃【Chore】
  • WebpackPlugin add cssLayer config

🎉 2.58.1 (2024-05-22)

Version Diff

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

🎉 2.58.0 (2024-05-11)

Version Diff

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

🎉 2.58.0-beta.0 (2024-05-06)

Version Diff

• 🎁【Feature】
  • 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

🎉 2.57.0 (2024-04-26)

Version Diff

• 🔧【Fix】
  • Fixed the issue where the asynchronous verification results will still be written to formState after Field is uninstalled @sylingd #2206
  • Fixed the problem of TreeSelect controlled value, defaultExpandedKeys is set, and when loading treeData remotely, defaultExpandedKeys does not take effect (affects version 2.49.2-2.56.3) #2191
  • Remove invalid css rules in Banner .semi-banner-content #2204
  • Fixed the problem that when the Tooltip is mounted, if the Cursor is already on the trigger's dom, and React reuses the trigger dom as the children of the tooltip, the tooltip will not be displayed #2199
  • Fixed the problem that the selected items are not exposed through triggerRender in TreeSelect when multi-select, custom trigger, and checkRelation is unRelated #2188
  • Fixed the issue where the autoFocus cursor does not scroll to the end when setting defaultValue in Input and TextArea in the case of long text #2193
• ✨【Design Token】
  • Checkbox add $color-checkbox_cardType-border-default #2208

🎉 2.57.0-beta.0 (2024-04-22)

Version Diff

• 🔧【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.
• 🎁【Feature】
  • 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

🎉 2.56.3 (2024-04-19)

Version Diff

• 🔧【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
• ✏️【Documentation】
  • Data visualization documentation updates

🎉 2.56.2 (2024-04-17)

Version Diff

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

🎉 2.56.1 (2024-04-15)

Version Diff

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

🎉 2.56.0 (2024-04-12)

Version Diff

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

🎉 2.56.0-beta.0 (2024-04-03)

Version Diff

• 🎁【Feature】
  • 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

🎉 2.55.5 (2024-04-02)

Version Diff

• 🔧【Fix】
  • Fixed a type error caused by value not being in treeData when checkRelation in the Tree component is unRelated. #2147
  • Fix type error in controlled Cascader where value is not in TreeData #2146
  • 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) #2148

🎉 2.55.3 (2024-04-01)

Version Diff

• 🔧【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. #2139

🎉 2.55.1 (2024-03-25)

Version Diff

• 🔧【Fix】
  • Fix: Fix collapse & collapsible keepDOM failure problem (affects versions 2.54.0-beta.0 ~ 2.55.0) #2140
  • Fix: Correct the default value of lazyRender for collapse, from true set in 2.54.0 to a more appropriate false, keeping the use cases where lazyRender is not set consistent with the behavior before 2.54 (affects versions 2.54.0-beta.0 ~ 2.55.0) #2140

🎉 2.55.0 (2024-03-22)

Version Diff

• 🔧【Fix】
  • Fix the problem that the Table header selection state is incorrectly selected when the data is empty (affects v2.51 ~ v2.54) #2128
  • Fix the problem of Split Button losing style when children Button className changes

🎉 2.55.0-beta.0 (2024-03-18)

Version Diff

• 🔧【Fix】
  • fix TabBar rendering as empty in SSR @nekocode
  • Fixed the problem that Transfer failed to drag during fast drag due to Sortable's default drag sensing delay time being too long.
  • Fixed the problem of openKeys not saving the last state after Nav changed selectedKeys (Affects v2.54.1) #2115
• 🗃【Chore】
  • Upgraded webpack and rspack build plug-ins to support consuming custom css configuration configured in Semi DSM, which can be used to aggregate overridden CSS or any css unrelated to Semi components into theme package styles

🎉 2.54.1 (2024-03-11)

Version Diff

• 🔧【Fix】
  • fixed Navigation component selectedKeys bug in react 17
  • fixed Navigation component openKeys does not work after selectedKeys is updated

🎉 2.54.0 (2024-03-08)

Version Diff

• 🔧【Fix】
  • Fix the problem that the width occupied by the expand button is not taken into account in js truncation calculation, The scope of impact is 2.54.0-beta.0.
• 🗃【Chore】
  • Upload adds FileItemStatus TS interface export

🎉 2.54.0-beta.0 (2024-03-04)

Version Diff

• 🎁【Feature】
  • Toast component supports theme global configuration @LonelySnowman #2099
  • Collapsible adds lazyRender API @changlin2569 #2100
  • Descriptions component supports horizontal layout @LonelySnowman #1534
  • Cascader supports calling the search method through ref #2098
  • ImagePreview adds onDownLoadError callback API #2093
• 🔧【Fix】
  • Fixed the problem that Table expandedRowKeys and defaultExpandAllGroupRows do not take effect when used at the same time #2085
  • Fixed the problem of Typography's Ellipsis function flickering on first hover in some special scenarios #2107

🎉 2.53.3 (2024-02-26)

Version Diff

• 🔧【Fix】
  • Fix Avatar border type error

🎉 2.53.2 (2024-02-26)

Version Diff

• 🔧【Fix】
  • Fixed the error accessing empty element in React ResizeObserver @nekocode

🎉 2.53.1 (2024-02-26)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when using timeZone and disabledHours at the same time in TimePicker, the displayed value does not meet the expectations #2083
  • Fixed Badge component prop-types check error when type is success @matozz #2091

🎉 2.53.0 (2024-02-23)

Version Diff

• 🔧【Fix】
  • Fixed the issue where Sidesheet Portal is still mounted when visible is not displayed #2094
  • Fixed the problem of incorrect definition of onKeyDown parameter type of TagInput
• ✏️【Documentation】
  • Fixed tabPosition parameter type error in Tabs component documentation @miyuesc #2090

🎉 2.52.3 (2024-02-22)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the panel does not display the selection if the value type is number in Cascader's treeData (Affected version range v2.51.0-v2.53.2)

🎉 2.52.2 (2024-02-19)

Version Diff

• 🔧【Fix】
  • Fixed the problem that ResizeObsever does not exist in non-browser environments. (Affected version range 2.52.1, 2.53.0-beta.0)

🎉 2.52.1 (2024-02-18)

Version Diff

• 🔧【Fix】
  • Fixed the problem of using themes on vite to report errors (Affected version range 2.52.0)
• 🗃【Chore】
  • remove ResizeObserver polyfill

🎉 2.53.0-beta.0 (2024-02-08)

Version Diff

• 🚀【Performance】
  • Improve the performance of Typography when Ellipsis is turned on, and reduce the number of renders and calculations #1970
  • Remove redundant clone operations; for necessary clone operations, use fast-copy's copy call to replace lodash's cloneDeep call. Involved components: DatePicker, Table, OverflowList, Form, Tree, TreeSelect, Cascader #2002
• 🎁【Feature】
  • Support global setting of default Props for some components #2029

🎉 2.52.0 (2024-02-06)

Version Diff

• 🔧【Fix】
  • Add overflow-y:auto to Dropdown to prevent incorrect styling when setting border-radius
  • Fixed the problem that onBlur is not triggered when clicking outside the Select button after clicking the clear button. #1989
  • Fixed Image request undefined url in some case. #2063 @nekocode
  • Fixed timepicker value props give undefined cause type error. #2066
  • Fixed the issue where Cascader's options panel displays all options when search content is English commas
  • Fixed the problem of multi-selection and showClear's Cascader. After clicking the clear button, the options panel did not switch from the search state to the normal state.
  • Fixed the issue of incorrect border width token in Select part
  • Fixed the problem of inaccurate positioning when the popupCountainer of the floating layer component or its parent is scaled
  • Fixed rowSelection hidden bug in resizable Table #2036
  • Fixed the problem that after clicking the clear button in Datepicker, the year and month values of the panel would not be restored to the initial state.
  • Fixed infinite update bug triggered by passing illegal value NaN in DatePicker prop value #1846
  • Fixed the problem that there is no className of Option in the renderOptionItem input parameter of Select
  • Fixed the issue where the original overflow: hidden on the body will be deleted when modal is uninstalled without opening it. (version range 2.51.0~2.51.3)
• 🗃【Chore】
  • Form withField introduces the type declaration of utility-types from import to import type (which has no impact)

🎉 2.52.0-beta.0 (2024-01-31)

Version Diff

• 🔧【Fix】
  • Fixed Table getCurrentPageData type @marshcat0
  • Fixed the problem that the onClick function of the Dropdown click submenu event is executed too early, which may cause the user to be unable to focus on the Dropdown external element and trigger the Blur of the external element within the onClick function. The scope of impact is 2.43.0-beta.0 ~ 2.50.0-beta .0.
• 🎁【Feature】
  • Avatar adds border bottomSlot topSlot to control the border and add additional top and bottom content, and adds contentMotion and border motion to enable additional motion effects.
  • Added footerFill API to the Modal configuration item, which is used to control whether the default bottom buttons of Modal are fully arranged.
  • Slider add handleDot api to whether to show the dot inside the slider handle.
  • Table support renderFilterDropdown #2015
  • RowSelection of Table component adds renderCell to render selection @changlin2569
  • TreeSelect component support onClear API #1331 @changlin2569
  • DatePicker support presets start and end function type #2038

🎉 2.51.4 (2024-01-31)

Version Diff

• 🔧【Fix】
  • Fixed the problem that after Cascader's key generation rules in keyEntities changed, the value parameter in triggerRender's parameters was inconsistent with the original one (Affected Scope 2.51.0~2.51.3) #2051

🎉 2.51.3 (2024-01-19)

Version Diff

• 🔧【Fix】
  • Fixed Table propTypes is removed in prod mode

🎉 2.51.2 (2024-01-19)

Version Diff

• 🔧【Fix】
  • Fixed TextArea autoSize is not work when textarea resize #2026
  • Fixed controlled DatePicker input value is wrong when type is dateTimeRange and needConfirm is opened #2024
  • Fixed the problem of triggering onClose/onPreview twice when clicking the edge of the close button in the preview state in the ImagePreview component #2027

🎉 2.51.1 (2024-01-18)

Version Diff

• 🔧【Fix】
  • Unloading the Modal directly when the Modal is not collapsed may cause the page to scroll abnormally. #2023

🎉 2.51.0 (2024-01-12)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when a TextArea with maxLength is input in Chinese, clicking outside triggers blur, and the echoed content does not comply with the maxLength setting #2005
  • Fixed typeError in Cascader when autoMergeValue is false and value is [][#2017](https://github.com/DouyinFE/semi-design/pull/2017)
• 💅【Style】
  • The default zIndex value of ImagePreview's preview layer is adjusted from 1000 to 1070

🎉 2.51.0-beta.0 (2024-01-09)

Version Diff

• 🎁【Feature】
  • Dropdown.Item supports transparent transmission of data-* attributes to dom
  • ImagePreview adds previewCls and previewStyle for setting the preview style
  • Image adds onClick API
• 🚀【Performance】
  • Optimize Cascader's stuck problem when thousand-level leaf nodes are selected under multi-selection, leafOnly, searchable, and controlled conditions #1999
• 🔧【Fix】
  • Fixed the problem that the table header is not selected when all rows of Table are selected and disabled #2001
  • Fixed the issue where the controlled AutoComplete configured with onSelectWithObject reported an error when clicking the clear button #2013
  • Fixed the problem of creating portal DOM node by default when Image is not displayed #2004
  • Fixed the problem that the closable parameter of Image does not take effect

🎉 2.50.1 (2024-01-04)

Version Diff

• 🔧【Fix】
  • Fixed the indentation error problem when renderingFullLabel after Tree supports showLine（scope of impact: v2.50.0）#2007
  • After Tree supports showLine, the connection line and option text partially overlap in rtl mode (scope of impact: v2.50.0) #2007
• 💅【Style】
  • Fixed the font-weight error of the active item in BreadCrumb(scope of impact: v2.47-2.50) #2008

🎉 2.50.0 (2024-01-02)

Version Diff

• 🔧【Fix】
  • When opening a preview in ImagePreview and switching preview images, Zoom changes do not need to be exposed through onZoomIn/onZoomOut callbacks #2000
  • Fixed the issue of unexpected onRotateLeft callback being triggered when switching images during image preview

🎉 2.50.0-beta.0 (2023-12-26)

Version Diff

• 🎁【Feature】
  • Tree, TreeSelect add showLine api. #1801 @Yan-XiaoMing
  • Table column support sortIcon
• 💅【Style】
  • Modify the CSS implementation of the indentation of each line of the Tree/TreeSelect option. There is no limit to the indentation level greater than 20 levels. @Yan-XiaoMing
• 🔧【Fix】
  • Fixed the problem that types of Id in Notification is not correct.

🎉 2.49.2 (2023-12-26)

Version Diff

• 🔧【Fix】
  • Fixed the problem of Select failing to select option after clicking outside when the selection is radio (scope of impact v2.49.0)
  • Fixed the problem that showFilteredOnly does not take effect in TreeSelect controlled expandedKeys #1542
  • Fixed the problem that when the DatePicker type is monthRange, the limited date range does not meet the expectations.
  • Fixed vertical basic step style error when setting box-sizing to border-box globally. #1985
  • Remove the optional type setting of props of triggerRender of TreeSelect/Select #532
  • Fixed an issue where Notification.addNotice() did not use the global configuration set via Notification.config() @lideming

🎉 2.49.0 (2023-12-15)

Version Diff

• 🔧【Fix】
  • Image supports zooming via panel and mouse scrolling anywhere on the preview page #1890
  • The initial size of the Image preview has been adjusted. Before adjustment, the initial size of the preview is to fit the width and height of the page; after adjustment, if the width and height of the image are smaller than the width and height of the page, the initial width and height of the preview will be the same as the width and height of the image, otherwise the preview will be scaled to fit the width and height of the page.#1890
  • fixed the problem that after selecting a radio option, clicking outside does not trigger the onblur event #1977

🎉 2.49.0-beta.0 (2023-12-11)

Version Diff

• 🎁【Feature】
  • Table supports keepDOM and does not destroy folded rows when folding #1969
  • Calendar adds the minEventHeight api to support the display of the event dom structure with a minimum height when the event start and end are very close in day, multi-day and week views #702
  • Timepicker adds stopPropagation to determine whether to prevent click events on the popup layer from bubbling #1966
  • The SideSheet component supports custom closeIcon @LonelySnowman #1948
• 🔧【Fix】
  • Fixed the issue where the tooltip on the Slider handle occasionally flickers when dragging #1935
  • Fixed typography JS truncation calculation error for non-wrapped text @marshcat0
  • Fixed the issue where Radio pure card clicks on the hotspot incorrectly under Safari @nekocode #1959
• ✏️【Documentation】
  • Add VChart chart introduction

🎉 2.48.0 (2023-12-01)

Version Diff

• 🔧【Fix】
  • fixed the issue of incorrect defaultValue setting when TimePicker format is HH. (Note: If the value type originally passed in default or value is illegal, for example, a timestamp in numeric format is passed in in string form, type conversion will no longer be attempted)
• ✏️【Documentation】
  • add @douyinfe/semi-icons-lab description

🎉 2.48.0-beta.0 (2023-11-27)

Version Diff

• 🎁【Feature】
  • Slider adds showMarkLabel to control the visibility of the label, tooltipOnMark to display the tooltip on the mark, and showArrow to control the visibility of the tooltip triangle.
  • String type avatar, the character length can be automatically adjusted according to the width of the avatar #1917 @LonelySnowman
• 🔧【Fix】
  • fixed virtualized Table showHeader bug #726

🎉 2.47.1 (2023-11-28)

Version Diff

• 🔧【Fix】
  • Fixed the problem of incorrect list filtering after filter when Option is used in Select Group grouping scenario and the key attribute is not explicitly declared. Effect version range: v2.46.0 ~ v2.47.0 #1939
  • Fixed the problem of clicking on Dropdown item when there is no onClick. Effect version v2.47.0 #1936

🎉 2.47.0 (2023-11-17)

Version Diff

• 🔧【Fix】
  • fixed Table pagination bug when given pageSize and showSizeChanger at same time #1885
  • Fixed the problem that the right and middle click of Dropdown Item will also trigger onClick #1914 (Effect version range: 2.43.0-beta.0 ~ 2.46.1)

🎉 2.47.0-beta.0 (2023-11-15)

Version Diff

• 🎁【Feature】
  • Tree/TreeSelect supports keyMaps API for customizing fields in nodes #1274 #316
  • The DatePicker insetInput type supports pasting a legal date string into the first input box and automatically splitting the date and time and selecting the corresponding date #1787
  • Table sorter supports sortOrder parameter #1897
  • add popconfirm api showCloseIcon #1898 @Yan-XiaoMing
• 【Design token】
  • Typography add $font-typography_normalText-regular-fontWeight $font-typography_smallText-regular-fontWeight $font-typography_normalParagraph-regular-fontWeight $font-typography_smallParagraph-regular-fontWeight #1878
  • Add $color-button_disabled-bg-primary $color-button_disabled-bg-secondary $color-button_disabled-bg-danger $color-button_disabled-bg-warning $color-button_disabled-bg-tertiary $color-button_disabled_light-bg-primary $color-button_disabled_light-bg-secondary $color-button_disabled_light-bg-danger $color-button_disabled_light-bg-warning $color-button_disabled_light-bg-tertiary #1904
  • Add --semi-color-data-0 series css variables #1907

🎉 2.46.1 (2023-11-07)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Pagination popoverZIndex does not take effect on SizeChanger

🎉 2.46.0 (2023-11-03)

Version Diff

• 🔧【Fix】
  • Fixed the problem that "x more" is not displayed after updating the event when the Calendar height is not enough to accommodate an event.
  • Fixed the inconsistent order of onBlur callback and onSelect callback in AutoComplete #1880
  • Fixed the problem that when Select uses JSX to pass in Option, the key passed in Option does not take effect during rendering.

🎉 2.46.0-beta.0 (2023-10-30)

Version Diff

• 🎁【Feature】
  • Typography's showTooltip API adds renderTooltip to support custom rendering pop-up layer components #1853
• 🔧【Fix】
  • Fixed formatter error issue when InputNumber is in controlled mode and focused #1870
  • Fixed ide dom error in ssr #1875 @tank0317
  • Fixed an issue in Cascader that loads data asynchronously due to untimely updating of loadingKeys resulting in incorrect node status when loading is completed. #1867
  • Fixed the problem of TypeError caused by the destructured data in TreeSelect being null
• ✨【Design Token】
  • Select Add color-select-option-bg-selected #1871

🎉 2.45.0 (2023-10-20)

Version Diff

• 🔧【Fix】
  • resizable Table width reset to initial bug（Affected v2.32~v2.44）
  • Fixed the problem of incorrect update of select ellipsisTrigger under certain boundary conditions
  • Fixed the problem of asynchronous loading of data in Tree/TreeSelect where checkRelation is unRelated, causing the selected status to be lost.
  • Fixed the issue of selecting ellipsisTrigger displaying more quantities incorrectly #1560 @Jon-Millent

🎉 2.45.0-beta.0 (2023-10-13)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when Select virtualization and renderCreateItem are used at the same time, the display position of custom creation options is incorrect. #1856
  • Remove the redundant comparison of whether TreeData has changed in getDerivedState of TreeSelect/Tree
• ✨【Design Token】
  • Anchor add $color-anchor_title_active-text-hover $color-anchor_title-bg $color-anchor_title_active-bg
  • Datepicker Add $color-datepicker_range_trigger-border-focus
• 🎁【Feature】
  • Notification support modify exist notification content.
  • Tooltip API spacing supports defining distances on two axes
  • Textarea autosize support object prop {minRows: number, maxRows: number} @hehehai

🎉 2.44.0 (2023-09-22)

Version Diff

• 🔧【Fix】
  • Fixed the problem of incomplete display/non-display of Image when the height is very small #1838
  • Fixed the issue of incorrect styles of some Step pseudo-classes #1836

🎉 2.44.0-beta.0 (2023-09-19)

Version Diff

• 🎁【Feature】
  • Cascader's search results panel supports virtualization #1815
  • Tag added API: suffixIcon, prefixIcon #1832
• 🔧【Fix】
  • Fixed the problem of abbreviated text failure when the display of wrapped span is set to inline-block when the default text content of Tooltip is set #1831
  • Update tooltip autoAdjustOverflow strategy. When there is insufficient space in the original direction of the viewport and sufficient reverse space, it will be uniformly converted to the reverse direction #1812

2.43.2 (2023-09-15)

Version Diff

• 💅【Style】
  • When the Popconfirm icon is null, the body part does not retain the marginLeft left spacing. #1828
  • Table column filter Dropdown increases the default maximum height to 290px #1647
• ✨【Design Token】
  • Table add new token： $height-table_column_filter_dropdown
• 🔧【Fix】
  • Fixed the problem that the rendering result of Calendar month view event does not meet expectations #1825

2.43.1 (2023-09-11)

Version Diff

• 🔧【Fix】
  • Fixed Popover Trigger ContextMenu dts error #1819
  • Fixed portal not popup in React18 strict mode #1769

2.43.0 (2023-09-08)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Chinese input cannot be displayed normally in the Firefox browser (affecting versions 2.26.0~2.42.4) #1810
  • Fixed the problem of ImagePreview scrolling container and viewport images not loading in lazyLoad mode #1817

🎉 2.43.0-beta.0 (2023-09-04)

Version Diff

• 🎁【Feature】
  • The renderFullLabel callback of Tree and TreeSelect adds filtered and searchWord parameters
  • Upload new API: addOnPasting, supports reading the pictures in the pasteboard and automatically adding to fileList @ChuTingzj #1612
• 🔧【Fix】
  • Fixed an issue where the Item click did not take effect in very few scenarios when nesting Dropdowns.
  • Fixed resizable table onHeaderCell bug #1796

🎉 2.42.3 (2023-09-01)

Version Diff

• 🔧【Fix】
  • Fixed Table baseRow onMouseLeave error #1794

🎉 2.42.2 (2023-08-28)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when the image file name has a query parameter, the image cannot be opened due to the wrong file name after downloading @nekocode #1782
  • Fixed Typography under the Js ellipsis strategy. When it is judged not to truncate, an unexpected tooltip will still appear when the mouse moves into the content #1788
  • Fixed the problem that the OverflowList component reports a warning in some scene keys #1786
  • Fixed the problem of memory leaks in some scenes of pop-up layer components and Navigation Thanks @boliangleung #1785

🎉 2.42.1 (2023-08-25)

Version Diff

• 💅【Style】
  • Set the font-family of the inset label of datePicker to $font-family-regular, consistent with the inset label of other components #1780

🎉 2.42.0-beta.0 (2023-08-21)

Version Diff

• 🎁【Feature】
  • Form add API: stopValidateWithError 、trigger，allow unified configuration of stopValidateWithError and trigger properties of all Fields #640
  • Tooltip、Popover、Dropdown add trigger=contextMenu support right click to show #396
  • Table column support resize prop #1762 #1650
  • Upload adds picWidth and picHeight to quickly set the width and height of pictures in picture wall mode #1757
  • Split Button supports deep nested Button #487
  • Toast add stack mode, improve the display experience when multiple toasts at the same time #1746
• 🔧【Fix】
  • Fixed InputNumber formatter error in controlled mode #1672
  • Fixed collapse aria-owns in SSR not match with server result. #1763
  • When Upload preview is true, add previews for other types of files to prevent pdf and other types of files from displaying x-cracked images when loading fails
• 💅【Style】
  • When Tree/TreeSelect enables search and treeNodeFilterProp is not label, only the search content is highlighted instead of the entire line #1711
  • Typography when ellipsis showTooltip is set to popover, remove the default 240px width, which is consistent with popover alone #1766

🎉 2.41.3 (2023-08-17)

Version Diff

• 💅【Style】
  • Select loading wrapper adds an explicit box-sizing statement to prevent the loading display height from being incorrect in some special cases（for example, when the box-sizing of all DOMs is globally reset to border-box #1507
• 🗃【Chore】
  • Table dependence: react-resizable version update from v1 to v3 #1768 #1683

🎉 2.41.2 (2023-08-14)

Version Diff

• 🔧【Fix】
  • fixed Table column not aligned when header is sticky #1760

🎉 2.41.1 (2023-08-11)

Version Diff

• 🎁【Feature】
  • Slider Add onMouseUp API
• 🔧【Fix】
  • Fixed the problem that the handle always follows the mouse in the scene where the Slider mouse moves out of the window and then lets go and then moves back #1412
  • SideSheet adds automatic calculation of scroll bar width logic to prevent the content behind the mask from shaking when it pops up
  • Fixed the incorrect case of Input and TextArea autoFoucs

🎉 2.41.0-beta.0 (2023-08-07)

Version Diff

• 🧶【Refactor】
  • change react-sortable-hoc to @dnd-kit/sortable for Transfer/Taginput drag & drop #1683
• 💅【Style】
  • The interaction of the Taginput dragging process has been modified, from the change of the tag position in the original dragging to the vertical line in front of the tag to mark the position where the tag in the dragging can be dropped. TagInput adds drag-related tokens, $width-tagInput_sortable_item_over, $color-tagInput_sortable_item_over-bg #1738
• 🔧【Fix】
  • Fixed wrong type definition for defaultCurrentIndex in ImagePreview
  • Fixed document is not defined error @nekocode

🎉 2.40.0 (2023-07-28)

Version Diff

• 💅【Style】
  • Remove unnecessary margin in button component #1732
  • Skeleton's default rounded corners changed from 4px to --semi-border-radius-small(3px) #1739

🎉 2.40.0-beta.0 (2023-07-25)

Version Diff

• 🎁【Feature】
  • Form onSubmit, onSubmitFail add event parameters to reveal #1728
  • Image's renderPreview Menu API supports menuItems parameter
  • Image, ImagePreview provide setDownloadName API to support setting the download file name
• 🔧【Fix】
  • Fixed the problem that all pop-up components mount Children to delay a macro task #1703
  • Fixed the problem that when TimePicker is controlled and the type is timeRange, the start time is automatically filled with the current time after selecting the end time twice #1716
  • Fixed the problem that TimePicker set the value to undefined under controlled conditions but displayed the current time
  • Fixed the problem that Upload will upload the submitted files repeatedly when calling the ref method to upload manually @nekocode #1720
• 💅【Style】
  • Adjust the spacing between Radio addon and extra from 0 to 4px
• ✨【Design Token】
  • New Token for Radio: $spacing-radio_content-rowGap

🎉 2.39.3 (2023-07-25)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the Tree component will re-render every time it is rendered in the virtual environment #1725

🎉 2.39.2 (2023-07-19)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the size check was not performed correctly when using replace to replace the new file after uploading a legal file during Upload showReplace #1712
• 🚀【Performance】
  • Optimize the Pagination small size to show the problem of lag when the data is at the level of 100 million #1714
• 🗃【Chore】
  • Unify the case of the imported type ScrollIntoViewOptions in Form Foundation #1713 @rashagu

🎉 2.39.1 (2023-07-18)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the values input parameter in Form validate.then() is not scope isolated and will be affected by Field DOM mount and unmount #1710

🎉 2.39.0 (2023-07-14)

Version Diff

• 🔧【Fix】
  • Semi Webpack Plugin modifies the logic related to animation.scss referenced by theme loader, which is compatible with some special directory organizations in pnpm scenarios #1704
  • Remove the flex-wrap on the outermost side of the Checkbox #1700
• 💅【Style】
  • Remove disabled switch knob transformX when in active status #1697

🎉 2.39.0-beta.0 (2023-07-10)

Version Diff

• 💅【Style】
  • Fixed the problem that the content exceeds the trigger box when displaying a long label in TreeSelect #623
• 🔧【Fix】
  • Fixed the problem that Anchor cannot jump when clicked in some scenarios #1688

🎉 2.38.2 (2023-07-10)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the height was not recalculated when the TextArea placeholder was dynamically updated @nekocode #1690
• ✏️【Documentation】
  • Fixed the links to the zh-CN version in english docs @ederzz #1691

🎉 2.38.1 (2023-07-05)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when the AutoComplete panel is open, the option panel cannot be closed by clicking outside, the scope of influence (2.38.0)

🎉 2.38.0 (2023-06-30)

Version Diff

• 🔧【Fix】
  • Fixed the problem that AutoComplete cannot be selected by long pressing, and onSelect is not triggered #1665
  • Fixed Cascader disabled tag bg color #1651
  • Fixed the warning caused by the misspelling of the min-Width attribute, the scope of influence (2.37.0-beta.0 - 2.38.0-beta.0) #1680
  • Fixed the problem that the tooltip does not disappear with a small probability in special scenes under the condition of custom trigger #1676
  • Fixed the problem in the value value of the onChange callback that the id item in the treeData data cannot appear in the Select when changeWithObject #1678
• ✨【Design Token】
  • Toast padding token is split into 4. $spacing-toast_content-paddingY is split into $spacing-toast_content-paddingTop, $spacing-toast_content-paddingBottom, and $spacing-toast_content-paddingX is split into $spacing-toast_content-paddingLeft, $spacing-toast_content-paddingRight #1674

🎉 2.37.1 (2023-06-28)

Version Diff

• ✨【Design Token】
  • Card type Radio adds 3 new tokens: $color-radio_cardRadioGroup-bg-default is used to control the background color in the default state, $color-radio_cardRadioGroup_border-default is used to control the border background color in the default state, $color-radio_cardRadioGroup_disabled-bg -active is used to control the background color of the disabled state and pressed. #1675

🎉 2.38.0-beta.0 (2023-06-26)

Version Diff

• 🎁【Feature】
  • Tree add filterExpandedKeys parameter for onSearch
  • Badge add succss type
• 🔧【Fix】
  • Fixed toast useToast return value no effect when user function component re render.
  • Fixed the problem that the disabled Cascader cannot display redundant Tags by hovering the +N part
  • Fixed the problem that className does not take effect in ImagePreview #1657
• 🗃【Chore】
  • Fixed formApi.reset params type define error
• 💅【Style】
  • In the disabled case, clicking the Cascader does not trigger the focus style

🎉 2.37.0 (2023-06-09)

Version Diff

• 🔧【Fix】
  • Fixed the problem that preventScroll of TreeSelect searchAutoFocus does not take effect
  • Fixed the problem that preventScroll does not take effect when autofocus is true in Input
  • Fixed the problem that the thumbnail rendering is not updated after Upload updates the fileInstance in beforeUpload

🎉 2.37.0-beta.0 (2023-06-05)

Version Diff

• 🎁【Feature】
  • Pagination support disabled API #1641
  • DatePicker insetInput input box supports clearing input box content through trigger #1638
  • Add the function of transparently passing data-* class attributes to all components #1597
• 🔧【Fix】
  • DatePicker preset panel title supports i18n #1643
  • Fixed DatePicker insetInput input box placeholder placeholder text error #1638
  • Fixed DatePicker range input clear icon color bug #1638
  • the stopPropagation and preventDefault of the up and down arrow press events are triggered only when the Dropdown panel is visible#1640
• 💅【Style】
  • Set the default line break rules for content in Tooltip, Toast, and Notification #1623

🎉 2.36.0 (2023-05-26)

Version Diff

• 🔧【Fix】
  • Fixed the problem that in the multi-day mode of the Calander, the non-full-day schedule is not displayed when the range includes time @sylingd
  • Fixed the problem that the event parameter in Upload customRequest onSuccess is optional, but the ts type declaration is required
  • Fixed the problem that ImagePreview IntersectionObserver throw error when using under SSR（effect version 2.34.1 ~ 2.36.0-beta.0）#1595

🎉 2.36.0-beta.0 (2023-05-22)

Version Diff

• 🎁【Feature】
  • DatePicker support startYear and endYear #1620
  • add custom top events area rendering for calendar. @sylingd
  • add custom date rendering or calendar. @sylingd
  • The showTooltip API of Anchor supports object type
  • Typography.Title added weight API to set font weight.
  • Select add new ref method search
  • Nav add expandIcon to replace default arrow icon；Nav.Footer add onClick callback #1611
• 🔧【Fix】
  • Fixed TimePicker timeZone conversion problem when date-fns-tz version >= 1.3.8
  • Fixed the wrong style of Radio and Checkbox in ReactNode passed in through the tab API in Tabs #1615
  • When calendar's displayValue changed, the results of events rendering is wrong. @sylingd
  • Remove the ellipsis warning when omitting is not enabled in Typography
  • Fixed Table header column align bug（v2.34 ~ 2.35 affected） #1599
  • remove the outermost vertical-align top style of DatePicker #1561
  • Fixed the problem that select the parameter type of handleInputChange does not match the parameter type of Input onChange
• ✨【Design Token】
  • Typography Add $font-typography_title1-fontWeight $font-typography_title2-fontWeight $font-typography_title3-fontWeight $font-typography_title4-fontWeight $font-typography_title5-fontWeight $font-typography_title6-fontWeight tokens. Used to control the font weight of different levels of Header respectively
• ✏️【Documentation】
  • Tabs、Typography update notice tips
  • Fixed some wrong spell of Slider @inottn

🎉 2.35.0 (2023-05-12)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the Dropdown item is abnormal after switching tabs in collapsible Tabs
  • Fixed select is single select and renderSelectedItem, the placeholder is not displayed when the value is null
  • Fixed the problem that the vertical slider click jump value is wrong in some situations

🎉 2.35.0-beta.0 (2023-05-10)

Version Diff

• 🔧【Fix】
  • Avatar Cascader form input font weight use $font-weight-bold

🎉 2.34.2 (2023-05-09)

Version Diff

• 🔧【Fix】
  • When Input type=search and showClear is true, the original clear button and the Semi clear button are displayed at the same time #1598
  • Fixed DatePicker disabledDate cannot select disabled border dates #1592

🎉 2.34.1 (2023-05-06)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when BreadCrumb sets moreType to popover and MaxItem to a non-default value, the number of contents in the popup layer is incorrect #1590
  • Fixed the judgment logic when DatePicker timeZone is an integer value, and replace the IANA region identifier with IANA Etc/GMT #1585

🎉 2.34.0 (2023-04-28)

Version Diff

• 🔧【Fix】
  • Fixed the issue where Table SSR was not rendering correctly #1466
  • Fixed the issue where Form.InputGroup was not controlled by Form disabled #1575 @xiaoqqchen
  • Fixed the issue where Typography was truncating incorrectly when the parent or itself was set to white-space: nowrap #1577
  • Fixed the issue where Image src changes in lazy loading mode, and the image cannot be loaded normally #1526

🎉 2.34.0-beta.0 (2023-04-25)

Version Diff

• 🎁【Feature】
  • Table column supports text content abbreviation by configuring ellipsis or ellipsis.showTitle API #1318
  • Cascader add focus blur methods #566 @meakle
  • add rspack plugin, feature align webpack plugin @Asuka109
• 🔧【Fix】
  • Fixed the problem that if the TimePicker range mode selects the end time first, it will cause an error #1563
  • Steps is changed to display the hover state only when Steps is passed to onChange or Steps.Step is passed to onClick.
  • Fixed the problem that the height of the RadioGroup parent container will change with the RadioGroup option #1573
  • Fixed last week got wrong style in Calendar component with month mode @sylingd
  • Typography ellipsis disappear when resize to larger and back @marshcat0
  • Typography expanded may change to true after resize @marshcat0
  • Typography expand may show when not overflow @marshcat0
• 💅【Style】
  • The default word wrap style of Table text is changed from break-all to break-word #1318
  • Changed the spacing between icon and text in BreadCrumb from 8px to 4px（Affects v2.0.0～v2.33.1）
• 💥【Breaking Change】
  • In order to solve the word wrapping problem, the Table word break style is modified from break-all to break-word. If a column of a non-fixed table is set to a fixed width, the cell text in this column will originally be folded, but will now be stretched and displayed, causing the width of other columns to be reduced #1318

🎉 2.33.1 (2023-04-21)

Version Diff

• 🔧【Fix】
  • Fixed the issue that Popover StopPropagation did not stop the bubbling of the focus and blur triggered in the Portal layer #1557
  • Fixed the problem of Input reporting error about noBg props, the scope of influence is 2.33.0-beta.0 - 2.33.0
  • Fixed the indent problem when Table hideExpandedColumn is false #1556

🎉 2.33.0 (2023-04-14)

Version Diff

• 🔧【Fix】
  • Fixed the problem that items with the same label cannot be dragged when the draggable item in Transfer uses the label as the key of the SortableItem
  • Fixed the problem that the prefixCls configured by Webpack plugin does not take effect when using cjs lib #1544
  • Fixed the problem that the background content of the mask cannot be clicked when the Sidesheet is set to mask=false, and the impact range is 2.32.0-beta.0 ~ 2.33.0-beta.0 #1550
  • Fixed rangeStart and rangeEnd in DatePicker disabledDate callback using cached values #777

🎉 2.33.0-beta.0 (2023-04-10)

Version Diff

• 🔧【Fix】
  • Change the vertical-align of copy/copied icon in Typography from text-bottom to middle #1533
  • Align hover and active states of form input components Input TextArea Select Cascader TimePicker DatePicker TreeSelect #1537
  • Fixed Typography copyable type @baranwang #1546
• 🎁【Feature】
  • Form input class components Input TextArea Select Cascader TimePicker DatePicker TreeSelect Added borderless api for displaying borderless components #1537
  • Collapse Added clickHeaderToExpand for setting click response hotspots #1537

🎉 2.32.1 (2023-04-06)

Version Diff

• 🔧【Fix】
  • Fixed the problem that an error may be reported when Tooltip is used in conjunction with the loading button in the production environment #1540
  • Fixed the problem that Navigation uses JSX to configure Footer and Header, which may not be correctly recognized in the production environment #1540
  • Fixed the problem that the Column may not be recognized correctly in the production environment when the Table uses the JSX Children notation to configure Columns #1540
  • Fixed the problem that there are extra spaces in the Tab Pane classname #1536
• ✏️【Documentation】
  • Modify the wrong type definition of the filteredValue parameter in the onFilter API of Table #1538

🎉 2.32.0 (2023-03-31)

Version Diff

• 🔧【Fix】
  • Fixed Spin because the height of the .semi-spin-wrapper div is incorrect, causing the position to move up
  • Fixed the problem of using resizable Table and form at the same time in the dev environment to report an error #1506
  • Fixed the problem that the Table setting zebra pattern is invalid(Range of influence: v2.29 - 2.32)
  • Fixed the problem that the execution timing of Modal getPopupContainer is incorrect, it is expected to be executed when Modal is opened

🎉 2.32.0-beta.0 (2023-03-28)

Version Diff

• ✨【Design Token】
  • Modal provides $spacing-modal_content_fullscreen-top to control the top height of the full screen, Sidesheet adds $color-sideSheet_header-borderBottom and $width-sideSheet_header-borderBottom to add a dividing line under the header, $width-sideSheet_size-small $width-sideSheet_size-medium $width-sideSheet_size-large controls the default expanded width
• 🎁【Feature】
  • DatePicker added type monthRange
  • The TriggerRender API parameters of TreeSelect、 Cascader and Select support onSearch and onRemove respectively to support custom triggers to start searching and delete a single selected item
  • TreeSelect has added a clickTriggerToHide parameter to support setting whether to click the Trigger part to trigger the panel to close when the panel is open
  • DatePicker support open, close, focus, blur methods and onClickOutside callback #566
• 🔧【Fix】
  • Fixed the problem that the style of the shortcut selection panel for DatePicker type month is not as expected, fix the problem that inconsistent panel width before and after enabling insetInput
  • Change the initial setting of the state in the constructor in Switch to avoid unexpected animations when used in other components

🎉 2.31.3 (2023-03-31)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker timeZone conversion problem when date-fns-tz version >= 1.3.8 #1522

🎉 2.31.2 (2023-03-24)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the delay props related to Nav tooltip does not take effect #1454
  • Fixed When selecting remote and autoClearSearchValue is false, the optionList is not displayed correctly after updating, (range of impact: v2.28 - 2.31) #1386

🎉 2.31.1 (2023-03-22)

Version Diff

• 🗃【Chore】
  • Semi Webpack Plugin adds logic to directly retrieve NormalModule from the Compiler Instance #1503

🎉 2.31.0 (2023-03-17)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the ratio of the new picture is incorrect after switching the ratio state of the preview picture and switching the picture in ImagePreview #1494
  • Fixed the problem that the component is not re-updated after Carousel props.children is updated #1482
  • Fixed the conflict between the Carousel ref method play and the mouseEnter event of autoPlay.hoverToPause, which does not have the highest priority
  • Fixed the wrong state of the selection box in the header of the second page after selecting all the Table #325
  • Select onSearch provides a second input parameter to solve the problem of indistinguishable 1. Automatically clear the input after selection to trigger onSearch, 2. Actively use backspace to clear the input to trigger onSearch 3. Click the clear icon to trigger onSearch and other different scenarios #867
  • Fixed confirmation button and cancel button not displaying the loading icon when returning promise (2.30 ~ 2.31 versions are affected) #1489
  • Fixed the problem that the user needs to click the option twice to select it for single selection, searchable and search box in Trigger, virtualized TreeSelect #1487

🎉 2.31.0-beta.0 (2023-03-13)

Version Diff

• 🎁【Feature】
  • Table fixed columns support RTL and Table support direction prop #1471
  • Copy nodes in Typograpy support customization #1420
  • Popover Tooltip and other pop-up components support keepDOM, and support setting whether to keep internal components from being destroyed when they are closed #1481
• 🔧【Fix】
  • Fixed the problem that Table column align does not automatically switch when RTL #1471
  • Fixed the problem that for the single-select, searchable, and Value-controlled Cascader in the search state, the value change causes the search value to change #1472
  • Replace redundant type definitions with the optional operator @thinkasany #1464
• 💅【Style】
  • Process the content style in the Tag component according to the type of children, if the children are String, they can be omitted automatically, otherwise the styles will be aligned #1475
  • Fixed the problem that the cursor position of the input box is incorrect when the size is small or large in the single-choice, searchable Cascader #1468

🎉 2.30.2 (2023-03-09)

Version Diff

• 🔧【Fix】
  • When a Form has an id passed in, x-form-id will use the passed id first
  • Fixed the problem that Tags cannot be gathered through the keyboard under Tooltip
  • Fixed the problem that the color of the button at the bottom of the danger type is incorrect when Modal is called imperatively

🎉 2.30.1 (2023-02-27)

Version Diff

• 🔧【Fix】
  • Fixed showTick bug in Dropdown(the bug affects 2.27.1 ~ 2.30.0) #1457

🎉 2.30.0 (2023-02-23)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Modal did not delete the redundant div after the imperative call was closed #1415
  • TreeSelect fixes the problem that the border color is abnormal when hovering in some scenes #1416
  • Fixed the wrong timing of onBlur/onFocus calls in TreeSelect #1414
  • Fixed the problem that preventScroll is not declared and not transparently transmitted in TreeSelect #1414
  • Fixed when the Tooltip is blocked on the right side, the floating layer drifts to the left side of the viewport #1449
• ✨【Design Token】
  • Select Add $color-select-bg-focus #1416

🎉 2.30.0-beta.0 (2023-02-20)

Version Diff

• 💥【Breaking Change】
  • Modify the calculation rules when the rule in the Numeral component is percentages
• 🎁【Feature】
  • Popconfirm supports A11y keyboard and focus #205
  • Cascader supports calling the open/close method through ref
  • Optimize the display format of the date at the bottom of the DatePicker panel, and configure it according to different locale language habits @jacob-lcs
• 💅【Style】
  • Solid Tag close button adds hover state color var(--semi-color-white) and active state color var(--semi-color-white)(opacity 0.9), default color from var(--semi-color-white) Change to var(--semi-color-white)(opacity 0.8).
• 🔧【Fix】
  • Fixed DatePicker panel moving in multiple mode #1422
  • Fixed the wrong localeCode of nl-NL language pack, the scope of influence (v2.29.0-beta.0) @jacob-lcs

🎉 2.29.0 (2023-02-10)

Version Diff

• 🎁【Feature】
  • Locale add Swedish: sv_SE、 Polish: pl_PL、Dutch: nl_NL #1410
• 🔧【Fix】
  • Optimize the display of singular and plural texts in Russian, Arabic, and Romanian
  • Fixed the dateTimeRange input display error of DatePicker component in insetInput controlled mode #1413
• ✨【Design Token】
  • Table Design Token changes before modification, modify the following Token default values: $color-table_body-bg-default, $color-table-bg-default, from var(--semi-color-bg-2) to var(-- semi-color-bg-1), $color-table_th-bg-default value changed from transparent to var(--semi-color-bg-1) #1418

🎉 2.29.0-beta.0 (2023-02-06)

Version Diff

• 🎁【Feature】
  • Form.InputGroup support extraText, extraTextPosition, #1313
  • DatePicker insetInput supports passing placeholder #1343
  • Transfer added renderSourceHeader and renderSelectedHeader APIs to allow users to customize the header information of the left and right panels #1403
  • Locale add Swedish: sv_SE、 Polish: pl_PL、Dutch: nl_NL #1410
• 🔧【Fix】
  • Fixed the problem that the DatePicker panel is not updated after entering the date #1398
  • Fixed when the visible prop changes, tooltips whose trigger is not hover/focus also delay showing/hiding @marshcat0
  • Optimize the problem of displaying singular and plural text in Russian, Arabic, and Romanian, involving components Pagination, Transfer, and Calendar #1411
• ✏️【Documentation】
  • Improve Form english document
• ✨【Design Token】
  • Slider add $spacing-slider_handle-translateY、$spacing-slider_vertical_handle-translateX、$spacing-slider_dot-translateX、$spacing-slider_vertical_dot-translateY Token，which is used to control the horizontal and vertical state handles and value scale lines horizontal and vertical offset #1391

🎉 2.28.1 (2023-01-31)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker panel shifting bug when selecting date range #1221
  • Fixed the problem that OverflowList does not display normally in React18 strict mode #1393
  • Fixed the scroll bar that does not meet expectations when Select appears under the InputGroup #1395
  • Fixed the problem that Select loading spin not align vertical
• ✏️【Documentation】
  • Update LocaleProvider Demo，add Form、Image、Transfer usage @jacob-lcs

🎉 2.28.0 (2023-01-18)

Version Diff

• 🔧【Fix】
  • Fixed the incomplete type of TagInput showContentTooltip
  • Fixed the problem that the scroll bar behaves inconsistently when the TimePicker selection mode is normal and wheel @frowhy
• ✏️【Documentation】
  • Update NextJs Project getting started
  • Update Remix Project getting started

🎉 2.28.0-beta.1 (2023-01-17)

Version Diff

• 🎁【Feature】
  • Select adds expandRestTagsOnClick API, the default value is false, in the case of multiple selection and maxTagCount exists, the remaining tags can be displayed when the panel is opened #1353
  • Added TabItem component for generating TabItem variants in C2D #1374
  • Cascader adds filterSorter API to support sorting search results #1355
  • Cascader adds filterRender API for custom rendering of search results #1350
  • Cascader / TreeSelect / Tree's filterTreeNode API adds data parameter #1104
  • The webpack plugin adds an overrideLoaderList option to support finer-grained customization of the loaders used in semi-related styles #1353
  • When using Modal declaratively, you can automatically control the loading state of the corresponding button by returning a promise through onOK and onCancel #1369
  • Select adds the ellipsisTrigger API, the default value is false, and the overflow tag can be adaptively processed when maxTagCount is set. When the width is insufficient, the last tag content will be truncated. After enabling this function, there will be a certain performance loss, and it is not recommended to use it in a large form scenario #1353
• 🔧【Fix】
  • Fixed the problem that OverflowList does not display under the display flex layout #1353
  • Fixed the problem that the onOverflow callback is not triggered when the first item of OverflowList overflows #1353
  • Fixed the problem that the number of items in the overflow part near the top after the OverflowList items are changed is not as expected #1362
  • Fixed the problem that select autoClearSearchValue=false not work under control mode #1386
  • Fixed the problem that Layout mount has-sider className is slow by one task cycle #1361
• ✨【Design Token】
  • Toast adds a new token for customizing different background colors in multi-color styles $color-toast_warning_light-icon $color-toast_success_light-icon $color-toast_info_light-icon $color-toast_danger_light-icon #1371

🎉 2.27.1 (2023-01-12)

Version Diff

• 🔧【Fix】
  • Fixed Form Field level validation. When using props.rules, there is a race condition asynchronous, and the validation performed later will be overwritten by the validation performed before #1375 @SyMind
  • Fixed Form Field level validation. When using props.validate, there is a race condition asynchronous, and the validation performed later will be overwritten by the validation performed before, #1375
• ✏️【Documentation】
  • Modify the treeData API type name in the Cascader / TreeSelect / Tree documentation to make it consistent with the code

🎉 2.27.0 (2023-01-06)

Version Diff

• 🔧【Fix】
  • Fixed the problem that after Select is configured with outerBottomSlot, outTopSlot, innerBottomSlot, and innerTopSlot, when hovering to the slot, the Option still maintains the focus style, which easily confuses users #1370
  • Fixed Tabs collapsible has a probability of failure problem #693
  • Fixed the problem that the internal variable prefixcls of Transfer does not use a small camel, which is different from other components (no impact on the usage side)@MarchYuanx #1365

🎉 2.27.0-beta.0 (2023-01-03)

Version Diff

• ✨【Design Token】
  • Form Add top margin token $spacing-form_label-marginTop $spacing-form_section_text-paddingTop $spacing-form_section_text-marginTop in the label section of Form,
  • DatePicker add trigger border related token in range mode (width $width -datepicker_range_trigger-border, colors in various states $color-datepicker_range_trigger-border $color-datepicker_range_trigger-border-hover $color-datepicker_range_trigger-border-active)
  • Steps modify $color-steps_item_left_number_icon- bg $color-steps_item_left_number_icon-icon $color-steps_item_process_left_number-icon Description.
  • Breadcrumb add $font-breadcrumb_loose-fontSize $font-breadcrumb_compact-fontSize
  • Descriptions add $font-descriptions_key_small-fontSize $font-descriptions_value_small-fontSize $font-descriptions_key_medium-fontSize $font-descriptions_value_medium-fontSize $font-descriptions_key_large-fontSize $font-descriptions_value_large-fontSize，SideSheet add $font-sideSheet_title-fontSize tokens.
• 🔧【Fix】
  • Fixed uuid mismatch warning in TabBar under SSR scenario #1351

🎉 2.26.0 (2022-12-27)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when TagInput is input in Chinese, the length of pinyin will be used to judge whether it exceeds maxLength #1347

🎉 2.26.0-beta.0 (2022-12-19)

Version Diff

• 🔧【Fix】
  • An empty string that has not reached its maximum width shows an "expand/collapse" button and an ellipsis @weeqe #621
  • Fixed TypeError in TreeSelect when checkRelation = unRelated, value is not in treeData #1206
  • Fixed the problem that the Grid component span is set to 0 and displays abnormally in response mode @edc-hui #1314
• 🎁【Feature】
  • Table filter function supports not passing filters, and the filtering function is controlled by filteredValue #1201

🎉 2.25.2 (2022-12-19)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the automatic adjustment position is incorrect when the Tooltip position is topLeft #1344
  • Fixed the wrong style of TagInput when it is draggable #1339
  • Fixed the problem that the same element id in different svgs in semi-icons and semi-illustration display incorrectly when used at the same time #1337
  • Fixed the problem that there is still a drop-down box when the option in Select is empty and emptyContent=null #1340
  • Fixed the problem that react exceeds the maximum update depth when the number of items in OverflowList collapse mode is greater than 50

🎉 2.25.0 (2022-12-09)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when the disabled switch is wrapped by Tooltip or Popover and the trigger is hover, it cannot be hidden correctly after the mouse is moved under the chrome browser #1333
  • Fixed the problem that the redundant parameters of Image are not transparently transmitted to the img node #1334
  • Fixed the problem of animation flickering of some components under React18 #1270, #1257
  • Fixed the problem that Timepicker、TagInput with wrong borderRadius and height when using in InputGroup #1268 @edc-hui

🎉 2.25.0-beta.0 (2022-12-06)

Version Diff

• 🎁【Feature】
  • Select、Cascader、Input、InputNumber、TreeSelect、AutoComplete、Datepicker、TImepicker add clearIcon, allow override default clear icon, #1309
  • Cascader、Select、DatePicker、TimePicker、TreeSelect add dropdownMargin ，Dropdown、Popover add margin ，use same as tooltip margin
  • The TimePicker component whose type is timeRange supports passing in panelHeader and panelFooter in array format to set different headers and bottoms. #1316 @zk8080
  • TreeSelect adds a position parameter to control the direction of the pop-up layer
• 🔧【Fix】
  • Fixed the problem that the height display is incorrect when the virtualized Table has no data
  • Fixed tooltip flush when setting opacity through style
• 💅【Style】
  • Tag close button add hover and active color
  • Optimize the display method of Tag when the content exceeds the length, and automatically omit it @SyMind

🎉 2.24.3 (2022-12-05)

Version Diff

• 🗃【Chore】
  • Improve type define of Form HOC : withFormState、withFormApi #1323
  • Improve TS type define of Nav, add optional for callback params

🎉 2.24.1 (2022-11-25)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker disabledDate interaction is not easy to use when type is month #520

🎉 2.24.0 (2022-11-25)

Version Diff

• 🔧【Fix】
  • Fixed the page scrolling problem caused by opening the option panel when searchAutoFocus is true and searchPosition is in dropdown in TreeSelect #1306
  • Fixed the excessive page scrolling interference caused by the scrollIntoView parameter when Tabs is collapsed and scrolled
  • Fixed other components derived from Input that click prefix/suffix will not focus Input properly #1237
  • Fixed focus style issue when InputNumber sets innerButtons to true #1144

🎉 2.23.7 (2022-11-23)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the custom Header cannot be displayed when previewing a single image

🎉 2.23.6 (2022-11-23)

Version Diff

• 🔧【Fix】
  • Fixed the problem when trigger be blocked the wrapper did not offset in Tooltip

🎉 2.24.0-beta.1 (2022-11-22)

Version Diff

• 💅【Style】
  • Adjust Highlight style, default highlight background
• ✨【Design Token】
  • Design Token : @douyinfe/semi-theme-default add global design Token --semi-color-highlight-bg、--semi-color-highlight

🎉 2.24.0-beta.0 (2022-11-21)

Version Diff

• 💡【New Component】
  • Add Highlight Component #1281
• 🎁【Feature】
  • Nav add getPopupContainer, can be used to specify a popover container in partial dark mode #1277
  • ImagePreview added crossOrigin parameter #1284
  • The Form Field component transparently transmitting props.name to the underlying component for consumption, and no longer intercepts. The original influence on the field wrapper classname remains #1266
  • Navigation adds renderWrapper API for easier use of routing libraries such as react-router #1249
• 🚀【Performance】
  • Cache the FieldComponent component in the withField HOC to avoid repeated calculation of components in the default shouldMemo scenario and reduce repeated performance consumption in complex form scenarios #1228
• 💅【Style】
  • Modify the style of TagInput used in Cascader/TreeSelect #1278
• 🔧【Fix】
  • Fixed the problem that when the Image component is previewing the image, the mouse wheel event will penetrate the popup layer, causing the content scrolling problem under the popup layer #1289 @edc-hui
  • Remove TimePicker console.log @jukrb0x
  • Fixed the issue that in the Select radio mode, when the filter is enabled, when you click to select to close the list, it will flash once #1207

🎉 2.23.3 (2022-11-15)

Version Diff

• 💅【Style】
  • Form Design Token is updated，$spacing-form_label_extra_posBottom-marginTop、$spacing-form_label_extra_posMid-marginBottom、$spacing-form_label_extra_posMid-marginTop is corrected to more semantically $spacing-form_extra_posBottom-marginTop、$spacing-form_extra_posMid-marginBottom、$spacing-form_extra_posMid-marginTop #1272
• 🔧【Fix】
  • When selecting multiple selections, deleting Tag does not trigger aggregation but has aggregation style problems

🎉 2.23.2 (2022-11-14)

Version Diff

• 🔧【Fix】
  • Fixed the problem of the Input component reporting style props error in React 18 + NextJS SSR environment #1262 #1181
• 💅【Style】
  • Fixed the problem that the spacing between the last line and other lines was inconsistent when there were multiple lines of content in TagInput #1263
  • Fixed the problem that Form Label lost padding right（effect version v2.23.1） #1258
  • The Switch component Design Token is updated, adding $spacing-switch_knob-left; $motion-switch_unchecked-translateX is corrected to more semantically $spacing-switch_unchecked-translateX #1267

🎉 2.23.1 (2022-11-11)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Transfer in Popover caused Popover to close unexpectedly when dragging #1226
  • Fixed the issue that the Transfer/ TagInput in the pop-up layer disappeared when the dragged item was dragged #1149
  • Correct the translation error of the Table pager when it is displayed in Vietnamese (vi_VN) @MrFatMeow #1252
  • Fixed the case that the Select and Tooltip components did not process the incoming NaN @edc-hui#763
  • fixed the issue that Dropdown would trigger the screen to scroll to the top when the trigger is click
• 💅【Style】
  • Updated Form component Design Token, $spacing-form_label_small-paddingTop is corrected to $spacing-form_switch_rating_marginY, and the useless $spacing-form_label-paddingRight is removed; Correct the more accurate description #1258
  • Updated Tabs component Design Token, adding the Token related to the collapsed arrow button, allowing to customize the style of the arrow buttons in Tabs separately #1251

🎉 2.23.0-beta.1 (2022-11-08)

Version Diff

• 🎁【Feature】
  • Tooltip adds a margin parameter to calculate the increased redundancy value when overflowing, and autoAdjustOverflow provides a more intelligent position adjustment strategy when it is blocked
  • added IconConnectionPoint1、IconConnectionPoint2、 IconCalendarStroked、IconConfigStroked 、IconIssueStroked 、IconStoryStroked 、IconVersionStroked and other icons.
• 💅【Style】
  • The right icon in the Cascader menu item increases the left margin

🎉 2.23.0-beta.0 (2022-11-07)

Version Diff

• 🔧【Fix】
  • Fixed the inconsistency between the jump link hotspot and the onSelect hotspot when the Navigation item has a parameter link
  • Corrected Saturday, Sunday translated text of DatePicker when displayed in Turkish (tr_TR) @habibokumus
  • Fixed the scroll bar position not as expected when Table has fixed columns.
• 🎁【Feature】
  • Add the onClose parameter to the renderTagItem API of TagInput to support deleting tags #1219
  • Transfer provides a search method to allow users to manually trigger searches
• 🗃【Chore】
  • Update Form interface, add generic pass to define values type @Hokori23
  • Add test case for Image component #1216

🎉 2.22.3 (2022-11-02)

Version Diff

• ✏️【Documentation】
  • Added accessibility (A11y) support to Semi site

🎉 2.22.2 (2022-10-31)

Version Diff

• 🔧【Fix】
  • Fixed the flickering problem when Tooltip and Popover components are closed (affecting v2.22) #1225

🎉 2.22.0 (2022-10-28)

Version Diff

• 🔧【Fix】
  • Fixed the issue of inconsistent width when the year-month selection mode is normal and wheel under DatePicker type="month"

🎉 2.22.0-beta.2 (2022-10-26)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the restTagsPopoverProps API in Select is not set as optional, causing ts to report an error

🎉 2.22.0-beta.1 (2022-10-26)

Version Diff

• 🎁【Feature】
  • Typography adds a new Numeral component, based on the Text component, and adds attributes: rule, precision, truncate, parser, to provide the ability to process numerical values ​​in text separately @uiuing #1136
  • TreeSelect adds showRestTagsPopover and restTagsPopoverProps parameters to support displaying redundant tags through popover #1210
  • Select added showRestTagsPopover and restTagsPopoverProps to support displaying redundant tags through popover #1212
  • Navigation add a11y support #1195
  • Modal SideSheet Tabs and Popover Tooltip and other pop-up layer components animation effects are changed from javascript to css. Added animation Token, which can support custom animation in DSM in the form of themes #1150
  • Optimize the animation effect of ScrollList in wheel mode #1211
  • The yearAndMonthOpts API has been added to DatePicker, which can be used to control the ScrollListItem of the year-month picker #1211
  • The second parameter of DatePicker disabledDate API adds the rangeInputFocus parameter to dynamically disable the date based on the current selection state #1198
  • Export LocaleConsumer Component @Hokori23 #1196
• 🔧【Fix】
  • Fixed hooks Modal motion=false not take effect bug #1217
  • Update the type of render of the Columns property of the Table component @Assone #1209
  • Fixed when motion is false in Cascader, after searching for the selected value, the panel display is still the searched option after the panel is collapsed and then opened #1199
  • Fixed an issue with React-specific API calls in Foundation code #1189
  • Fixed Table defaultFiltertedValue and defaultSortOrder not included in onChange #1188
  • Fixed the issue that Children display would be triggered twice when popover, ToolTip, Dropdown and other popup components were set to true #1174
  • Change the component that implements the expand/collapse animation in NodeList from the Collapse component in the Tree to the public Collapsible component #1182
  • Fixed an issue where the removal of the Collapsible ancestor element from the render tree caused the height calculation to be abnormal and unable to expand #1174
  • Fixed that when the Collapsible content area was removed from the render tree, the height calculation was abnormal and it could not be expanded #1174
  • Fixed the height change of the Collapsible content area causing the collapse animation of the height change area to not be displayed when collapsed #1174
• 💅【Style】
  • Fixed the problem that some packaging strategies caused the padding of NavItem in Dropdown to not meet expectations #1204
• ✏️【Documentation】
  • Update the documentation of the Columns property of the Table component @Assone #1209
• 💥【Breaking Change】
  • Changed the ScrollListItem used in TimePicker and DatePicker from mode wheel to mode normal to make it more suitable for PC #1211

🎉 2.21.1 (2022-10-13)

Version Diff

• 🔧【Fix】
  • Fixed Modal esc key trigger event callback after closed

🎉 2.21.0 (2022-10-12)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the timer is not updated when carousel switches the index through the left and right buttons or methods
• ✏️【Documentation】
  • Update docsite homepage, add showcase

🎉 2.21.0-beta.1 (2022-10-10)

Version Diff

• 🔧【Fix】
  • Fixed AutoComplete e.target is null in onBlur callback

🎉 2.21.0-beta.0 (2022-10-08)

Version Diff

• 🎁【Feature】
  • Table adds header sticky API
  • AutoComplete add new API onKeyDown
  • the Upload component exposes the openFileDialog method so that the user can manually open the file selection dialog.
  • LocaleProvider added Romanian(ro) @jacob-lcs
• 🔧【Fix】
  • Fixed the problem that children onKeydown cannot get events under Dropdown
  • Fixed the problem that the timer is not updated when Carousel switches the index through the left and right buttons or methods
  • Fixed Select when the filter is true and the input box is empty, after closing panel trigger onSearch function issue
• 💅【Style】
  • add rounded corners to square avatars

🎉 2.20.8 (2022-10-11)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the position of the first Option option is offset when the Select is virtualized #1178
• 💅【Style】
  • The default maxHeight value of Select (the max height of the Option floating layer), the default height of virtualization is 300px -> 270px
  • Select Design Token changed, abandoned $spacing-select_option_first-marginTop、$spacing-select_option_last-marginBottom ； Change ：$spacing-select_option_list-paddingTop 、$spacing-select_option_list-paddingBottom ， from 0 to $spacing-extra-tight (4px)
• 🗃【Chore】
  • Form export RuleItem Interface

🎉 2.20.7 (2022-10-10)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the style is lost when only ImagePreview is introduced and used alone, and the Image component is not introduced#1175

🎉 2.20.3 (2022-09-28)

Version Diff

• 🔧【Fix】
  • Fixed the ButtonGroup key warning problem
  • Fixed SSR setting withField、Form Field related problem with useLayoutEffect warning #1140
  • Fixed the problem of some type errors under typescript 4.8.3
  • Modify the modal focus logic to automatically focus on the first focusable element in the pop-up window

🎉 2.20.2 (2022-09-27)

Version Diff

• 🔧【Fix】
  • Fixed warning about corejs in @douyinfe/semi-icons

🎉 2.20.1 (2022-09-27)

Version Diff

• 💅【Style】
  • Image global variable plus !default is used for theme configuration fault tolerance #1151

🎉 2.20.0 (2022-09-23)

Version Diff

• 🔧【Fix】
  • Fixed the issue that Form.InputGroup does not support FormProps.wrapperCol , labelCol layout
  • Fixed the drag and drop problem after the Image preview is enlarged
  • Fixed DataPicker component foundation contains React related type definitions @rashagu
  • Fixed the problem that the foundation of Navigation and Tree components reports errors in high versions of typescript @rashagu
  • Fixed the expansion of the controlled tree when the data was loaded remotely unsuccessfully #1124
  • Fixed ButtonGroup does not support style API issue
  • Fixed the problem that when the virtualized Table has a fixed column on the left, the first rendering of the fixed column on the left will have an extra box-shadow #1134

🎉 2.20.0-beta.1 (2022-09-20)

Version Diff

• 🔧【Fix】
  • Fixed the issue that @douyinfe/semi-foundation Image relative file not export

🎉 2.20.0-beta.0 (2022-09-19)

Version Diff

• 💡【New Component】
  • Add Image Component(Added basic sass, global sass variables, need to republish if using a custom theme) #344
• 🎁【Feature】
  • Tag add shape property, supports square、circle #89
  • Progress supports automatically filling gradient colors according to progress, and automatically switching colors according to progress presets #1092 @uiuing
  • Toast supports dynamic modification of content by ID #1035 @gwsbhqt
  • Skeleton.Avatar supports shape property #1117 @MuxinFeng
• 🗃【Chore】
  • Remove the ts source code in the package product of @douyinfe/semi-ui, leaving only the lib and dist directories
  • Modify the writing of some components scss, convert division into multiplication and math.div syntax, to avoid the problem of repeatedly throwing warnings when compiling higher versions of sass

🎉 2.19.0 (2022-09-09)

Version Diff

• 🔧【Fix】
  • Fixed the issue that the keyboard focus style is blocked after the Anchor spacing can trigger the selection
  • Fixed the issue that the Select onblur event was not triggered when the panel was closed
  • Fixed Anchor spacing in front of anchor text cannot trigger selection @edc-hui
  • Fixed the problem that the location of event rendering did not change after Calendar weekStartsOn was changed
  • Fixed the problem that Input onEnterPress event does not take effect when using Input in DropDown
  • Fixed the problem that tagGroup pollutes incoming tagList data #1107
  • Fixed DatePicker time will be set 8:00 when switch month and type is dateTime @rojer95
• 🗃【Chore】
  • Remove corejs deps in semi-foundation semi-ui.

🎉 2.19.0-beta.0 (2022-09-05)

Version Diff

• 🎁【Feature】
  • Popconfirm's onOk and onCancel support Promise type return value and close asynchronously #1056
• 🔧【Fix】
  • Fixed Popconfirm multiline content style bug #868
  • Fixed DefaultTabBar type error #1077
  • Fixed the TS error when the Form level is set to autoComplete to false
  • Fixed an issue where Slider was incorrectly positioned when passing in partial steps values #1043
  • Fixed Tag tagKey type definition error problem #1081
  • Fixed incorrect value when RadioGroup was first rendered #1060
• 💅【Style】
  • Add overflow: auto default style to Sidesheet body, you no longer need to add overflow related styles through props.bodyStyle when the content exceeds #1098
• 🧶【Refactor】
  • Replace margin layout in Checkbox with flex layout and gap #1073
  • Dividers in ButtonGroup use span tags instead of border-right #1065
  • Refactored Radio's layout, removed some absolute positioning, and used flex layout instead #1060
• 💥【Breaking Change】
  • When using CheckboxGroup, if the child Checkbox is nested with a layer of elements such as div or span, then the Checkbox will not have margin-bottom. Styling each Checkbox nested element individually is unaffected #1073

🎉 2.18.2 (2022-08-31)

Version Diff

• 🔧【Fix】
  • Update @douyinfe/semi-webpack-plugin to fix the error that animation.scss cannot be processed when using a custom theme #1072
• ✏️【Documentation】
  • Added Global content guidelines, Component content guidelines

🎉 2.18.0 (2022-08-26)

Version Diff

• 🎁【Feature】
  • Add type API for Checkbox & Radio
• 🗃【Chore】
  • Remove semi-animation-react's peerDependences : react-dom, react, prop-type
• 🔧【Fix】
  • Fixed tabs collapse mode will flush in some screen #1039
  • Fixed the left of the emptyContent parameter of Transfer does not take effect #1068
  • Fixed use useFormApi to get null value problem under React 18 createRoot + strictMode #1063
• ✏️【Documentation】
  • Popover / Popconfirm / Dropdown added FAQ

🎉2.18.0-beta.0（2022-08-24）

Version Diff

• 🎁【Feature】
  • Anchor、AutoComplete、Breadcrumb、Carousel、Cascader、Checkbox、DatePicker、Dropdown、Input、InputNumber、Navigation、Pagination、Radio、Rating、ScrollList、Select、SideSheet、Slider、Steps、Switch、Table、Tabs、TagInput、TimePicker、Transfer、Tree add animation token #984
  • Anchor add A11y focus adaptation #205
  • Form Label add optional config，if true, will auto append optional mark after label text #869
  • Calendar support weekStartsOn #1020
  • Tree adds support for scrollTo method in virtualization scenarios #1024
  • TagGroup adds onTagClose callback
• 🔧【Fix】
  • Fixed the issue that the Select check icon will flicker @linjunc
  • Fixed the problem that the quantity indicator does not change after TagGroup closable is closed #945 @linjunc
  • Fixed the problem that centered Modal was blurry on a few 1080p monitors
• 💅【Style】
  • Table increases the click hot area of the sorting button (from the icon area only to the area containing the title and sorting, if the title is fully custom rendered, it will not be affected)#1031

🎉2.17.1 (2022-08-17)

Version Diff

• 🔧【Fix】
  • Fixed Table filter affects original order of data #1036
  • Fixed the issue that AutoComplete did not open the panel after the input value was changed after focusing by tab or autoFocus (effect version: v2.14 - 2.17)

🎉2.17.0 (2022-08-12)

Version Diff

• 🔧【Fix】
  • Fixed the popover style issue caused by Chromium 104 breakchange fit-content css #1022 Chromium Issue
  • Fixed AvatarGroup component size attribute has no default in TS define @AnoyiX
  • Fixed TimePicker set to undefined is unresponsive #918 @linjunc
  • Fixed the problem that Tree's renderFullLabel uses checkbox

🎉 2.17.0-beta.1 (2022-08-09)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the Empty component is unexpectedly judged as dark mode when the body theme-mode attribute is unexpected #1023
  • Fixed the problem that the treeData and value of cascader are dynamically updated, and the selected value is not displayed correctly #703

🎉 2.17.0-beta.0 (2022-08-09)

Version Diff

• 🎁【Feature】
  • Select add A11y keyboard and focus adaptation #205
  • DatePicker preset support presetPosition #895
  • TagInput supports drag and drop sorting.
  • Collapse.Panel add two API: disabled and showArrow #188
• 🔧【Fix】
  • Fixed the problem that when the Tooltip trigger is hover, click on children and then click on the pop-up layer, the pop-up layer will be hidden #977

🎉 2.16.1 (2022-08-05)

Version Diff

• 🔧【Fix】
  • Fixed the problem that letters and numbers cannot be entered when using input class components in Dropdown
  • Fixed the problem of default icon of password input in windows edge browser @linjunc
  • Fixed click on the edge of the switch can not trigger the change problem @linjunc
  • Fixed handle misspelling@linjunc

🎉 2.16.0 (2022-07-29)

Version Diff

• 🔧【Fix】
  • Fixed the problem of wrong color in the pressed state of Input, and fix the problem that the colors of Input and TextArea are not uniform in the pressed state under validateStatus #662
• 🗃【Chore】
  • move prop-types to dependencies and remove @types/react and @types/react-dom #993

🎉 2.16.0-beta.0 (2022-07-25)

Version Diff

• 🎁【Feature】
  • Cascader adds position API to control the direction of the bullet layer
  • Slider adds A11y focus and keyboard adaptation #205
• 🔧【Fix】
  • Fixed the problem that it does not take effect when the noHorizontalPadding parameter type of Button is string
  • Fixed the issue that the item in the right panel can still be deleted and cannot be dragged after the item is disabled in the draggable Transfer
  • allows users to customize the type and theme of the Button individually through the parameters of the Button in the ButtonGroup
  • Fixed the problem that the width of TreeSelect arrows is not uniform after wrapping when multiple selections are made
• ✏️【Documentation】
  • Icon update custom icon example

🎉 2.15.1 (2022-07-19)

Version Diff

• 🔧【Fix】
  • Fixed the problem that @douyinfe/semi-illustrations failed to shaking #961
  • Fixed the warning that the name of the custom attribute data-popupId is not lowercase #969（影响范围 2.15.0）

🎉 2.15.0 (2022-07-15)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when TreeSelect/Tree in multi-select state is wrapped by CheckboxGroup, clicking any option will cause all options to be displayed as selected #750
  • Fixed DatePicker in triggerRender range selection scene to select date interaction issue #676

🎉 2.15.0-beta.0 (2022-07-11)

Version Diff

• 🎁【Feature】
  • Support German, Italian and French @jacob-lcs
  • Dropdown add A11y keyboard and focus adaptation #205
  • Components such as Cascader add the preventScroll property to prevent the focus method in the component from causing the page to scroll
  • Rating adds A11y focus and keyboard adaptation
  • Tooltip returnFocusOnClose supports trigger hover and focus
• 🔧【Fix】
  • Fixed the problem that when the TreeSelect search box is in the trigger and there is a value in the search box, the second click will cause the search box to collapse and clear the search value.
  • Fixed the Cascader display error of single selection when setting filterTreeNode & displayRender at the same time
  • Fixed list empty padding @rojer95
  • Fixed InputGroup setting disabled to false in the child does not take effect
  • Fixed the case-sensitive issue of tree search highlighting result
  • Fixed the virtual list occupying problem when virtualizing Table empty data #942
  • Fixed the ts type check error when some Form Field components (such as Form.Upload, Form.Switch) pass in ref, indicating that there is no ref attribute

🎉 2.14.0 (2022-07-01)

Version Diff

• 🔧【Fix】
  • Fixed the issue that the Spin component has black rectangles in some scene contents in dark mode
• 🗃【Chore】
  • Optimize Form interface BaseFormApi type definetion #933

🎉 2.14.0-beta.0 (2022-06-28)

Version Diff

• 🎁【Feature】
  • Input Added A11y keyboard adaptation #205
  • Avatar adds A11y focus and keyboard adaptation #205
  • Radio adds A11y focus and keyboard adaptation #205
  • AutoComplete optimize A11y keyboard adaptation #205
• 🔧【Fix】
  • Fixed Input passing defaultValue will report an error #537
  • Fixed when setting collapsible = true, TabBar appears arrow when Tabs is scrolled out of viewport
  • Fixed some component foundation contains React related type definition problem #923
  • Tooltip and Popover no longer automatically wraps span on disabled elements when trigger is custom #919
• 💥【Breaking Change】
  • The password button in Input is changed to be always displayed, and it was displayed when the input was hover or focus #205
• 💅【Style】
  • Fixed TagInput suffix text color, changed from --semi-color-text-1 to --semi-color-text-2
  • Updated the secondary global color variable, and changed the referenced color scale from blue to light-blue. Before the modification, the secondary color variable was the same as the primary. After the modification, the visual contrast was weaker than the primary. Button, Badge, Steps, Dropdown components are affected.
  • Updating Select, Cascader, TreeSelect size='large', placeholder and radio text size, 14px -> 16px. Align with Input component #859

🎉 2.13.0 (2022-06-20)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Cascader crashes when the value passed in is undefined after setting onChange WithObject, multiple, #905
  • Fixed the issue that scroll bar style is invalid in some scenes
• 💅【Style】
  • Modal, TanPane, Upload add color text declaration to solve the problem of insufficient text color contrast in dark mode when color is not uniformly declared in the body container
  • Solve TimePicker range mode, border-radius is not displayed correctly in dark mode
  • The disabled TagInput can display the content of the +N part of the popover
• ✨【Design Token】
  • Tabs adds $color-tabs_tab-pane-text-default, Upload adds several tokens such as $color-upload_drag_area_main-text
• ✏️【Documentation】
  • Added example of searchRender API and search method

🎉 2.13.0-beta.0 (2022-06-14)

Version Diff

• 🎁【Feature】
  • InputNumber adds A11y keyboard and focus adaptation. which supports holding shift and up and down arrows at the same time in the input box to adjust a larger number range #205
  • Checkbox add A11y keyboard and focus adaptation #205
  • TagInput Click prefix, suffix to automatically focus to the internal Input #874 @yykoypj
  • Form.TagInput supports labelPosition: 'inset' inline label #874 @yykoypj
• 🔧【Fix】
  • Fixed the problem that when Select filter and showClear are true, when clicking the clear icon, only onClear is triggered, but onSearch is not triggered, and after clearing the search item through the clear icon, the candidate Option list is not reset #867
  • Fixed the problem that onSearch is not triggered when Select filter is true, lose focus, and input input is reset automatically #867
  • Fixed the issue that if InputNumber is set to require validation, validation will be triggered when it is initialized in the form, and the behavior is inconsistent with other field component @rojer95
  • Fixed AutoComplete defaultActiveFirstOption not taking effect in some scenarios #892
• 💥【Breaking Change】
  • Adjust the default value of InputNumber shiftStep, from 1 to 10
• ✨【Design Token】
  • Update the color white in the style files of Avatar, Button, Radio, Steps, Switch, Tag and other components to --semi-white
  • Button component adds text color token in borderless mode #898

🎉 2.12.0 (2022-06-06)

Version Diff

• 🔧【Fix】
  • Fixed the issue that the last item style is abnormal when Timeline is nested #865
  • Fixed the problem that the height of emptyContent is incorrect when Select is virtualized and there is no data #839 @tianenpang

🎉 2.12.0-beta.5 (2022-05-31)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Tooltip, Popover, Select and other components with floating layers will flicker when they are used under React 1 #715
  • Fixed FocusHandle referencing lodash-es error (effects v2.12.0-beta.0 - v2.12.0-beta.2)

🎉 2.12.0-beta.0 (2022-05-30)

Version Diff

• 🎁【Feature】
  • Modal adds A11y keyboard and focus adaptation. #205
  • Tabs add A11y keyboard and focus adaptation #205
  • Tag add A11y keyboard and focus adaptation #205
  • Progress stroke support linear color #456 @vecpeng
  • Slider supports clicking marks to change the slider position #618 @huruji
• 🔧【Fix】
  • Fixed TreeSelect TypeError when checkRelation is unRelated and treeData is []
  • Fixed InputNumber value can be changed via stepper in readonly mode @zwlafk
• ✨【Design Token】
  • Tag solid closable icon token $color-tag_close-icon_deep-default

🎉 2.11.2 (2022-05-24)

Version Diff

• 🗃【Chore】
  • Fixed the problem that ts type check reported an error when Nav.Item configures the href attribute through linkOptions #856 @SunriseFox

🎉 2.11.0 (2022-05-23)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the return type of useModal typescript is not strict #833
• 🗃【Chore】
  • Simplify some types #838 @huruji

🎉 2.11.0-beta.1 (2022-05-20)

Version Diff

• 🔧【Fix】
  • Fixed the issue that DatePicker incorrectly referenced the _utils/parse ts source file, resulting in an error

🎉 2.10.2 (2022-05-20)

Version Diff

• 🔧【Fix】
  • Fixed Table onHeaderRow does not take effect when setting scroll prop #849
  • Fixed Select aria-controls are inconsistent in SSR scenarios #840

🎉 2.11.0-beta.0 (2022-05-18)

Version Diff

• 🎁【Feature】
  • After entering the full date in the DatePicker inset input box, the time input box automatically fills the default time #294
  • DatePicker range type supports entering start date or end date, the panel displays the specified date #294
• 🔧【Fix】
  • Fixed the problem of needConfirm DatePicker that the date will be directly selected without confirmation after entering the date in the inset input box #742
  • Fixed the problem that can't get properties of undefined is prompted when using Form, Tabs, and Nav components in React 18 createRoot + strictMode strict mode #745 #795
  • Fixed the problem that the upload list file does not meet expectations when the directory and draggable are true for the Upload component #827
  • Fixed a warning prompt on the console due to the parameter type problem when using a single Checkbox
  • Fixed Checkbox, Radio, Tooltip ARIA id inconsistency in SSR #719
  • Specification TagGroup tagList props type

🎉 2.10.1 (2022-05-10)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when Select is inside the Popover, clicking Option will cause the outer Popover to be collapsed (the issue affects v2.5-v2.10) #818

🎉 2.10.0 (2022-05-07)

Version Diff

• 🔧【Fix】
  • Fixed the error that x-form-id does not match on the server side and the client side when the Form component is used in Nextjs #808 @xuerzong
  • Fixed the problem that when InputNumber is configured with precision, the input illegal characters will not be blank #786 @MuxinFeng
  • Fixed an issue where clicking the arrow switch or the indicator switch did not respond instantly when Carousel autoplayed
  • Fixed InputNumber controlled use and set the minimum value, the problem of not notifyChange when formatting the incoming value into the range #812
  • Fixed the problem of ts type checking error when ButtonGroup passes in multiple children #811
• ✏️【Documentation】
  • A11y：Switch, Banner added keyboard and focus behavior description
  • Update Tabs component FAQ
• 🗃【Chore】
  • Update the typo problem of some function names in @douyinfe/semi-foundation, which has no effect on users #660

🎉 2.10.0-beta.0 (2022-4-29)

Version Diff

• 💡【New Component】
  • new component Carousel #678
• 🔧【Fix】
  • Fixed cascader's displayProp error when multiple selection
• 🎁【Feature】
  • Switch adds A11y keyboard and focus adaptation #205
  • Banner adds A11y keyboard and focus adaptation #205
• 🗃【Chore】
  • @douyinfe/semi-icons, @douyinfe/semi-illustrations update react version statement in peerDependency: 16/17 -> 16/17/18

🎉 2.9.1 (2022-04-26)

Version Diff

• 🔧【Fix】
  • Fixed the Tooltip flickering when there is a probability that the overlay is opened when there is animation
  • Fixed the problem that pm/am could not be set correctly under the TimePicker component use12Hours #776, fix the problem that the TimePicker component could not return to the expected position after selecting the option upwards and clicking clear
  • Fixed the problem that the old value is used internally in the special case of Form Field validate #796
• 💅【Style】
  • Fixed the problem that the border color is not right when Select focus and hover are applied at the same time

🎉 2.9.0 (2022-04-22)

Version Diff

• 🔧【Fix】
  • Fixed the issue that when TagInput is used in a Form, hitting enter would cause the submit event to be triggered #767
  • Fixed the problem that the useless div is left behind after the Modal imperative call
  • Fixed the problem that Collapse DOM has useless attributes
  • Remove Form label user-select:none， allow user select
  • Fixed Cascader clear button keyboard event not responding

🎉 2.9.0-beta.0 (2022-04-18)

Version Diff

• 💡【New Component】
  • New Component Divider. #721 @ZeroCodeLin
• 🎁【Feature】
  • Added support for ReactNode as key value for Descriptions' data prop #734 @oddguan
• 🔧【Fix】
  • Fixed controlled slider component can still trigger value change by clicking track. #768
  • Fixed an issue where Badge could not be used with Tooltip #761
  • Fixed validateStatus type check lack success #746 @rojer95
• 💅【Style】
  • Update the centering method of Avatar text content from absolute positioning to centering by flex layout. If you override the style display to inline-block, then the text centering will not work #774

🎉 2.8.1 (2022-04-19)

Version Diff

• 🔧【Fix】
  • Update the ts type definition of the component to solve the type check error caused by @types/react v18 removing the default children declaration #755

🎉 2.8.0 (2022-04-08)

Version Diff

• 🔧【Fix】
  • Upgrade the react-sortable-hoc version (v1.11.0 -> v2.0.0) that @douyinfe/semi-ui depends on, to solve the problem of unmeet peerDependency when using react 17 in the pnpm scenario, the react version is not satisfie, #747

🎉 2.8.0-beta.1 (2022-04-03)

Version Diff

• 🔧【Fix】
  • Fixed error throw due to unescaped characters during Select search #734 @boenfu

🎉 2.8.0-beta.0 (2022-04-02)

Version Diff

• 🔧【Fix】
  • Fixed the problem that useNotification gets the same ID every time
  • Fixed InputNumber value be formated when precision is set and defaultvalue is empty @rojer95
  • Fixed the panel rendering error when DatePicker defaultPickerValue passes numbers #735
• 🎁【Feature】
  • Popover adds A11y keyboard and focus adaptation #205
• 💅【Style】
  • Adjust the CSS style of the extra element of Form Label: display: block -> flex, fix the problem of not centering alignment when placing Icon in extra #324

🎉 2.7.1 (2022-03-30)

Version Diff

• 🔧【Fix】
  • Fixed focus style issue after Button is clicked (Affects 2.5.0 ~ 2.7.0, there is a problem with Safari compatibility, its behavior is the same as before 2.5.0) #730
  • Fixed Tooltip still execute setState after component unmounted #727

🎉 2.7.0 (2022-03-25)

Version Diff

• 🗃【Chore】
  • useFormApi add generic support @so2liu
• 🚀【Performance】
  • Optimized the number of executions of renderSelectedItem when multiple selection is selected and maxTagCount is configured #709
• 🔧【Fix】
  • Fixed the problem that when radio-group's value is NaN, "Maimum update depth exceeded" is triggered #712 @oddguan
  • Fixed the problem that if the remaining space in the vertical direction is insufficient after TreeSelect expands the node, the expansion direction is not automatically adjusted

🎉 2.7.0-beta.0 (2022-03-18)

Version Diff

• 🎁【Feature】
  • DatePicker supports inset input in panel #294
  • TreeSelect add filterExpandedKeys parameter for onSearch #328
• 🔧【Fix】
  • Fixed the problem where the trigger unexpectedly display [object object] when Cascader was in single-select and non-search mode, and the label was ReactNode. #592
  • ButtonGroup support calssName props #704 @yaogengzhu
  • Fixed that the value of the Tree component will affect the expansion of the node at the beginning, but after updating the treeData, it will no longer affect the expansion of the node #257
  • Fixed expandedKeys of TreeSelect is not completely controlled #328

🎉 2.6.0 (2022-03-11)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when Table expands any row, other expanded rows will be rendered repeatedly #686
  • Fixed navigation lacking key warning, when limitIndent is false #679
  • Fixed the problem that the parent element has 3px blank space when the Tag has a parent package #518 @yangjiaxin1995

🎉 2.5.1 (2022-03-08)

Version Diff

• 🔧【Fix】
  • Fixed Tooltip content autoFocus unexpected behavior #675

🎉 2.6.0-beta.0 (2022-03-04)

Version Diff

• 🎁【Feature】
  • A11y: Calendar, ScrollList, Cascader, DatePicker accessibility semantic adaptation #205
• 💅【Style】
  • Tweaked default theme's 5 CSS tokens and Table empty text color to better support WCAG standard #205
  • Fixed the label alignment problem in Cascader when wrapping in multi-select mode @chenc041
  • Added focus style for Button #205
• ✨【Design Token】
  • Cascader component-level token: remove $spacing-cascader_selection_tag-marginX, add $spacing-cascader_selection_tag-marginLeft and $spacing-cascader_selection_tag-marginRight #636
• 🔧【Fix】
  • Fixed Table header text does not support selection #638 @chenc041
  • Fixed the height inconsistency between Form.RadioGroup and RadioGroup when type=button, remove redundant padding #677
  • Fixed the problem that the Form component does not meet expectations after assigning an item to the array fieldPath using formApi setValue/setError/setTouched #604
  • Fixed the problem that disabled text cannot be displayed in safari when the text color of disabled Input is customized by custom CSS or theme, and it is set to some specific color
  • Fixed the problem that the for attribute of the label does not take the id first when the id is configured in the Form Field component #683
• ✏️【Documentation】
  • A11y: Button adds keyboard and focus behavior description

🎉 2.5.0 (2022-02-24)

Version Diff

• 🔧【Fix】
  • Fixed resizable Table columns width bug when update columns #650
  • Select component automatically scrolls when the keyboard up and down keys are used to adjust the relative position of the focused option #607 @chenzn1
  • Fixed the problem that the configuration of webpack.resolve.alias is invalid after the @douyinfe/semi-next plugin is used in the next.js project #630
  • Fixed the issue that the focus state of the input box was not cleared after closing the panel when DatePicker open was controlled #528
  • Fixed Tooltip in React17 if the parent prevents the click event from bubbling and the pop-up layer is collapsed will fail (Tooltip, Popover's event judgment on clickOutSide behavior monitoring is changed from click to mousedown ) #593 @chenc041

🎉 2.5.0-beta.0 (2022-02-18)

Version Diff

• 🔧【Fix】
  • Fixed slider throw error in shadowDOM or other DocumentFragment env
  • Fixed Table header merge bug when using JSX columns #619
  • Fixed that checked value will be unexpectedly cleared in multiple mode when treeData was updated #622
• 🎁【Feature】
  • Upload component upgrade #556
    • photo wall supports display mask and supports custom preview icon customization
    • upload supports hot area of the photo wall to move to the head
    • file list supports custom operation area
  • Table supports the defaultFilteredValue API for the default filtered value for a given column
  • TreeSelect supports parent-child node selection relationship detachment #522
  • Tree supports parent-child node selection relationship detachment #522
  • Tooltip leftTopOver and rightTopOver position supports autoAdjustOverflow
• 💅【Style】
  • Update hover Sass token in Cascader component [@Carlosfengv](https://github.com/Carlosfengv

🎉 2.4.1 (2022-02-16)

Version Diff

• 🔧【Fix】
  • @douyinfe/semi-ui Add dependency declaration: @douyinfe/semi-animation to avoid the problem of missing dependency declarations that may exist in pnpm scenarios #626
  • Avoid waring about passing insetLabelId/onChangeWithDateFirst to origin input/text dom in component Form.Input/TextArea/TimePicker #624
• 💅【Style】
  • Optimize TagInput component Sass variable reference relationship @Carlosfengv

🎉 2.4.0 (2022-02-11)

Version Diff

• 🔧【Fix】
  • TimePicker crash issue #585
  • Fixed Nav limitIndent in the collapsed state, when the submenu is displayed in the form of dropdown, it is also consumed, which leads to the problem of redundant blank space
  • Fixed Typograph ellipsis error when set whiteSpace 'pre-line' and expandable
  • Fixed TreeSelect When treeData is large, update becomes very slow due to redundant operations of converting to Set #521
  • Fixed that when TreeSelect is uncontrolled single-selection mode, after treeData is updated, the selected value will be emptied unexpectedly #515
• 💅【Style】
  • Update some Sass variables in Button, Input, Modal, Select, ScrollList and TreeSelect components. Extract the default style as a Sass variable to facilitate DSM to modify the default style of these components #570

🎉 2.4.0-beta.0 (2022-01-28)

Version Diff

• 🎁【Feature】
  • TimePicker add support for onChangeWithDateFirst API #555
• 🔧【Fix】
  • Fixed the problem that when Select is customized using renderCreateItem, the new option needs to be clicked twice #574
  • Fixed InputNumber button right click bug #540
  • Fixed page back to one when Table columns change bug #381
  • Fixed the jitter of scrolling items when Tree uses both virtualize and renderFullLabel #527
• 💅【Style】
  • Fixed TextArea readonly hover cursor style bug @chenc041 #535
  • Fixed the problem that the z-index level of the fixed column of Table is too high

🎉 2.3.0 (2022-01-14)

Version Diff

• 🔧【Fix】
  • Fixed Notification display collapsing order #531
  • Fixed the problem that the edge click of the remove button is not available in Upload when listType='picture' @pdsuwwz #525
  • Removed useless aria-label in Collapse, SideSheet, Avatar, Spin components #536

🎉 2.3.0-beta.0 (2022-01-07)

Version Diff

• 🔧【Fix】
  • Fixed the problem that when Form uses the parent fieldPath in formApi.setValue, setError, and setTouch to perform batch assignment to multiple nested fields, there may be a problem of stuck (affecting versions v1.32~v2.2)
  • Fixed the inaccurate trigger range of Form formApi.validate partial verification #510
  • Fixed the problem that Tooltip did not include spacing when calculating adjustOverflow, which caused the content to exceed (but not exceed 8px) and still not automatically switch the direction. #491
  • Fixed Tooltip showing that the default direction of the floating layer is insufficient, and it will flicker when adjustOverflow is triggered to automatically switch the direction. #69
  • Fixed Tree handleNodeDragOver internal event parameters are not properly passed #345
  • Fixed TreeSelect when searchPosition is trigger, maxTagCount does not take effect #498
  • Fixed TagInput setting value to undefined does not take effect #483
  • Fixed Slider step marks click not working
  • Fixed Table uncontrolled paging after turning the page, updating state will reset the paging state and jump to the first page #348 @chenc041
• 🎁【Feature】
  • Select supports autoClearSearchValue, allowing the current search keywords to be retained after selection Checklist
  • Slider add cursor grabbing style when drag Checklist
  • A11y: 40+ components add accessibility semantic support #205
    • Button adds aria-label attribute, when disabled, Button has aria-disabled attribute
    • The role of Checkbox is checkbox, the role of CheckboxGroup is list, its direct child element is listitem, and the aria-label attribute is added to explain the function of the selection box; aria-disabled means the current disabled state; aria-checked means the current selected state
    • aria-hidden is true for Empty illustrations
    • Form adds label and error message accessibility support for Form.Field
    • Icon component role is img, and its aria-label defaults to the component's file name; the svg element inside Icon is a decorative element, and aria-hidden is set by default to prevent it from being read by screen readers
    • InputGroup adds a default value of name to Label to associate the corresponding field
    • Modal adds focus position processing before and after opening, focusing on the pop-up layer after opening, and focusing on the focused position before opening after closing
    • Radio's aria-labelledby points to the addon node by default, which is used to explain the content of Radio, and aria-describedby points to the extra node by default, which is used to supplement and explain the content of Radio
    • The roles of the Select trigger and the pop-up layer are combobox and listbox, and the trigger is bound with some aria-* attributes to indicate the relationship with the pop-up layer; Option has aria-selected and aria-disabled attributes to indicate the selected state of the current item
    • The role of Slider is slider, and attributes such as aria-valuenow are set to describe its current state; aria-orientation is vertical when it is vertical; when the value of aria-valuenow is not easy to understand, it supports passing a string through API aria-valuetext To make it more friendly, you can also get the value of aria-valuetext through the geAriaValueText method. #490
    • Added role and aria-* attributes to table rows and cells
    • Tooltip has a tooltip role, which follows the definition of Tooltip in the WAI-ARIA specification; the content wrapper will be automatically added with an id attribute to match children's aria-describedby and associate content with children
    • Tree supports passing in aria-label to indicate the role of the Tree, and the corresponding role and aria-* attributes are set for Tree and TreeNode inside the component. #493
    • TreeSelect supports passing in attributes such as aria-label and aria-errormessage to indicate the role and current status of TreeSelect, and sets relevant aria-* attributes for child nodes. #493
    • When the trigger of the Popover is hover, the content of the Popover has the tooltip role, and when the trigger is click, custom, the content of the Popover has the dialog role
    • For details of other components, please refer to the documentation of each component, click to view the accessibility design guide

🎉 2.2.2 (2021-12-31)

Version Diff

• 🔧【Fix】
  • Fixed Transfer In the groupList scenario, the title attribute is passed into the reactElement node, resulting in key-warning @JontyyYang
  • Fixed DatePicker range selection preset date is set to null or undefined, the panel does not close after selecting the date #338
  • Fixed the issue that the dateRange type DatePicker, when triggerRender is passed in, the panel does not close after selecting the date #422
  • Fixed InputNumber precision format bug in controlled mode
  • Fixed spelling errors in IconFastForward @clark-cui

🎉 2.2.1 (2021-12-29)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker input value is back to confirmed value bug when needConfirm is true #457
  • Optimize DatePicker interaction details, needConfirm mode click outside will no longer close the panel, you need to click cancel to close the panel #457
  • Fixed DatePicker needConfirm button margin bug in footer #457
  • Fixed DatePicker year button direction bug when direction='rtl' #457
  • Fixed Table head row paddingY not same with design draft bug and updated to 8px #460

🎉 2.2.0 (2021-12-24)

Version Diff

• 🔧【Fix】
  • Fixed the problem that tabPlane tab props does not accept dynamic updates when Tabs are used in umd mode
• ✏️【Documentation】
  • Improve Navigation API documentation #451 @linjunc

🎉 2.2.0-beta.1 (2021-12-23)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker input illegal year causing component crash #422
  • Fixed the content penetration caused by transparent background color in Notification when theme='light' #430
  • Fixed the issue of @charset utf-8 related warning when Vite builds CSS #403
  • Fixed the problem that the data in the drop-down list is not displayed correctly after using backSpace to delete the selected item in Select multiple selection #444
  • Fixed Empty display this.updateMode undefined problem when switching dark mode #452
  • Fixed the responsive error reporting issue of Safari<=13 version #442

🎉 2.2.0-beta.0 (2021-12-17)

Version Diff

• 🎁【Feature】
  • Timeline.Item supports onClick #402
  • Cascader
    • Support only echoing leaf nodes with leafOnly API #256
    • Support click the leaf node to select it in multiple selection with enableLeafClick API #302 @btea
    • Support custom separator with separator API #408
  • Upload #342
    • Support ref.current.insert method
    • Support props showPicInfo
    • Use gap to control FileCard interval
  • Icon #260
    • Add double_chevron_left, double_chevron_right icons
    • Icon supports following the current context font size
  • LocaleProvider added Spanish language pack @chenjunxyf
  • Select added inputProps, which is convenient for users to realize some special functions when filter is true. For example, incoming onCompositionEnd, onKeyDown event monitoring, etc.
  • DatePicker #260
    • Add year switch buttons
    • Optimize the scope selection interaction logic to avoid scenes where the two panels are the same month
• 🔧【Fix】
  • Select
    • Fixed the issue of key warning when isRenderInTag returned by Select renderSelectedItem is false #320
    • Fixed the problem that the mark tag key is missing when the warning prompts the mark when searching for the highlighted keyword in Select
  • Fixed that the label style does not match the design draft when Cascader is multiple+disabled #400
  • Fixed the problem of incorrect rendering when the key or itemKey is node when Description type='plain' #406
  • Fixed the issue that when Pagination uses hideOnSingePage and showSizeChanger at the same time, when the total number of pages is only 1, the sizeChanger will disappear and can no longer be switched #252
  • Fixed the issue that the design token of the Select component does not take effect when defining the Select component through Webpack plugin variables #375 @summerstream
  • Fixed the UI error after setting the size of the Rating component to number
  • Fixed the horizontal alignment of Timeline custom dot #395 @chenc041
• ✏️【Documentation】
  • Improve semi-ui package.json @chenc041

🎉 2.1.5 (2021-12-10)

Version Diff

• 🔧【Fix】
  • Timeline.time ts definition supports ReactNode type #359 @chenc041
  • Fixed the problem of Tree component onContextMenu preventing bubbling #364 @Nctdtman
  • Fixed the missing id of Select/Checkbox/Button #353
  • Fixed the problem that the definitions of Nav footer and header dts are reversed
  • Fixed the problem that the z-index of Table fixed cell is too small, adjusted from 1 to 101 #391
  • Fixed Form Field losing ref bug when it is not given filed prop
• 💅【Style】
  • Fixed the problem that the naming of --overlay-bg token is not standardized. Modified to --color-overlay-bg

🎉 2.1.4 (2021-12-03)

Version Diff

• 🔧【Fix】
  • Add nativeEvent.stopImmediatePropagation to the event input parameter of Checkbox onChange callback #343
  • Fixed the problem that when Cascader is multi-selected, clicking Checkbox will trigger bubbling in some scenarios #343
  • Fixed that ButtonGroup children are not ReactElement report errors #318
  • Fixed Rating component half star ui error, when parent element set line-height #346
  • Checkbox/Radio
    • Fixed the style of the state switching of the mouse when the mouse is moved in/out of the checked button #319
    • Fixed the border of the checked button will appear when the checked button is hover/active #319
    • Optimize the style of the checked+disabled state of the card/pureCard type #319

🎉 2.1.3 (2021-11-30)

Version Diff

• 🔧【Fix】
  • Fixed the bug of replacing source in ImportDeclaration during source code building

🎉 2.1.2 (2021-11-30)

Version Diff

• 🎁【Feature】
  • Support Next.js #153
  • Replace Feishu Logo icon
• 🔧【Fix】
  • Fixed the style problem of AutoComplete
  • Fixed the problem that InputNumber does not have API syntax hints in the editor #327
  • Fixed the wrong color of hover state border when Input focus #332

🎉 2.1.1 (2021-11-26)

Version Diff

• 🔧【Fix】
  • Provide UMD products of semi-icons and semi-illustrations to solve the problem that icons cannot be used in UMD scenarios #215

🎉 2.1.0 (2021-11-26)

Version Diff

• 🔧【Fix】
  • Fixed the issue that the Collapsible component is stuck when expanding/retracting when the content has a margin @ChelesteWang
• 💅【Style】
  • Timeline adds $color-timeline_item_content-text-default Sass variable, which is used to configure the timeline title text color
• ✏️【Documentation】
  • Add a demo example of applying dark mode and bright mode to some modules #301
  • Update the Table sample, use sample code that is more suitable for the usage scenario, and add notes to some common problems #315
  • Added demo examples for use with Checkbox, Radio, Input, Pagination; added demo examples for drag sorting; added demo examples for keyboard response events

🎉 2.1.0-beta.3 (2021-11-24)

Version Diff

• 🔧【Fix】
  • Update the ts type definitions of some components, and fix the problem that the build report error when strict: true is enabled and skipLibCheck is false in tscofnig.json #283

🎉 2.1.0-beta.1 (2021-11-24)

Version Diff

• 🔧【Fix】
  • Select
    • Fixed the crash of virtualization. #308
    • Fixed the rendering problem when Option children are not string.
  • Fixed an error when TreeSelect leafOnly and searchPosition='hover' are opened at the same time. #306
  • Fixed that the value of triggerRender in the parameter is empty when Cascader is multi-selected. 259
  • Fixed the incorrect naming of the interface ExpanedOtherProps of Tree and amend it to ExpandedOtherProps. 297

🎉 2.1.0-beta.0 (2021-11-19)

Version Diff

• 🎁【Feature】
  • Tabs add close options closable API @xieyezi
  • TagInput added onKeyDown API #255
  • Tooltip, Popover, and Popconfirm add onClickOutSide API, which makes it easier to implement the behavior of clicking the blank space to close when trigger='custom'#268
• 🔧【Fix】
  • Fixed the possible vertical misalignment of Radio under certain theme packages: the value of Radio $height-radio_inner_min is changed from inheriting $spacing-base-loose to fixed 20px to avoid being affected by different theme packages
  • Fixed the problem that onChange is still triggered when Tabs is clicked on the active tab #208
  • Fixed the problem that the height of the Collapsible component is not fully expanded when the collapsible component is opened by default #85
  • Fixed the problem that onAfterChange is not triggered when clicking on the track when the Slider value is controlled
  • Fixed Select, AutoComplete UMD CSS missing problem
• 🗃【Chore】
  • Fixed the inaccurate definition of the renderSelectedItem ts of TreeSelect #265
  • Typescript Interface related changes #277
    • Form adds the export of WithFieldOption
    • Notification adds the export of ConfigProps
    • Toast adds the export of ConfigProps
    • Upload adds the export of BeforeUploadObjectResult and AfterUploadResult
    • Cascader adds CascaderType and ShowNextType export

🎉 2.0.8 (2021-11-11)

Version Diff

• 🔧【Fix】
  • Fixed Modal afterClose not work in some scenario.

🎉 2.0.7 (2021-11-10)

Version Diff

• 🔧【Fix】
  • semi-icons add dependencies classnames #231
• 💅【Style】
  • Table Fixed the problem of table misalignment when there is a fixed column/header scenario, all columns are not set to width #247

🎉 2.0.6 (2021-11-10)

Version Diff

• 💅【Style】
  • Table removed scrollbar column when there is a fixed column/header scenario by using the overflow-y to simulate the scrollbar #164

🎉 2.0.5 (2021-11-09)

Version Diff

• 💅【Style】
  • Fixed the border style issue when the Input component is hover #204
• 🚀【Performance】
  • Modal uses CSS animation to optimize the animation effect when opening and closing #236

🎉 2.0.4 (2021-11-08)

Version Diff

• 🔧【Fix】
  • Fixed Cascader single selection, the problem that the defaultValue is disabled when the node is selected will be filtered #183
  • Fixed Cascader multiple and onChangeWithObject enabled, the defaultValue is object[] does not take effect #184
  • Fixed the problem that the Select support cannot automatically scroll to the selected item after opening the drop-down box #169
  • Fixed Table resizable table issue #154
• ✏️【Documentation】
  • Optimized the contributing document #224 @btea

🎉 2.0.3 (2021-11-06)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the item height of Tree / TreeSelect becomes larger in the loading state #181
  • Fixed the problem that the input value of TagInput will be cleared when separator is not string or array #182
  • Fixed the issue that when Form resets ArrayField through setValues, formState has taken effect and UI rendering is not updated synchronously #211
• ✏️【Documentation】
  • Introduction page adds pnpm installation method #27 @Sepush
• 🗃【Chore】
  • Japanese language locale sources optimizes two copywriting of Pagination and DatePicker components#135 @Void-YY

🎉 2.0.2 (2021-11-04)

Version Diff

• 🔧【Fix】
  • Fixed the type definition of Toast #166
  • Fixed the type definition of Radio value and defaultValue, from string to string | number #159
  • Fixed the problem of Transfer search under treeList type #163
  • When DatePicker type=month, the computer is set to the US Eastern time zone and the date cannot be selected #173
  • Fixed List type definition error #156
  • Fixed the type definition issue of Select component renderSelectedItems #160
  • Fixed Tooltip event callback is not removed correctly #192
• 💅【Style】
  • New tokens for Switch: $color-switch_disabled-bg-hover, $color-switch_disabled-bg-active, custom disabled background color #115
• ✏️【Documentation】
  • Optimize some document issues #165 #175 @YufeeXing @BestDingSheng
• 🗃【Chore】
  • Anchor adds max-height, max-width test cases #151 @songjianet

🎉 2.0.1 (2021-11-01)

Version Diff

• 🔧【Fix】
  • Fixed TreeSelect will expand its child nodes and close them immediately after selecting a node, causing a visual flickering feeling #78
  • Fixed the rendering error when the size of Progress component is changed #94
  • Fixed the problem that the height of the component is not fully expanded when the Collapsible component is opened by default #85 @Janlay884181317
  • Fixed Navigation items type definition error issue #35
  • Fixed Navigation.Header linkOptions upload target type error problem #120 @boenfu
  • Fixed the error of Table Column.render text type, caused by string => any #144
  • Fixed an error in the TextArea component TextAreaProps type definition #149
• 💅【Style】
  • Update the Form component Token, the value of $spacing-form_label_posLeft-marginRight: 4px -> 0px, align the right margin of the Label when labelPosition='left' (regardless of whether it is in Form.InputGroup or not). And fix the problem that the Label in Form.InputGroup is not vertically centered when labelPosition='left' #67
  • Anchor component modify Token spelling problem, update $radis-anchor_slide => $radius-anchor_slide #92 @btea
• ✏️【Documentation】
  • Optimized the sample documents of Navigation, Upload, TreeSelect, TimePicker, Switch, Select, Rating, Form, DatePicker, Notification and other components, and fixed some spelling errors. @songjianet @wangzhitao @pleiades-embers @jaydonyin @jukrb0x @GoldSubmarine @wangzt-arch @ivan0525 @Shigma @GoldSubmarine @WscatsWscats @oddguan (in no particular order, the same scenes may not be a batch of notes)
  • Helped to improve the README, CONTRIBUTING, introduction and other documents @ChelesteWang @Timeless0911 @niexq @Pingren @oddguan @noahziheng @Aaron00101010 @Faithree

🎉 2.0.0 (2021-10-26)

Version Diff

• 💥【Breaking Change】
  • Component Changes
    • Icon related
      • Icon component no longer supports type = xxx using built-in icons
      • Custom svg no longer supports plug-in configuration srcSvgPaths
      • The Button icon and iconType property no longer supports passing built-in icon names through strings
      • Dropdown deletes the iconType attribute and unifies it into the icon attribute
      • Navigation icons no longer support incoming by string, ReactNode needs to be passed in
      • Notification icons are no longer passed in by string, please use ReactNode uniformly
    • AutoComplete officially discards the onChangeWithObject property
    • Remove onInputChange from Cascader triggerRender
    • Form no longer exports Label components from semi-ui/index.js
    • Tree onRightClick renamed onContextMenu
    • Upload dragable renamed draggable
    • Tooltip no longer supports the disabled attribute, and components that rely on Tooltip (such as Popover, Dropdown, etc.) transparently transmitted to Tooltip disabled will become invalid
    • Table
      • API that no longer responds when componentDidUpdate
        • DefaultExpandAllRows, please replace with expandAllRows
        • Default ExpandRowKeys, please replace with expandRowKeys
        • Default ExpandAllGroupRows, please replace with expandAllGroupRows
  • Style Changes
    • CSS variable with semi prefix, for example --color-primary = > --semi-color-primary
    • In 2.x, the unified set the width and height of the illustration to 200 * 200px
    • Design Token Changes
      • Popconfirm
        • $color-popconfirm_body-text 由 --semi-color-tertiary => --semi-color-text-2
        • $color-popconfirm_header_alert-icon 由 #fa7500 => --semi-color-warning
      • Progress
        • $spacing-progress_line_text-marginLeft 由 15px => $spacing-base(16px)
        • $spacing-progress_line_text-marginRight 由 15px => $spacing-base(16px)
      • Radio
        • $spacing-radio_addon_buttonRadio_large-paddingY 由 6px => $spacing-base-tight / 2 (6px)
        • $radius-radio_cardRadioGroup 由 3px => --semi-border-radius-small(3px)
  • Plugin Changes
    • In 2.x, the iconLazyLoad, svgPaths, srcSvgPaths configurations are no longer supported
    • In 2.x, section dark mode and bright mode no longer need to configure themeScope attributes in the plug-in, and the default is built-in. The usage method is updated from adding id #semi-ways-xxx to adding class .semi-ways-xxx.
  • Other Changes
    • Due to the adjustment of the Icon, the way of using icons and illustrations for Icon and Empty components is different from before. Please see for details

🎉 1.33.1 - 1.38.x (2021-10-23)

Version Diff

• ✏️【Documentation】
  • ByteDance users, if you need to query the changelog changes in this section, please access it through the internal domain and switch to the 1.x documentation site in the Header in the upper right corner. This part of Feature and Fixed changes coincide with v2.0 - 2.4, so it will not be listed here again

🎉 1.33.0 (2021-10-22)

Version Diff

• 🔧【Fix】
  • Fixed that when the Cascader uses changeOnSelect and loadData attributes at the same time, and the last level is not selected, the value can not reset

🎉 1.33.0-beta.3 (2021-10-19)

Version Diff

• 🔧【Fix】
  • Fixed Cascader when the label is ReactNode type, and filterTreeNode is turned on, the search results are not rendered correctly.
  • Fixed the problem that the propTypes of Steps type is missing the "nav" type.

🎉 1.33.0-beta.2 (2021-10-18)

Version Diff

• 🔧【Fix】
  • Fixed the problem When Cascader loads asynchronously, the defaultValue is abnormally cleared.

🎉 1.32.3 (2021-10-18)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Select typing similar unescaped characters '(' '/' will throw error

🎉 1.33.0-beta.0 (2021-10-15)

Version Diff

• 🔧【Fix】
  • Fixed Tooltip package Select, remote search out of focus.
  • Fixed the problem of missing spaces before and after the highlighted string in the search results in Select search mode.

🎉 1.32.2 (2021-10-14)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the pop-up layer is not displayed when Tooltip motion is false (affects v1.30+)
  • Fixed the problem that if the parent dom enters display none when the Slider is dragging, an error will be triggered

🎉 1.32.1 (2021-10-11)

Version Diff

• 🔧【Fix】
  • Fixed the problem of triggering bubbling when Button is disabled.

🎉 1.32.0 (2021-10-09)

Version Diff

• 🔧【Fix】
  • Fixed the issue that Avatar update src does not take effect
  • Fixed the issue that DatePicker displays incorrect dates in Russian and Vietnamese
  • Fixed the size of avatar style is abnormal when Tag size is small and avatarShape is circle

🎉 1.32.0-beta.0 (2021-09-30)

Version Diff

• 🎁【Feature】
  • TreeSelect supports support loadData/onLoad/loadedKeys
  • Cascader supports disableStrictly
  • Tooltip supports wrapperClassName
  • Form formApi.setValue, setError, and setTouched support the use of parent fieldPath to assign values to multiple fields in batches
• 🔧【Fix】
  • Fixed the problem that when Form ArrayField sets initValue and its subordinate Field also sets initValue, the initial value configured by ArrayField Props has a higher weight than the initial value configured by Field Props. Align the priority rules of Form Props and Field Props, and follow the principle that the sub-level configuration has the highest weight

🎉 1.31.0 (2021-09-24)

Version Diff

• 🔧【Fix】
  • Form fixes the problem that validate may be triggered by mistake due to the same field prefix when validate specifies the validation part of the fields
  • DatePicker disabledTime callback parameter type error (affecting v1.26 ~ 1.31-beta)

🎉 1.31.0-beta.1 (2021-09-23)

Version Diff

• 🔧【Fix】
  • When Pagination showQuickJumper is true and a negative number is entered, it will change from not valid to the first page
• 💅【Style】
  • Remove the padding on the left and right sides when the Pagination type is mini (that is, the default value of the component Token: $spacing-pagination_small-paddingX is changed from 8px to 0)
  • When Pagination showQuickJumper is true, when the total number of pages is only 1 page, styles of quickJumper are automatically disabled. New component Token: $color-pagination_quickjump_text-disabled

🎉 1.31.0-beta.0 (2021-09-18)

Version Diff

• 🎁【Feature】
  • Upload add beforeRemove (callback before deletion) and beforeClear (callback before emptying), which can be used to prevent file removal
  • Pagination adds showQuickJumper to quickly jump to a page
  • DatePicker added rangeSeparator API to support replacement range date separator
  • Table
    • Added the defaultSortOrder API to support setting a default sort order for columns
    • Added expandRowByClick API to support click row expansion
• 🔧【Fix】
  • Fixed the problem that the width of the input box changes when the input width is not set and hideSuffix is true, and when the button hover is cleared

🎉 1.30.2 (2021-09-17)

Version Diff

• 💅【Style】
  • Fixed the problem of the height change style of the header on the right side of the Transfer component

🎉 1.30.1 (2021-09-13)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Button prevents the event from bubbling in any situation, causing the Upload to be unavailable

🎉 1.30.0 (2021-09-10)

Version Diff

• 🔧【Fix】
  • Fixed Tooltip getPopupContainer error report
  • Fixed Pagination error when total is too large
  • In disabled Button, it is expected that the click event will not propagate
• 🗃【Chore】
  • Update the type definition of TimePicker defaultValue and value
  • Fixed the dts of Card shadows, change'show' to'always'

🎉 1.30.0-beta.1 (2021-09-06)

Version Diff

• 🔧【Fix】
  • Fixed Cascader in the case of a long list, after clicking the clear button, the dropdown is misplaced.
• ✏️【Documentation】
  • Fixed the problem that the name is incorrectly written when introducing the api in the Table document. defaultExpandGroupRows is changed to defaultExpandAllGroupRows, expandGroupRows is changed to expandAllGroupRows.

🎉 1.30.0-beta.0 (2021-09-03)

Version Diff

• 🎁【Feature】
  • CheckboxGroup and RadioGroup support type='card' and type='pureCard'
  • Tree supports expandAll
  • Form Field supports incoming ref
  • TextArea supports showClear and onClear
  • Treeselect
    • Support disableStrictly
    • Support expandAll
  • The theme supports opening the partial dark/bright color mode through configuration. For details, click
  • Table supports expandAllRows, defaultExpandAllGroupRows, expandAllGroupRows API
• 🔧【Fix】
  • Tooltip
    • When the container is body, if the body has margins, the position of the pop-up layer is wrong
    • Fixed the issue that onVisibleChange does not occasionally trigger
    • Fixed the problem that when mouseEnterDalay and mouseLeaveDelay are both 0, the mouse quickly swipes over the pop-up layer and cannot be hidden
  • When DatePicker type is date, onFocus is not triggered when focusing again after losing focus
  • Icon lazy loading icon not loaded fix
  • Calendar fixes the problem of head misalignment
  • Fixed the issue that the slider does not take effect in the controlled mode onAfterChange
• 💅【Style】
  • Tree and TreeSelect support search highlighting
  • When CheckboxGroup direction='horizontal', the margin-right of the last checkbox is set to 0 to align with the vertical situation
  • Fixed the problem of upload photo wall mode, disabled pointer style is not prohibited
• ✏️【Documentation】
  • Fixed the problem that the TagGroup demo is not vertically aligned

🎉 1.29.1 (2021-08-30)

Version Diff

• 🔧【Fix】
  • Fixed the problem of unregister error due to stringify exception when adding or deleting rows after onChangeWithObject is turned on using Form.Select in ArrayField

🎉 1.29.0 (2021-08-27)

Version Diff

• 🎁【Feature】
  • Added Icon, layers
• 🔧【Fix】
  • Fixed the issue that the columns cannot be aligned when Table column render returns rowSpan and there are fixed columns
  • Fixed InputNumber formatter has different effects in controlled mode and uncontrolled mode
  • Fixed DatePicker disabled start date cannot modify end date issue
• 💅【Style】
  • Cascader search highlight color replaced with --color-primary
  • Change the extra color of Checkbox and Radio when disabled from --color-text-2 to --color-disabled-text
  • When InputNumber is passed in the disabled prop, add a disabled color to the button
• 🗃【Chore】
  • Optimized the definition of 13 component types such as Avatar, Banner, DatePicker @xiezhiqiang
  • DatePicker disabledDate parameter exposes rangeEnd value
  • Optimize Table type definition

🎉 1.29.0-beta.0 (2021-08-20)

Version Diff

• 🎁【Feature】
  • TagInput
    • Support autoFocus
    • separator supports array format, allowing multiple separators to be set
  • Cascader
    • Support onClear
    • Support showNext, allowing to set the expansion timing of the Dropdown submenu
  • TreeSelect supports searchPosition
  • Steps support onChange
  • Switch supports loading
  • Slider vertical mode supports reverse direction, that is, up-large and down-small
• 💅【Style】
  • The spacing of Space is changed from margin to gap. After turning on wrap, the child element in the last line no longer has a bottom margin, and the last element of each line no longer has a right margin
  • The right margin of the selection of TreeSelect is set from 12px to 0 to align the Select component
• 🔧【Fix】
  • TreeSelect
    • Fixed the problem that the drop-down box will not be collapsed if the selected item is selected during single selection
    • Fixed the issue that size is invalid when multiple is used
  • Slider
    • Fixed the problem that onAfterChange entered parameter values ​​incorrectly in special situations
  • Select
    • Fixed the problem of icon and text wrapping when the virtual list text is too long
  • DatePicker
    • Fixed that notifyChange causes an error in formatting date after selecting a date in dateRange controlled mode
• ✏️【Documentation】
  • Introduction of treeData types in Cascader Supplementary Document
• 🗃【Chore】
  • TreeSelect supplements the dts type definition of triggerRender input parameter and the corresponding document description

🎉 1.28.4 (2021-08-19)

Version Diff

• 🔧【Fix】
  • DatePicker
    • In the dateTimeRange type, fix the problem when determining whether the date is disabled

🎉 1.28.3 (2021-08-19)

Version Diff

• 🔧【Fix】
  • Cascader
    • Fixed the error of forEach is not a function when autoMergeValue is false
    • Fixed the issue that clearBtn is displayed when the selected item is empty when multiple is true and showClear is true

🎉 1.28.2 (2021-08-18)

Version Diff

• 🔧【Fix】
  • Steps
    • Fixed the problem that Steps Component Design Token not work

🎉 1.28.1 (2021-08-16)

Version Diff

• 🎁【Feature】
  • The built-in copywriting of the component supports Traditional Chinese
• 🔧【Fix】
  • Select
    • Fixed the problem that the key is contained in the optionList when controlled multiple selection and onChangeWithObject is true, and the key is lost in the onChange callback when the first selection is made
    • Fixed the issue that after onChangeWithObject is turned on, the option in onChange will additionally include certain internal Select states such as selected, show, etc.
    • Fixed the problem of creating new options when the filter allowCreate is enabled at the same time and the search options are hit.
  • Calendar
    • Fixed the problem of default locale error
  • Fixed the problem that the icon of UMD product did not decolorize
  • DatePicker
    • In dateRange and dateTimeRange types, the option of dynamic disable date is supported. For example, when startDate is selected, when endDate is selected, dates smaller than startDate are not selectable.
    • In the dateRange and dateTimeRange types, the highlight area of ​​the trigger when selecting a date has been optimized. The previously completed trigger is highlighted and switched to the input area. Contains background and borders. For example, when startDate is selected, the startInput area will be highlighted.
      • Note: The trigger of DatePicker has been adjusted to implement this function. Include a layer of div in the outer layer of the input.
    • The notifyChange is triggered when the repair range selection date is not completed(from v1.26)
  • TreeSelect error after double-clicking the dropdown box sub-item
• 💅【Style】
  • Select.Option adds flex-wrap to avoid the problem of abnormally long text display in some cases when searching
• 🗃【Chore】
  • Typography removes the dangerouslySetInnerHTML attribute in the type definition file
  • Notification type definition issue update, add open attribute, remove non-existent confirm attribute
• ✏️【Documentation】
  • Button added noHorizontalPadding documentation

🎉 1.28.0-beta.0 (2021-08-06)

Version Diff

• 🎁【Feature】
  • Cascader supports multiple、onExceed、max、maxTagcount、showRestTagsPopover、restTagsPopoverProps、autoMergeValue API
  • DatePicker add API syncSwitchMonth, which allows the dual-panel month to be switched synchronously in the range selection scenario
  • DatePicker add callback onPanelChange, which is triggered when the month is switched around
• 💅【Style】
  • Fixed the difference between the horizontal margin of +N and the design draft in TagInput, and add 8px to the horizontal inner margin of +N
  • Radio
    • Fixed the difference between the default radio background color of the button type and the design draft, from var(--color-fill-1) to var(--color-fill-0)
    • Fixed the problem that the button type Radio is not aligned, add align-item: middle
  • Design Token
    • PopConfirm add new component sass token: $radius-popconfirm-popover , you can use it to modify border-radius of popConfirm
    • Add new CSS global token: --border-radius，can be used to create full-size rounded corners, such as capsule labels, etc.
• 🔧【Fix】
  • Table
    • Fixed the problem of incorrect rendering of selectable cells disabled with controlled rowSelection
    • Fixed the problem that the table data is not sorted correctly with controlled columns.sortOrder
    • Fixed the problem that if the dataSource is updated when there are filtering items, all the dataSource will be displayed without filtering
• ✏️【Documentation】
  • Add demo of autoExpandParent usage in Tree component documentation

🎉 1.27.3 (2021-08-05)

Version Diff

• 🔧【Fix】
  • Optimize the interactive experience of DatePicker dateRange and dateTimeRange scenes. Support in one selection, you can change startDate or endDate alone, or change at the same time

🎉 1.27.0 (2021-07-30)

Version Diff

• 🔧【Fix】
  • Fixed an issue where SideSheet does not display correctly when SideSheet mask is set to false and width is set to a percentage string
  • Tag adds support for default size, fix the problem of using default size in InputGroup
• 💅【Style】
  • Tag adds white-space: nowrap, solving the incorrect display of the ultra-long wrap due to the highly fixed display (Tag recommended single line usage, long-content is recommended to use Typography)
• 🗃【Chore】
  • Table dts adds RecordType generic, improve the column.render parameter definition

🎉 1.27.0-beta.0 (2021-07-23)

Version Diff

• 🎁【Feature】
  • Breadcrumb supports renderMore and moreType API, which can customize the rendering of ... area
  • Select supports keyword highlighting when searching (only when option label/chilren is a pure string text)
  • In Pagination mini mode, add hoverShowPageSelect API to support hover to quickly switch page numbers
  • TreeSelect added searchAutoFocus API, which supports automatic focus of the search box in the search function
  • Cascader supports topSlot and bottomSlot API
  • Modal supports automatically calculating the width of the scroll bar to prevent the content behind the mask from jittering when it pops up
  • Navigation adds limitIndent API for indentation limit, and new toggleIconPosition API for control expand collapse icon position
  • • Tree supports drag and drop in renderFullLabel scene
• 🔧【Fix】
  • Fixed the problem that Notification has a small probability of failure when the same task queue is quickly displayed and hidden
  • Fixed the logic problem of processing judgment of selecting all/deselecting all and emptying the Transfer components
• ✏️【Documentation】
  • Fixed the jump link of the tooltip position in the Dropdown document

🎉 1.26.1 (2021-07-20)

Version Diff

• 🔧【Fix】
  • Fixed the problem that DatePicker directly reports an error when switching time
• 💅【Style】
  • Fixed the problem that the disabled style does not meet expectations when DatePicker has defaultValue
• ✏️【Documentation】
  • Modified and supplemented the content of triggerRender in the Cascader and Select component documents

🎉 1.26.0 (2021-07-18)

Version Diff

• 🔧【Fix】
  • Fixed the issue that RadioGroup reports errors when transmitting Radio between levels
  • Fixed the problem that the React.Fragment display in Space does not meet expectations
  • Fixed Collapsible does not keepDom, but renders the DOM during initial folding
  • Fixed the issue that ArrayField was not reset to the initial state when Form reset
  • Fixed an issue where the verification status was not updated correctly when the Form field rules were changed from a valid array to an empty array
  • Fixed an issue where onValueChange was triggered by mistake when the initial value of Form ArrayField was configured through initValue
  • Fixed column misalignment issue when rowSpan of Table header column is 0
  • Fixed DatePicker calling onChange when the date has not changed
  • Fixed the problem that DatePicker disabledDate and disabledTime pass parameters are not adapted to timeZone.
• 💅【Style】
  • The color of the selected text in the navigation first-level directory is aligned with the design draft, updated from --color-primary to --color-text-0
  • Navigation horizontal navigation bar optimizes the interaction details, removes the arrow flip animation
  • The style of text color after hover in Radio unchecked state, remove var(--color-primary) text highlight
  • Adjusted the width of Table resize hot zone from 1px to 8px
• 🗃【Chore】
  • Supplement DatePicker triggerRender and renderFullDate type definition
  • Supplement the afterClose type definition of Select
  • Table adds row/column merge example

🎉 1.26.0-beta.2 (2021-07-14)

Version Diff

• 🔧【Fix】
  • Fixed the problem that ArrayField did not return to the initial state when Form reset
  • Fixed the problem that the verification status is not updated after Form Field rules is changed from a valid array to an empty array

🎉 1.26.0-beta.1 (2021-07-14)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker split input box is not compatible with triggerRender issue
  • Fixed the issue of calling onValueChange when the Form ArrayField is initialized

🎉 1.26.0-beta.0(2021-07-09)

Version Diff

• 🎁【Feature】
  • Radio supports button style
  • TreeSelect supports renderSelectedItem API, can customize the selected item
  • DatePicker dateRange and dateTimeRange scenes split the input box, and you can change the start or end separately to optimize the interactive experience
  • Cascader added filterLeafOnly to support searching and selecting non-final data
• 🔧【Fix】
  • Fixed the problem that clicking the prefix/suffix of Input will not make the input box focus
  • Fixed the problem that Input uses addonBefore and showClear styles at the same time
• 💅【Style】
  • Fixed the problem that the indent of Tree and TreeSelect levels are inconsistent with the design draft, updated from 8-40-60-100 to 8-28-48-68
  • Please pay attention to scenarios where the DatePicker type is dateRange or dateTimeRange, the input box DOM is modified, and one input box is split into two input boxes; the inputStyle property will be bound to the two input boxes; the blur behavior is determined by the monitoring input box OnBlur is called when blur is changed to closePanel.
  • Please pay attention to the new default height of the Input style. If you customize the padding for the Input, since the Input is a border-box, please set the height of the Input to the default height + custom padding
• ✏️【Documentation】
  • Table supplement column.title description, explaining the influence of different parameter types on title rendering

🎉 1.25.0 (2021-07-02)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker placeholder character string not working
  • Fixed height calculation error caused by complex content passed in Collapse
• 🗃【Chore】
  • Update the type definition files of TreeSelect and Tree
• 💅【Style】
  • Update Notification width from 320px to auto

🎉 1.25.0-beta.3 (2021-07-01)

Version Diff

• 🔧【Fix】
  • Fixed the issue that renderSelectedItem does not trigger execution when Select value=0 and there is no corresponding Option in optionList

🎉 1.25.0-beta.0 (2021-06-25)

Version Diff

• 🗃【Chore】
  • Optimize the build volume, multi-language package supports tree shaking, this change involves components LocaleProvider, DatePicker, TimePicker, Calendar

🎉 1.24.7 (2021-06-22)

Version Diff

• 🗃【Chore】
  • Optimize build size, multi-language package supports tree shaking. This change involves components LocaleProvider, DatePicker, TimePicker, Calendar.

🎉 1.24.4 (2021-06-21)

Version Diff

• 🔧【Fix】
  • Fixed the problem that Navigation calls setState when it is not mounted

🎉 1.24.2 (2021-06-20)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the dropdown layer is too wide after the AutoComplete data changes and does not automatically switch positions
  • Fixed Cascader, Tree internal state loadedKey is accidentally updated
• 🗃【Chore】
  • We added the design tokens page，and all components have design token part now;

🎉 1.24.1 (2021-06-20)

Version Diff

• 🔧【Fix】
  • Fixed DatePicker warning dateFnsLocale prop is marked as required

🎉 1.24.0 (2021-06-18)

Version Diff

• 🗃【Chore】
  • Update Column dts, complete useFullRender type.

🎉 1.24.0-beta.2 (2021-06-17)

Version Diff

• 🔧【Fix】
  • Fixed the problem that TimePicker uses Input to modify the time and the interaction is not smooth

🎉 1.24.0-beta.1 (2021-06-15)

Version Diff

• 🎁【Feature】
  • DatePicker
    • DatePicker added onPresetClick API
  • Upload
    • Upload component added onAcceptInvalid API

🎉 1.23.5 (2021-06-11)

Version Diff

• 🔧【Fix】
  • Fixed the problem that the header of the virtualized table cannot be aligned with the body

🎉 1.23.4 (2021-06-09)

Version Diff

• 🔧【Fix】
  • Fixed the issue that input dateStr after DatePicker format does not support multiple languages

🎉 1.23.1 (2021-06-07)

Version Diff

• 🔧【Fix】
  • Fixed the error of prop columns and children JSX columns when Table is transmitted at the same time
  • Fixed the problem that the table header and body cannot be aligned in some usage scenarios (passing scroll.y) when the mouse and keyboard are plugged in and out of Table
  • Fixed the problem that Slider does not support dragging on mobile

🎉 1.23.0 (2021-06-04)

Version Diff

• 🔧【Fix】
  • Transfer
    • Fixed the issue that search results were not updated when dataSource was updated
    • Fixed an issue where the removal icon was displayed on hover when disabled was selected
  • Fixed the automatic scaling problem of Dropdown.Item icon
  • Removed the disabled attribute added by mistake in .d.ts on floating layer components such as Tooltip and Dropdown (in fact, the component does not provide this API)
  • Fixed the issue that uploading the same file for the second time would fail when replacing a single file
• 💅【Style】
  • Optimize Modal animation parameters to reduce the feeling of lag