• 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.44.0 (2023-09-22)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix 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】
  • Fix Popover Trigger ContextMenu dts error #1819
  • fix portal not popup in React18 strict mode #1769

2.43.0 (2023-09-08)

Version Diff

• 🔧【Fix】
  • Fix 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.2 (2023-08-28)

Version Diff

• 🔧【Fix】
  • Fix 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
  • Fix 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
  • Fix the problem that the OverflowList component reports a warning in some scene keys #1786
  • Fix 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】
  • Fix InputNumber formatter error in controlled mode #1672
  • fix 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】
  • Fix 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
  • Fix 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】
  • fix wrong type definition for defaultCurrentIndex in ImagePreview
  • fix 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】
  • Fix the problem that all pop-up components mount Children to delay a macro task #1703
  • Fix 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
  • Fix the problem that TimePicker set the value to undefined under controlled conditions but displayed the current time
  • Fix 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】
  • Fix 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】
  • Fix 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】
  • Fix the problem that the content exceeds the trigger box when displaying a long label in TreeSelect #623
• 🔧【Fix】
  • Fix 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】
  • Fix the links to the zh-CN version in english docs @ederzz #1691

🎉 2.38.1 (2023-07-05)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix the problem that AutoComplete cannot be selected by long pressing, and onSelect is not triggered #1665
  • fixed Cascader disabled tag bg color #1651
  • Fix 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
  • Fix the problem that the tooltip does not disappear with a small probability in special scenes under the condition of custom trigger #1676
  • Fix 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】
  • fix toast useToast return value no effect when user function component re render.
  • Fix the problem that the disabled Cascader cannot display redundant Tags by hovering the +N part
  • Fix the problem that className does not take effect in ImagePreview #1657
• 🗃【Chore】
  • fix 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】
  • Fix the problem that preventScroll of TreeSelect searchAutoFocus does not take effect
  • Fix the problem that preventScroll does not take effect when autofocus is true in Input
  • Fix 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
  • Fix DatePicker insetInput input box placeholder placeholder text error #1638
  • Fix 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】
  • Fix 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
  • Fix the problem that the event parameter in Upload customRequest onSuccess is optional, but the ts type declaration is required
  • Fix 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】
  • fix TimePicker timeZone conversion problem when date-fns-tz version >= 1.3.8
  • Fix 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
  • fix Table header column align bug（v2.34 ~ 2.35 affected） #1599
  • remove the outermost vertical-align top style of DatePicker #1561
  • fix 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
  • Slider fix some wrong spell @inottn

🎉 2.35.0 (2023-05-12)

Version Diff

• 🔧【Fix】
  • fix the problem that the Dropdown item is abnormal after switching tabs in collapsible Tabs
  • fix select is single select and renderSelectedItem, the placeholder is not displayed when the value is null
  • fix 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
  • Fix DatePicker disabledDate cannot select disabled border dates #1592

🎉 2.34.1 (2023-05-06)

Version Diff

• 🔧【Fix】
  • Fix 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
  • Fix 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】
  • Fix 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.
  • Fix the problem that the height of the RadioGroup parent container will change with the RadioGroup option #1573
  • fix 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
  • Fix the problem of Input reporting error about noBg props, the scope of influence is 2.33.0-beta.0 - 2.33.0
  • Fix Fix the indent problem when Table hideExpandedColumn is false #1556

🎉 2.33.0 (2023-04-14)

Version Diff

• 🔧【Fix】
  • Fix 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
  • Fix the problem that the prefixCls configured by Webpack plugin does not take effect when using cjs lib #1544
  • Fix 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
  • Fix 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
  • Fix 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】
  • Fix the problem that an error may be reported when Tooltip is used in conjunction with the loading button in the production environment #1540
  • Fix the problem that Navigation uses JSX to configure Footer and Header, which may not be correctly recognized in the production environment #1540
  • Fix 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
  • Fix 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】
  • Fix Spin because the height of the .semi-spin-wrapper div is incorrect, causing the position to move up
  • Fix the problem of using resizable Table and form at the same time in the dev environment to report an error #1506
  • Fix the problem that the Table setting zebra pattern is invalid(Range of influence: v2.29 - 2.32)
  • Fix 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】
  • fix 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】
  • Fix DatePicker timeZone conversion problem when date-fns-tz version >= 1.3.8 #1522

🎉 2.31.2 (2023-03-24)

Version Diff

• 🔧【Fix】
  • Fix the problem that the delay props related to Nav tooltip does not take effect #1454
  • Fix: 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】
  • Fix 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
  • fix the problem that the component is not re-updated after Carousel props.children is updated #1482
  • fix the conflict between the Carousel ref method play and the mouseEnter event of autoPlay.hoverToPause, which does not have the highest priority
  • Fix 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
  • Fix 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】
  • Fix the problem that Table column align does not automatically switch when RTL #1471
  • Fix 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
  • Fix 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
  • Fix the problem that Tags cannot be gathered through the keyboard under Tooltip
  • Fix 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】
  • Fix 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
  • Fix the wrong timing of onBlur/onFocus calls in TreeSelect #1414
  • Fix the problem that preventScroll is not declared and not transparently transmitted in TreeSelect #1414
  • Fix 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】
  • Fix DatePicker panel moving in multiple mode #1422
  • Fix 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
  • Fix 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】
  • Fix the problem that the DatePicker panel is not updated after entering the date #1398
  • fix 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】
  • Fix DatePicker panel shifting bug when selecting date range #1221
  • Fix the problem that OverflowList does not display normally in React18 strict mode #1393
  • Fix the scroll bar that does not meet expectations when Select appears under the InputGroup #1395
  • Fix 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】
  • Fix the incomplete type of TagInput showContentTooltip
  • Fix 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】
  • Fix the problem that OverflowList does not display under the display flex layout #1353
  • Fix the problem that the onOverflow callback is not triggered when the first item of OverflowList overflows #1353
  • Fix 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
  • Fix the problem that select autoClearSearchValue=false not work under control mode #1386
  • Fix 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】
  • Fix 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
  • Fix 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】
  • Fix 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
  • Fix Tabs collapsible has a probability of failure problem #693
  • Fix 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】
  • Fix uuid mismatch warning in TabBar under SSR scenario #1351

🎉 2.26.0 (2022-12-27)

Version Diff

• 🔧【Fix】
  • Fix 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
  • Fix TypeError in TreeSelect when checkRelation = unRelated, value is not in treeData #1206
  • Fix 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】
  • Fix the problem that the automatic adjustment position is incorrect when the Tooltip position is topLeft #1344
  • Fix the wrong style of TagInput when it is draggable #1339
  • Fix 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
  • Fix the problem that there is still a drop-down box when the option in Select is empty and emptyContent=null #1340
  • Fix 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
  • Fix the problem that the redundant parameters of Image are not transparently transmitted to the img node #1334
  • Fix the problem of animation flickering of some components under React18 #1270, #1257
  • Fix 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】
  • Fix the problem that the height display is incorrect when the virtualized Table has no data
  • Fix 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】
  • Fix DatePicker disabledDate interaction is not easy to use when type is month #520

🎉 2.24.0 (2022-11-25)

Version Diff

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

🎉 2.23.7 (2022-11-23)

Version Diff

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

🎉 2.23.6 (2022-11-23)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix 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
  • Fix 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】
  • Fix 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
  • Fix 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】
  • Fix 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
  • Fix 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】
  • Fix the flickering problem when Tooltip and Popover components are closed (affecting v2.22) #1225

🎉 2.22.0 (2022-10-28)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix 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】
  • Fix hooks Modal motion=false not take effect bug #1217
  • Update the type of render of the Columns property of the Table component @Assone #1209
  • Fix 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
  • Fix 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】
  • Fix Modal esc key trigger event callback after closed

🎉 2.21.0 (2022-10-12)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix 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】
  • Fix the problem that children onKeydown cannot get events under Dropdown
  • Fix the problem that the timer is not updated when Carousel switches the index through the left and right buttons or methods
  • Fix 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】
  • Fix 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】
  • Fix the ButtonGroup key warning problem
  • Fix SSR setting withField、Form Field related problem with useLayoutEffect warning #1140
  • Fix 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】
  • Fix 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】
  • Fix the issue that Form.InputGroup does not support FormProps.wrapperCol , labelCol layout
  • Fix the drag and drop problem after the Image preview is enlarged
  • Fix DataPicker component foundation contains React related type definitions @rashagu
  • Fix the problem that the foundation of Navigation and Tree components reports errors in high versions of typescript @rashagu
  • Fix the expansion of the controlled tree when the data was loaded remotely unsuccessfully #1124
  • Fix ButtonGroup does not support style API issue
  • Fix 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】
  • Fix 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】
  • Fix the issue that the keyboard focus style is blocked after the Anchor spacing can trigger the selection
  • Fix the issue that the Select onblur event was not triggered when the panel was closed
  • Fix Anchor spacing in front of anchor text cannot trigger selection @edc-hui
  • Fix the problem that the location of event rendering did not change after Calendar weekStartsOn was changed
  • Fix the problem that Input onEnterPress event does not take effect when using Input in DropDown
  • Fix the problem that tagGroup pollutes incoming tagList data #1107
  • Fix 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】
  • Fix Popconfirm multiline content style bug #868
  • Fix DefaultTabBar type error #1077
  • Fix the TS error when the Form level is set to autoComplete to false
  • Fix an issue where Slider was incorrectly positioned when passing in partial steps values #1043
  • Fix Tag tagKey type definition error problem #1081
  • Fix 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】
  • Fix tabs collapse mode will flush in some screen #1039
  • Fix the left of the emptyContent parameter of Transfer does not take effect #1068
  • Fix 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】
  • Fix 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】
  • Fix the popover style issue caused by Chromium 104 breakchange fit-content css #1022 Chromium Issue
  • Fix AvatarGroup component size attribute has no default in TS define @AnoyiX
  • Fix TimePicker set to undefined is unresponsive #918 @linjunc
  • Fix the problem that Tree's renderFullLabel uses checkbox

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

Version Diff

• 🔧【Fix】
  • Fix the problem that the Empty component is unexpectedly judged as dark mode when the body theme-mode attribute is unexpected #1023
  • Fix 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】
  • Fix 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】
  • Fix the problem that letters and numbers cannot be entered when using input class components in Dropdown
  • Fix the problem of default icon of password input in windows edge browser @linjunc
  • Fix click on the edge of the switch can not trigger the change problem @linjunc
  • Fix handle misspelling@linjunc

🎉 2.16.0 (2022-07-29)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix the problem that it does not take effect when the noHorizontalPadding parameter type of Button is string
  • Fix 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
  • Fix 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】
  • Fix the problem that @douyinfe/semi-illustrations failed to shaking #961
  • Fix 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
  • Fix 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】
  • Fix 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.
  • Fix the Cascader display error of single selection when setting filterTreeNode & displayRender at the same time
  • Fix list empty padding @rojer95
  • Fix InputGroup setting disabled to false in the child does not take effect
  • Fix the case-sensitive issue of tree search highlighting result
  • Fix the virtual list occupying problem when virtualizing Table empty data #942
  • Fix 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】
  • Fix 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
  • Fix 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
  • Fix 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】
  • Fix the issue that the last item style is abnormal when Timeline is nested #865
  • Fix 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】
  • Fix 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】
  • Fix 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
  • Fix 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
  • Fix 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
  • Fix Checkbox, Radio, Tooltip ARIA id inconsistency in SSR #719
  • Specification TagGroup tagList props type

🎉 2.10.1 (2022-05-10)

Version Diff

• 🔧【Fix】
  • Fix 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
  • Fix InputNumber controlled use and set the minimum value, the problem of not notifyChange when formatting the incoming value into the range #812
  • Fix 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】
  • Fix 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】
  • Fix the Tooltip flickering when there is a probability that the overlay is opened when there is animation
  • Fix 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
  • Fix the problem that the old value is used internally in the special case of Form Field validate #796
• 💅【Style】
  • Fix 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】
  • Fix the issue that when TagInput is used in a Form, hitting enter would cause the submit event to be triggered #767
  • Fix the problem that the useless div is left behind after the Modal imperative call
  • Fix the problem that Collapse DOM has useless attributes
  • Remove Form label user-select:none， allow user select
  • Fix 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】
  • Fix controlled slider component can still trigger value change by clicking track. #768
  • Fix an issue where Badge could not be used with Tooltip #761
  • Fix 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】
  • Fix the problem that useNotification gets the same ID every time
  • Fix 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】
  • Fix 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
  • Fix 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】
  • Fix Table header text does not support selection #638 @chenc041
  • Fix the height inconsistency between Form.RadioGroup and RadioGroup when type=button, remove redundant padding #677
  • Fix 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
  • Fix 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】
  • Fix slider throw error in shadowDOM or other DocumentFragment env
  • Fix Table header merge bug when using JSX columns #619
  • Fix 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
  • Fix 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
  • Fix Typograph ellipsis error when set whiteSpace 'pre-line' and expandable
  • Fix TreeSelect When treeData is large, update becomes very slow due to redundant operations of converting to Set #521
  • Fix 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】
  • Fix the problem that when Select is customized using renderCreateItem, the new option needs to be clicked twice #574
  • Fix InputNumber button right click bug #540
  • Fix page back to one when Table columns change bug #381
  • Fix the jitter of scrolling items when Tree uses both virtualize and renderFullLabel #527
• 💅【Style】
  • Fix TextArea readonly hover cursor style bug @chenc041 #535
  • Fix 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】
  • Fix Notification display collapsing order #531
  • Fix 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】
  • Fix 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)
  • Fix the inaccurate trigger range of Form formApi.validate partial verification #510
  • Fix 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
  • Fix 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
  • Fix Tree handleNodeDragOver internal event parameters are not properly passed #345
  • Fix TreeSelect when searchPosition is trigger, maxTagCount does not take effect #498
  • Fix TagInput setting value to undefined does not take effect #483
  • Fix Slider step marks click not working
  • Fix 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】
  • Fix Transfer In the groupList scenario, the title attribute is passed into the reactElement node, resulting in key-warning @JontyyYang
  • Fix DatePicker range selection preset date is set to null or undefined, the panel does not close after selecting the date #338
  • Fix the issue that the dateRange type DatePicker, when triggerRender is passed in, the panel does not close after selecting the date #422
  • Fix InputNumber precision format bug in controlled mode
  • Fix spelling errors in IconFastForward @clark-cui

🎉 2.2.1 (2021-12-29)

Version Diff

• 🔧【Fix】
  • Fix 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
  • Fix DatePicker needConfirm button margin bug in footer #457
  • Fix DatePicker year button direction bug when direction='rtl' #457
  • Fix Table head row paddingY not same with design draft bug and updated to 8px #460

🎉 2.2.0 (2021-12-24)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix DatePicker input illegal year causing component crash #422
  • Fix the content penetration caused by transparent background color in Notification when theme='light' #430
  • Fix the issue of @charset utf-8 related warning when Vite builds CSS #403
  • Fix 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
  • Fix Empty display this.updateMode undefined problem when switching dark mode #452
  • Fix 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
    • Fix the issue of key warning when isRenderInTag returned by Select renderSelectedItem is false #320
    • Fix the problem that the mark tag key is missing when the warning prompts the mark when searching for the highlighted keyword in Select
  • Fix that the label style does not match the design draft when Cascader is multiple+disabled #400
  • Fix the problem of incorrect rendering when the key or itemKey is node when Description type='plain' #406
  • Fix 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
  • Fix 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
  • Fix the UI error after setting the size of the Rating component to number
  • Fix 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
  • Fix the problem of Tree component onContextMenu preventing bubbling #364 @Nctdtman
  • Fix the missing id of Select/Checkbox/Button #353
  • Fix the problem that the definitions of Nav footer and header dts are reversed
  • Fix 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】
  • Fix 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
  • Fix the problem that when Cascader is multi-selected, clicking Checkbox will trigger bubbling in some scenarios #343
  • Fix that ButtonGroup children are not ReactElement report errors #318
  • Fix Rating component half star ui error, when parent element set line-height #346
  • Checkbox/Radio
    • Fix the style of the state switching of the mouse when the mouse is moved in/out of the checked button #319
    • Fix 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】
  • Fix 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】
  • Fix the style problem of AutoComplete
  • Fixed the problem that InputNumber does not have API syntax hints in the editor #327
  • Fix 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】
  • Fix 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
    • Fix the crash of virtualization. #308
    • Fix the rendering problem when Option children are not string.
  • Fix an error when TreeSelect leafOnly and searchPosition='hover' are opened at the same time. #306
  • Fix that the value of triggerRender in the parameter is empty when Cascader is multi-selected. 259
  • Fix 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】
  • Fix 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
  • Fix the problem that onChange is still triggered when Tabs is clicked on the active tab #208
  • Fix the problem that the height of the Collapsible component is not fully expanded when the collapsible component is opened by default #85
  • Fix the problem that onAfterChange is not triggered when clicking on the track when the Slider value is controlled
  • Fix Select, AutoComplete UMD CSS missing problem
• 🗃【Chore】
  • Fix 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】
  • Fix 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】
  • Fix the problem that the item height of Tree / TreeSelect becomes larger in the loading state #181
  • Fix the problem that the input value of TagInput will be cleared when separator is not string or array #182
  • Fix 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 Fix changes coincide with v2.0 - 2.4, so it will not be listed here again

🎉 1.33.0 (2021-10-22)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix Cascader when the label is ReactNode type, and filterTreeNode is turned on, the search results are not rendered correctly.
  • Fix the problem that the propTypes of Steps type is missing the "nav" type.

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

Version Diff

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

🎉 1.32.3 (2021-10-18)

Version Diff

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

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

Version Diff

• 🔧【Fix】
  • Fix Tooltip package Select, remote search out of focus.
  • Fix 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】
  • Fix the problem that the pop-up layer is not displayed when Tooltip motion is false (affects v1.30+)
  • Fix 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】
  • Fix the problem of triggering bubbling when Button is disabled.

🎉 1.32.0 (2021-10-09)

Version Diff

• 🔧【Fix】
  • Fix the issue that Avatar update src does not take effect
  • Fix the issue that DatePicker displays incorrect dates in Russian and Vietnamese
  • Fix 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】
  • Fix 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】
  • Fix 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】
  • Fix Tooltip getPopupContainer error report
  • Fix 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
  • Fix the dts of Card shadows, change'show' to'always'

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

Version Diff

• 🔧【Fix】
  • Fix Cascader in the case of a long list, after clicking the clear button, the dropdown is misplaced.
• ✏️【Documentation】
  • Fix 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
    • Fix 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
  • Fix 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
  • Fix the problem of upload photo wall mode, disabled pointer style is not prohibited
• ✏️【Documentation】
  • Fix the problem that the TagGroup demo is not vertically aligned

🎉 1.29.1 (2021-08-30)

Version Diff

• 🔧【Fix】
  • Fix 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】
  • Fix the issue that the columns cannot be aligned when Table column render returns rowSpan and there are fixed columns
  • Fix InputNumber formatter has different effects in controlled mode and uncontrolled mode
  • Fix 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
    • Fix 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
    • Fix 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
    • Fix the error of forEach is not a function when autoMergeValue is false
    • Fix 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
    • Fix 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
    • Fix 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
    • Fix the issue that after onChangeWithObject is turned on, the option in onChange will additionally include certain internal Select states such as selected, show, etc.
    • Fix the problem of creating new options when the filter allowCreate is enabled at the same time and the search options are hit.
  • Calendar
    • Fix 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】
  • Fix 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
    • Fix 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)
    • Fix 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
    • Fix the problem that the table data is not sorted correctly with controlled columns.sortOrder
    • Fix 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】
  • Fix the problem that Notification has a small probability of failure when the same task queue is quickly displayed and hidden
  • Fix the logic problem of processing judgment of selecting all/deselecting all and emptying the Transfer components
• ✏️【Documentation】
  • Fix the jump link of the tooltip position in the Dropdown document

🎉 1.26.1 (2021-07-20)

Version Diff

• 🔧【Fix】
  • Fix the problem that DatePicker directly reports an error when switching time
• 💅【Style】
  • Fix 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】
  • Fix the issue that RadioGroup reports errors when transmitting Radio between levels
  • Fix the problem that the React.Fragment display in Space does not meet expectations
  • Fix Collapsible does not keepDom, but renders the DOM during initial folding
  • Fix the issue that ArrayField was not reset to the initial state when Form reset
  • Fix 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
  • Fix an issue where onValueChange was triggered by mistake when the initial value of Form ArrayField was configured through initValue
  • Fix column misalignment issue when rowSpan of Table header column is 0
  • Fix DatePicker calling onChange when the date has not changed
  • Fix 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
  • Fix 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】
  • Fix DatePicker split input box is not compatible with triggerRender issue
  • Fix 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]
  • Fix the problem that clicking the prefix/suffix of Input will not make the input box focus
  • Fix the problem that Input uses addonBefore and showClear styles at the same time
• [Style]
  • Fix 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
• [Docs]
  • 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】
  • Fix 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】
  • Fix the problem that Navigation calls setState when it is not mounted

🎉 1.24.2 (2021-06-20)

Version Diff

• 🔧【Fix】
  • Fix the problem that the dropdown layer is too wide after the AutoComplete data changes and does not automatically switch positions
  • Fix 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】
  • Fix 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】
  • Fix 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】
  • Fix the problem that the header of the virtualized table cannot be aligned with the body

🎉 1.23.4 (2021-06-09)

Version Diff

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

🎉 1.23.1 (2021-06-07)

Version Diff

• 🔧【Fix】
  • Fix the error of prop columns and children JSX columns when Table is transmitted at the same time
  • Fix 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
  • Fix 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
  • Fix 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

🎉 1.23.0-beta.0 (2021-05-28)

Version Diff

• 🎁【Feature】
  • AutoComplete
    • Added onChange API, which is triggered when the input box changes / candidates are selected, and always returns the string type
    • The value type no longer supports the object type (because AutoComplete is an input-enhanced component, non-selection-enhanced)
  • Toast
    • Add ToastFactory, produce Toast through ToastFactory.create(), solve the problem that getPopupContainer cannot be changed after configuration
  • Icon
    • Added resso brand icon
• 🔧【Fix】
  • Fix the problem of children rendering error caused by incorrect TabPane rendering timing caused by incorrect Tabs activeKey update
  • Fix the issue that DatePicker has daylight saving time offset in some time zones
  • Fixed the problem of missing popover arrows (affecting version v1.22.0)
  • Fix the transparent transmission of the Form.TextArea component to the insetLabel property of the native component
  • Fix the problem that the input box can be changed when the value is controlled and equal to "" in AutoComplete
  • Fix the problem of AutoComplete, the priority of defaultValue is higher than value
  • Fix the problem of the wrong type of space .d.ts

🎉 1.22.2 (2021-05-24)

Version Diff

• 🔧【Fix】
  • AutoComplete
    • Fix the problem that the AutoComplete option cannot be selected when clicking on the padding

🎉 1.22.0 (2021-05-21)

Version Diff

• 🔧【Fix】
  • Table
    • Fixed Table Column JSX writing method update data table behavior abnormal problem
  • Fixed the problem that Table warning that each item in the array needs to be given a separate key
  • Fixed the problem that the replacement function of Upload fails when limit=1
  • Fixed Error caused by defaultValue/value is invalid when Select dynamically switches multiple
  • Fixed DatePicker did not clear the panel date behavior after clicking the clear button
  • Fixed the issue that dateTime cannot be used when setting the time zone in DatePicker
  • Fixed Pagination's built-in paging capacity Select selector value display does not match after dynamically changing pageSize

🎉 1.22.0-beta.0 (2021-05-14)

Version Diff

• 🎁【Feature】
  • DatePicker
    • Added topSlot/bottomSlot API to render additional top and bottom areas
    • format adapts to multiple languages ​​and is consistent with the language provided by LocaleProvider
  • Transfer
    • Newly added sortableHandle parameter for renderSelectedItem, which is used for draggable scene configuration to customize the selected option rendering
• 🔧【Fix】
  • Form
    • Fix the situation where the error object in errors may be swallowed and become {} when the submit verification fails
    • Fix the problem that when trigger includes mount and validate is asynchronous verification, the initial verification is not triggered after mounting
  • Table
    • Fix the problem that all rows of disabled can select the second page data
    • Fix the problem of sorting failure when using function components (affecting version v1.21)
    • Fix the issue that the column did not update when dynamically switching rowSelection (affecting version v1.21)
    • Update Table reverse order sorting logic, from ascending order first + reverse => reverse order sorting
    • Fix the column alignment problem caused by the vertical scroll bar when the table is configured with scroll.y and the current page data is not enough
  • Radio fixes the problem that advanced will not take effect if div or other tags are nested between group and radio when mode='advanced'
  • Fix the problem that the className passed into the Card component does not work
  • Fix the problem that the defaultValue not work in Transfer
  • Fixed an issue where the Calendar component displayed an abnormal number of events
  • Fixed the issue that the clear button clicked invalid under conditional rendering of Input
  • Fixed the problem that InputNumber step is set to 0.1, min is 0, max is 1, and cannot be reached by the plus sign on the right side
  • Select
    • Fix the problem that ref.selectAll does not take effect when Select onChangeWithObject is true; fix the problem that onChange is not triggered after calling ref.selectAll
    • Fix the problem of updating the optionList after Select search and changing the number of options, in some cases directly hitting Enter will throw Uncaught TypeError: Cannot read property'_inputCreateOnly' of undefined
  • Fixed the problem that propType check warning was thrown when the Description data key was passed into ReactNode
• 💅【Style】
  • Radio and Checkbox border color are aligned with the design draft, unified update to var(--color-text-3)
  • Fix the incorrect color of Radio disabled border
  • Fix the problem that the Avatar label is not vertically centered
  • Refactor component-based design tokens in order for customization through theme

🎉 1.21.0 (2021-04-30)

Version Diff

• [Fix]
  • Fix the problem that the calendar component displays the time abnormally across months
  • Fix the error of nested label of title and description of Banner component
  • Fix the problem that the buttons are not highlighted when the Table component is sorted when customizing prefixCls
  • Fix the comma problem in Typography copy, compatible with array type children
• [Chore]
  • Fix the circular dependency problem of Typography component
• [Style]
  • Typography Paragraph margin is set to 0. Please note that the default value of margin has changed if you did not introduce [reset.css] (https://www.npmjs.com/package/reset-css), its margin will inherit from the browser (1em), and now the default margin is 0.
• [Docs]
  • Supplement Typography component API, component can support custom Typography rendering elements

🎉 1.21.0-beta.2 (2021-04-27)

Version Diff

• 💡【New Component】
  • New Card component
• 🎁【Feature】
  • TagInput supports max, showRestTagsPopover, restTagsPopoverProps, showContentTooltip
  • Support Form.TagInput
  • Table supports expandedRowRender, modify it to return null, then the expanded row will not be rendered
  • Upload component supports single file replacement
  • Icon component added onMouseDown onMouseUp onMouseMove api
• 🔧【Fix】
  • The maxTagCount behavior of TagInput is corrected, aligning to other components (display +N after exceeding)
  • Fix the error of nested tag of title and description of Banner component
• 🚀【Performance】
  • Table rendering times are optimized, row selection single-select scene and global refresh issues are optimized
• 🗃【Chore】
  • Fix the circular dependency problem of the Typography component
• ✏️【Documentation】
  • Update Typography component docs, component prop can support custom Typography rendering elements
• 💅【Style】
  • --color-disabled-bg down a color scale, quote -grey-1, improve the contrast between background and text, improve readability
  • Use --color-text-1 for the text color of tietrary button, which also improves contrast + readability
  • For borderless + split button, the hover state of the button body and the drop-down arrow are separated to clarify the hot zone

🎉 1.20.3 (2021-04-29)

Version Diff

• Add open, close and other instance call methods to the Class type of Select
• Fixed an issue where Progress called setState when it was unmounted, causing React to report an error
• Cascader does not display child nodes when there is an unmatched initial value
• Breadcrumb noLink style fix
• The Upload progress bar is adjusted to reach 100% after receiving a clear response from the server
• Fix DatePicker can enter the disabled date issue in controlled mode
• Fix the problem that Table sorter is not highlighted when clicking on the custom prefixCls scene

🎉 1.20.0-beta.4 (2021-04-12)

Version Diff

• 🎁【Feature】
  • Upload support upload directory
  • Transfer supports tree shuttle box
  • TagInput added addOnBlur and allowDuplicates api
  • Table adds an interface to get the virtualized table ref
  • Anchor adds default anchor point
  • Anchor.Link added disabled
• 🔧【Fix】
  • Fix Navigation item font-weight error (introduced in version 1.18)
  • After using prefixCls, Tabs is set to collapsible, and there is an error when switching tabs
  • Fix the RTL problem of Form label and Table filter dropdown item
  • Fix that when the Anchor has a scroll container, click on the anchor and the scroll container will scroll
  • Fix the problem of displaying all data when the Table filter result is empty
• 💅【Style】
  • Display ToolTip when TagInput tag is too long and truncated
  • Add 2px margin between title and description in Banner non-full screen mode
  • Form label font-weight update from 700 to 600, the corresponding Scss variable font-weight-bold is also adjusted from 700 to 600

🎉 1.19.0 (2021-04-02)

Version Diff

• 🔧【Fix】
  • Fix the issue where the second-level selectedKeys was set when Navigation was initialized, and the first-level title did not have an activated style
  • Fix the problem that the dynamic modification of Avatar does not take effect in hoverMask
  • Fix the problem that the second filter in setState becomes invalid after clicking the first filter in Table
  • TagInput
    • Fix the space interaction problem of TagInput
    • Fix TagInput setInputValue('') invalidation
  • InputNumber
    • Fix the problem that the input box of ⬆️ and ⬇️ buttons in InputNumber controlled mode is not updated
    • Fix the problem that there is no response when the illegal value is passed in InputNumber under controlled mode
• 💅【Style】
  • Removed the border style in Modal fullScreen
  • Fix the problem that when Tabs type='line' and size is small, setting tabBarExtraContent will cause the bottom border of the tabBar to be incorrectly styled when the height is stretched
  • TagInput
    • Fix TagInput label length exceeding problem
    • Fix the width problem of TagInput wrapped with withField

🎉 1.19.0-beta.0 (2021-03-26)

Version Diff

• 💡【New Component】
  • TagInput
• 🔧【Fix】
  • Fix error when pressing enter in AutoComplete
  • Fix null error in Description DataItem
  • Fix incorrectly execution of uploading new fileInstance when calling Upload beforeUpload
  • Fix Navigation selected and disabled style
• 💅【Style】
  • If DatePicker popup position is set to top, week panel will be fixed to show 6 weeks

🎉 1.18.0 (2021-03-17)

Version Diff

• 🔧【Fix】
  • Fix the problem that the onChange function is not bind when the Select multi-select is controlled. Clicking the x on the tag can still delete the selected item
  • Fix the issue that onNumberChange is triggered after the input value exceeds max when InputNumber is controlled
  • Fix the problem that the Select can be actived by clicking or through the tab button when the Select is disabled
• 💅【Style】
  • Select clear icon adds flex-shrink to solve the problem of setting mulitple+showClear, and in some cases the length jitter when the mouse is hovered
• 🗃【Chore】
  • Update the Table component type definition file and add children to column

🎉 1.18.0-beta.0 (2021-03-12)

Version Diff

• 🎁【Feature】
  • New methods for Select ref: clearInput to clear the Input box, selectAll to select all, deselectAll to deselect all
  • The Steps component has been revised and added a new type with connecting lines and navigation
  • Upload component supports onRetry, onOpenFileDialog and onError return native xhr objects
  • Tree component supports leafOnly attribute
  • SideSheet added keepDOM api
  • Modal adds fullScreen api
• 🔧【Fix】
  • Fix the error when the Tree component uses loadedKeys

🎉 1.17.0 (2021-03-05)

Version Diff

• 🎁【Feature】
  • Added dislike_thumb and unlink icons
• 🔧【Fix】
  • Fix that the sourcePanelProps type declaration exported by Transfer is missing selectedItems
  • Fix the upload component renderFileItem parameter is inconsistent with the declaration
  • Fix the problem that SideSheet closeOnEsc only takes effect when it gets the focus
  • Fix the filling color problem of scan icon
• ✏️【Documentation】
  • Upgrade the official website live demo editor

🎉 1.17.0-beta.0 (2021-02-26)

Version Diff

• 💡【New Component】
  • Added Space component
• 🎁【Feature】
  • DatePicker adds small size
  • Navigation supports disabling the navigation bar
  • Added Portuguese-Brazil (pt-BR) language pack
  • Added support for Descriptions JSX writing
• 🔧【Fix】
  • Fix resizable usage problem in Table rowSelection controlled mode
  • Fix the overlap between Input suffix icon and clear icon
  • Fix the problem that ArrayField cannot be removed, affected version 1.16.0-beta-1.16.3
  • Fix the style problem caused by Tooltip icon update
  • Fixed an issue where the Avatar could not display the floating layer correctly when it was wrapped by Dropdown, Popover and other components
  • Fix the problem of Tabs reporting errors in cases where children are empty
• 💅【Style】
  • Navigation adds press status, select hover and other statuses
  • Fix the problem of missing the right border when there is no data after setting the bordered property of Table
  • Removed the text display of hours, minutes and seconds in TimePicker in Russian, Thai, Turkish, and Vietnamese, that is, only the number is retained, but the unit is not retained
• ✏️【Documentation】
  • Fix the problem that the input type of the document is inconsistent with the type definition file, type boolean => string, the default value is false => text

🎉 1.16.0 (2021-02-20)

Version Diff

• 🔧【Fix】
  • Timeline component, report an error when children are not compliant
  • Fix DatePicker dynamically disabled date reporting error
  • Fix the problem that Radio mode=advanced mode introduced in version 1.16.0-beta is not available
• 💅【Style】
  • Fix the style when Modal has no title but header
• 🗃【Chore】
  • Lock the svgo version (v1.2.2), svgo-loader version

🎉 1.16.0-beta.0 (2021-02-05)

Version Diff

• 🎁【Feature】
  • Select onExceed adds Option as input parameter
  • Dropdown adds icon and iconType API, which makes it easier to configure icons
  • Radio added addonStyle, addonClassName
  • DatePicker added onClear API, this callback is triggered when the clear button is clicked
  • AutoComplete added emptyContent and autoFocus API
  • Modal adds afterClose callback, which will be executed after the animation ends
  • Timeline added dataSource API, which supports passing in as an array
  • Cascader supports onChangeWithObject
  • Breadcrumb.Item
    • Support setting noLink to remove the effect of hover and active
    • Support setting the separator of the child to override the parent
• 🔧【Fix】
  • Fix the problem that you need to click twice to select Option after Select is enabled for virtualization
  • Fix the error report that the incoming fileList is undefined in the controlled scenario of Form.Upload of version v1.15
  • Fixed an issue where Modal closeOnEsc must be focused to exit
  • Fixed the problem of incorrect target tabs when scrolling multiple Tabs scenarios
  • Table
    • Fix sortOrder invalidation and sort invalidation problem after dataSource update
    • Fix the problem that the header of the virtualized list cannot be aligned with the column when there is no fixed column
  • DatePicker
    • Fix the problem that the second time selector cannot be used when the minuteStep step is large
    • Fix the issue that the needConfirm cannot use the input box to change the selected date
• 🚀【Performance】
  • Cascader/TreeSelect/Tree single selection Clicking on the selected option always triggers onSelect
• 💅【Style】
  • Fixed the issue that the border would shift down by 1px and the box-shadow was incorrect when the button was clicked on the Slider
  • Fixed the problem of incorrect insetLabel spacing when Cascader was in RTL
  • Modal optimize the style when there is no title
• 🗃【Chore】
  • Cascader Data.value PropTypes verification alignment d.ts statement
  • Update the DateInput / Cascader type declaration and add the input parameters of the callback function
  • Fix the error of BaseForm autoScrollToError type

🎉 1.15.0 (2021-01-29)

Version Diff

• 🔧【Fix】
  • AutoComplete auto expand option list in out of focus
  • Upload controlled mode not rendered according to fileList
  • Fix the issue of expansion logic when using onLoad and search together in Tree component
  • Fix the problem that when selecting autoFocus, directly clicking on the external out of focus does not trigger the onBlur event
  • Fix Table functional component rowSelection failure when using literal value
• 💅【Style】
  • Solve the problem that Form.Section does not reference CSS variables and displays abnormal in dark mode
  • Description Add an explicit line-height declaration to prevent inheritance when the parent sets the line-height
• 🗃【Chore】
  • Update Form autoScrollToError type definition to supplement object type

🎉 1.15.0-beta.0 (2021-01-24)

Version Diff

• 🎁【Feature】
  • Cascader cascading menu onListScroll monitoring function is implemented to realize drop-down paging, etc.
  • Added fieldStyle to Form Field component props, allowing to define the inline style of the entire field block
  • Add the arrowIcon API for Select, Cascader, and TreeSelect to allow customizing the right drop-down arrow Icon
  • Align the components (AutoComplete, Cascader, DatePicker, Select, TimePicker, TreeSelect) with the triggerRender API into the parameters
• 🔧【Fix】
  • Fixed an issue where Form declared labelAlign invalid when using wrapperCol and labelCol
  • Fixed the issue that if the pure digital field under the array path exceeds the boundary of the JS array during Form submit, the key will be cleared during submission
  • Fixed the issue that DatePicker can select the disabled date through the Input box
  • Fixed TreeSelect reporting an error when treeData is an empty array and value is empty string array
  • Fix the problem that the extra content and the tabs-bar are not aligned in the vertical direction when the tabs are in type='button'/'card' mode
• 💅【Style】
  • Body font-family adds Inter font as a priority option
  • Modal adds border shadow style by default
  • Adjust the spacing between various Radio, Checkbox and Form Labels in the form
  • Tabs remove the padding-left of the first Tab bar when type='line' (4px=>0px), which makes it easier to align left with other Title level elements
• ✏️【Documentation】
  • Table component added 📚 Semi Table FAQ & Self-Check Manual
  • Add Typography.Title to support omitted Tooltip content customization example #973; Add the use example of link text button
• 🗃【Chore】
  • Update Typography dts，extends HTMLParagraphElement、HTMLSpanElement、HTMLHeadingElement

🎉 1.14.0 (2021-01-15)

Version Diff

• 🔧【Fix】
  • Fix Empty Illustration not centered in FireFox
  • Fix autoAdjustOverflow positioning problem in Tooltip
• ✏️【Documentation】
  • Add content api documentation to Modal
  • Add documentation for how to use Semi with create-react-app

🎉 1.14.0-beta.0 (2021-01-10)

Version Diff

• 🎁【Feature】
  • Add validateStatus prop to AutoComplete component
• 🔧【Fix】
  • Fix the problem of displaying state when Cascader is controlled and dynamically loading data
  • Fix the problem of Form.AutoComplete embedded label does not show correctly
• 💅【Style】
  • Fix the problem of missing color-info series color variables in dark mode

🎉 1.13.0 (2021-01-04)

Version Diff

• 【Fix】
  • Fix the problem that Navigation initializes data at incorrect timing in SSR scenarios, and unified the data initialization operation by componentDidMount => constructor function.
• 【Chore】
  • Update the CheckEvent interface parameter type in the Checkbox dts file, from optional => mandatory
  • Improve the type definition of the data parameter in the Descriptions dts file
  • Export the Field type definition and the type definition of the Transfer component Item in the Form dts file

🎉 1.13.0-beta.0 (2020-12-25)

Version Diff

• 🎁【Feature】
  • DatePicker
    • Supports dropdownClassName and dropdownStyle
    • Supports autoSwitchDate prop. When changing the year and month through the left and right buttons at the top of the panel and the drop-down menu, the date will not be automatically switched
  • Table supports using renderPagination custom pagination
  • Empty
    • Added idle illustration
    • Add dark mode matching illustrations, and support the introduction of illustrations that need to be used in dark mode through darkModeImage to better adapt to dark mode
  • added some icons
• 🔧【Fix】
  • Fix Anchor anchorID failure in SSR scenarios causing the current Link not to be highlighted
  • Fix the problem that the doubleClick event of Tree fails
  • Fix Upload error if file is not in fileList
  • Fix an error when Tabs uses a single TabPane and keepDOM = {false}
• 💅【Style】
  • Tooltip text color and floating layer color modification to better adapt to dark mode
  • Checkbox adds a corresponding className to the checked checkbox
• 🗃【Chore】
  • Update Checkbox dts to improve the type of onChange input parameter e
  • Update DatePicker dts, increase spacing
• ✏️【Documentation】
  • DatePicker adds a closed time list infinite loop example

🎉 1.12.0 (2020-12-18)

Version Diff

• 🔧【Fix】
  • Fixed the warning of value required in the Cascader Trigger console
  • Fixed the problem of abnormal verification of PropTypes of BreadCrumb.Item
  • Fix the missing problem of Tree onDoubleClick dts

🎉 1.12.0-beta.0 (2020-12-11)

Version Diff

• 💡【New Component】
  • Semi adds a component named SplitButtonGroup
• 🎁【Feature】
  • Collapse supports setting the position of the expand / collapse button
  • Descriptions provide a hidden prop to hide rows
  • Dropdown adds the menu prop to configure the content in JSON format
• 🚀【Performance】
  • Optimization of Tree virtualization full selection performance problem
• 🔧【Fix】
  • Fixed that the data was not updated normally when Tree's treeData and expandedKeys were dynamically updated at the same time
  • Fixed that Cascader custom triggeRrender did not send out onInputChange
• 💅【Style】
  • The default icon with error meaning is replaced from "clear" to "alert circle" (x => !), involving the components Form, Toast, Notification, Banner, Modal and Upload
  • Modify the border style of disabled Select focus state
  • Table header displays asymmetry in dark / light mode
• 🗃【Chore】
  • Standardize the internal code filename, and change .js =>. jsx with React content (only rename, export unchanged, no impact on external use)

🎉 1.11.0 (2020-12-04)

Version Diff

• 🔧【Fix】
  • When uploading multiple files, the Upload component retains the accept format file to continue uploading
  • The icon property of BreadcrumbItem updates d.ts to keep the ts type consistent with the protoType type
• 💅【Style】
  • Added the style of the drag-and-drop Upload disabled state; fixed the problem that the drag area is still highlighted after the drag-and-drop Upload is dragged and released
• 【Chore】

🎉 1.11.0-beta.0 (2020-11-27)

Version Diff

• 🎁【Feature】
  • New language packs: Indonesian, Russian, Vietnamese, Malay, Thai, Turkish
  • Upload onRemove adds currentFileItem as third parameter
  • Transfer
    • Added draggable sorting
    • Added renderSourcePanel and renderSelectedPanel functions, allowing complete customization of component rendering structure
  • Select
    • Added onListScroll scroll callback
    • ref added focus() method
  • Avatar added size default（40x40）
  • Grid supports gutter to pass in arrays, while defining vertical and horizontal intervals
  • Tabs support small, medium and large size
  • TreeSelect supports searchRender, search and close methods
  • Typography link supports the use with disabled
• 🔧【Fix】
  • Fix that all rows are not expanded when defaultExpandAllRowKeys and groupBy are used at the same time
  • Fixed the problem that the parameters onExpand and onExpandedRowsChange were not passed correctly when clicking the collapsed buttons of the group
  • Fix the problem of inaccurate definition of Table empty and pagination d.ts
  • Tree/TreeSelect fixed the issue that renderFullLabel could not turn on virtualization because it did not transfer out style
• 🚀【Performance】
  • Table
    • Improve the stuttering problem of the virtualization list
    • Improve the freeze problem when clicking the selection box in a large data scenario
• 💅【Style】
  • The maxCount of TextArea is limited by the multi-line input box below => internal
  • Add --color-info variables: if you are using custom theme, you need to publish a new version
  • Enforce the ability of .semi-light-scrollbar to take effect on all decendants elements

🎉 1.10.0 (2020-11-20)

Version Diff

• 🔧【Fix】
  • Upgrade the async-validator version (3.2.4 = > 3.5.0) for the verification dependency of Form rules, and fix the problem of incorrect verification results returned under the deep-rules writing method
  • Fixed the problem of error number of files in the input parameter fileList of Upload afterUpload API
  • Select
    • Fixed the issue of not rerendering when value changed from value to undefined in select controlled mode
    • Fixed a problem where Select option list were not rendered when filter and defaultOpen used together
  • Fix the problem that overlap doesn't work when Avatar size=extra-extra-small
  • Fixed the error display of InputNumber keepfocus value in controlled case
• 🚀【Performance】
  • Optimize dts of formApi and support passing generics @wangqinhong

🎉 1.10.0-beta.0 (2020-11-13)

Version Diff

• 🎁【Feature】
  • Select add renderOptionItem API, highly customized option rendering
  • DatePicker
    • Support single click selection range, which can be used for weekly selection and biweekly selection
    • Support autoFocus API which can control focus status of input box
  • InputNumber supports keeping the input box focused when you click add or minus button
• 🔧【Fix】
  • Fixed a problem in which the Form field rules validation rules do not work when they are dynamically switched from null or empty arrays to arrays with length, such as [{requried: true}]
  • Fixed the problem that when the Form field configuration rules returns a string array, onsubmit will be triggered without onSubmitFail if the verification result is a string array
  • Fixed disableDate invalid for year when datepicker type = month
  • Fixed column scrolling error caused by rowSpan calculation error in Table with mouse

🎉 1.9.0 (2020-11-08)

Version Diff

• 🎁【Feature】
  • RadioGroup supports mode=advanced, allowing single-select combination to uncheck
• 🔧【Fix】
  • Fix the positioning problem of Tooltip in Edge browser in Windows environment
  • Fix the problem that Option styles are lost in the production environment when only AutoComplete is used without Selec
  • Fix the problem that window getComputedStyle is wrong when used with gar codesandbox
  • Fix the problem that Select autoFocus does not take effect
  • Fixed the problem that InputNumber keeps triggering onChange when clicking the up button to dynamically switch disabled

🎉 1.9.0-beta.0 (2020-10-30)

Version Diff

• 🧶【Refactor】
  • Spin optimizes the DOM structure, used alone in hidden state no longer render
• 🎁【Feature】
  • Form、Field support extraTextPosition
  • TreeSelect supports outerTopSlot
  • Breadcrumb supports maxItemCount and autoCollapse
  • Upload supports onDrop
  • InputNumber supports onNumberChange
  • Anchor supports targetOffset API to customize offset from top
  • DatePicker
    • Optimize date selection order to allow users to switch year or month update dates in radio mode
    • Support dynamic disable date in range mode
    • Adds support to spacing
  • InputGroup supports DatePicker
• 🔧【Fix】
  • Fixed no callback on PreviewClick in Upload wall mode
  • Fix the status of the eye button when switching password mode dynamically
  • Fix an issue where type does not match expectations when DatePicker format contains Hms
  • Spin
    • Fix an issue where you can click on table contents when nesting tables in Spin
    • Fixed Spin not clearTimeout when unmount
  • Fix Popconfirm position not working properly in v1.8.x
• ✏️【Documentation】
  • Update DatePicker disabledDate and disabledTime api documentation
• 💅【Style】
  • Fix left icon height issue in Banner non-full screen mode
  • Apply font-size:14px, line-height: 20, color: tertiary when Form.Field extraText is ReactNode

🎉 1.8.0 (2020-10-23)

Version Diff

• 🎁【Feature】
  • TreeSelect supports optionListStyle API
• 🔧【Fix】
  • Fixed the problem of Table selecting all logic errors in filter selected scenarios
  • Fixed Table columns.onCell can't get style of undefined
  • Fixed the problem that the Slider could not slide to 0 when the step of the slider was not 1
  • Fixed an issue where clicking the button also triggers the onChange event when the Inputnumber value reaches min or max
  • Fixed the error of input box id not unique in TimePicker
  • Fixed Layout Sider Context.Provider warning
  • Fixed warning when Breadcrumb icon passes into ReactNode
  • Fixed Step dts description attribute cannot be ReactNode
  • Fixed the problem that when Step title or description is ReacNode, hover prompts [object object object]
• 💅【Style】
  • The corresponding decrease and increase buttons will turn gray when the Inputnumber value reaches min or max
  • Treeselect/Tree support labelElipsis, which is enabled by default in virtualization state, and the default value of other states is unified to false. And fix the incomplete display of label. See more
• ✏️【Documentation】
  • The component API list is sorted in dictionary order to improve search efficiency

🎉 1.8.0-beta.0 (2020-10-16)

Version Diff

• 🎁【Feature】
  • Tree supports drag and drop (when virtualization is used at the same time, drag and drop is temporarily not supported)
  • Cascader supports asynchronous loading of data
  • Tree supports labelEllipsis, which is turned on by default, and can be turned off if there are special omission requirements
  • Upload add onPreviewClick to customize the click operation of the file card preview
  • Support international RTL/LTR, suitable for switching the direction of component text in multilingual scenarios
  • LocalProvider adds Arabic language support
• 🔧【Fix】
  • Fix the problem of wrong memo when withField encapsulates Functional Component
  • Fix the problem of tabs keepDOM failure and breadcrumb reporting warning caused by react-hot-loader
  • Fixed the warning that no key was passed in the map operation when TagGroup showPopover
  • Fix the invalid status of Upload customRequest onError
• 🚀【Performance】
  • Form component dts optimization: withField dts add generics, export the type definition of formApi
• ✏️【Documentation】
  • Add usage document of upload component customRequest custom request method
  • Add 🧾Semi Form FAQ & Self-Inspection Manual
  • UMD version removes code comments

🎉1.7.0 (2020-10-10)

Version Diff

• 🔧【Fix】
  • Fix the issue of dynamic update of Resizable Table header
  • Fix the dts return type of Toast and Notification static methods
  • Fix the problem that onClick does not exist in Step's .d.ts
• 💅【Style】
  • Fix the center alignment of TreeSelect multi-select label

🎉 1.7.0-beta (2020-09-18)

Version Diff

• 🎁【Feature】
  • Tree and Treeselect support renderFullLabel API, which can meet various highly customized rendering requirements of the label, such as the logical separation of parent node and child node
  • Semi supports global prefixCls replacement
  • List grid property supports passing grid's justify, type and align attributes
  • Typography adds success type
• 🔧【Fix】
  • Fix Form formApi.validate(['a', 'b']) when manually triggering partial verification, the verification results are not based on the input parameters, and the problem of full judgment is still adopted
  • Fix the problem that failed to reset Form.Checkbox after reset Form
  • Fix the problem where the parent node was refreshed due to the dynamic deletion of child nodes when Tree was animated
  • Fix display behavior of select all button in Table header
• 🚀【Performance】
  • Tree，TreeSelect
    • Optimize performance issue of Tree and TreeSelect
    • Tree and Treeselect support data structures that do not transfer value. The data structures need to be consistent
• 💅【Style】
  • Optimize the spin style of Tree loading state
  • Select
    • Optimize the height of small size and large size in multi selection
  • Tag
    • Align the height of all color Tag, and align the height of Tag when it is closed or not

🎉 1.6.0 (2020-09-18)

Version Diff

• 🔧【Fix】
  • Fix the problem that the input parameter type of Transfer d.ts onChange is not correct with the actual type
  • Fix Slider marks not including boundary value issue; Fix the height problem caused by Slider vertical-align baseline
  • Fix the height problem of the Table selection button. The vertical align of the button was changed from the default value to bottom
• ✏️【Documentation】
  • Increase the display of related materials to make it easier for users to find material resources related to components

🎉 1.6.0-beta (2020-09-11)

Version Diff

• 🎁【Feature】
  • Select add innerTopSlot and outerTopSlot API (MR)
  • Tag add avatar Tag, including avatarSc and avatarShape API
  • description data supports function type
  • Tree, tree Select supports renderLabel to customize label
  • Dropdown.Menu supports props passing down, Dropdown.Item supports onContextMenu event binding
• 🔧【Fix】
  • Fixed error when InputGroup children have null nodes
  • Fixed error when clearing Transfer entered filtered content
  • Fixed Pagination's pageSize dynamic change when Select selected value does not follow change
  • Fixed Typography truncation without overflow still showing tooltip
  • Fixed the result of the intersection was incorrect during Table multi-column filtering
  • Fixed the error report caused by circular dependency in the production environment when the usage of RadioGroup and CheckboxGroup options are used with Form
  • Fixed the problem that disabled does not take effect when CheckboxGroup jsx declares children usage
  • Fixed DatePicker allow input date when needConfirm
• 💅【Style】
  • Modal title Icon aligned with text by center => flex-start
  • Fix List card-style empty state centered style
  • Tree, Tree Select
    • Default Label long text omitted after virtualize is turned on
    • Interactive update when clicking Action = "click" to click the leaf node can click ToHide
  • Tableheader's sorter and filter icon, their margin left by 8px => 4px

🎉 1.5.0 (2020-09-04)

Version Diff

• 【Fix】
• Fixed Form.Switch disabled property is not updated when the Form dynamically switches the disabled property
• Fixed stack overflow after infinite compression in response state of Typography ellipsis
• Fix searching status in virtualize Tree causing selection not responde first time
• Fixed dts file loss problem of Modal, Notification and Toast
• 【Perf】
• Removed full import of TimePicker, DatePicker and Table to optimize packing size
• Removed the sourcemap of UMD package

🎉 1.5.0-beta.0 (2020-08-31)

Version Diff

• 🎁【Feature】
  • Calendar day view supports displaying multiple days
  • Avatar
    • Support imgAttr to pass through HTML attributes of img tag
    • Add the truncation function and overlapfrom, maxcount, rendermore API
  • Treeselect supports clickToHide, and radio mode is valid
  • Upload
    • If limit is set to 1, after a file has been uploaded, the current file will be automatically replaced when the file is uploaded again
    • Support custom request method
  • InputNumber supports hovering display buttons; press shift and click button to increase or decrease larger step size
• 💅【Style】
  • The default height of the external button of InputNumber is changed from 30px to 32px
• 【Fix】
• Fixed missing second parameter for InputNumber onChange function
• Fixed missing TextArea onResize .d.ts type definition
• Fixed missing Table virtualized.onScroll .d.ts type definition
• 【Docs】
• Updated formApi.validate() field validation doc

🎉 1.4.0 (2020-08-21)

Version Diff

• 【Style】
• Fix hover color in datePicker range mode: blue-0 => primary-light-default
• 🔧【Fix】
  • Fix missing key warning and animation when Tree label is ReactNode
• Fix autoComplete getPopupContainer props not working
• Fix InputGroup onFocus, onBlur on child component overwritten problem
• Fix some dts props typo in Upload and Select；remove BreadcrumbItem from index.d.ts

🎉 1.4.0-beta.0 (2020-08-14)

Version Diff

• 🎁【Feature】
  • DatePicker supports custom rendering of date content and date box
  • TreeSelect supports onVisibleChange API
  • Tree supports disableStrictly API
  • Collapse supports motion parameter
• 💅【Style】
  • Change Table thead borderWidth from 1px to 2px
  • DatePicker current date adds gray background to make it more prominent
• 🔧【Fix】
  • Fix click the clear button does not trigger the validator problem in Form.TimePicker 1.3 version
  • Update DatePicker and TimePicker onBlur event trigger time from input blur to panel close
  • Fix the style problem of CSS selector with right margin added to all icons in Tree label
• ✏️【Documentation】
  • Icon component adds stroked icon list
  • Update the document of Table component and fix the problem of some props default value description error

🎉 1.3.0 (2020-08-07)

Version Diff

• 【New Component】
• Added Anchor
• 🎁【Feature】
  • Added stroked icon to the Semi official icon library, which needs to be used as user-defined way
• 【Style】
• Adjust Subtext alignment of dragable Upload component from left to center
• Alignment of Sidesheet's close button and title from center to flex-start
• 【Fix】
• Fix Input component size syntax prompts error
• Fix the incorrect display of icon when upload failed/validate failed in Upload listType=picture
• Fix TextArea autosize mode passing ref error #714
• 🚀【Performance】
  • Replace Table dependency from lodash to lodash-es, remove the full lodash imported by Avatar and optimize the packing volume
  • Breadcrumb routes support passing custom key

🎉 1.3.0-beta.0 (2020-07-31)

Version Diff

• 🎁【Feature】
  • Semi provides UMD version
  • Input provides password mode
  • SideSheet adds support to footer，containing changes in padding, margin, etc
  • Upload adds support to promt, promptPosition for listType=picture mode
• 🔧【Fix】
  • Fix value always empty using Tree TriggerRender in multiple mode
• 🚀【Performance】
  • Fix unquoted variables warning for interpolation in sass-loader 9.x

🎉 1.2.2 (2020-07-26)

Version Diff

• 🚀【Performance】
  • Optimize the SVG animation in Icon to CSS animation, and fix the problem of page redrawing. If you need to use loading Icon alone, please add CSS animation
  • OverflowList does not reset the state of the render function any more. If you need to reset, you can refresh the component by updating the key
  • Optimize the status reset of text dynamic update in Typography ellipsis mode
• 🔧【Fix】
  • Fix Button height style bug
  • Fix style loss in Descriptions row with different sizes

🎉 1.2.0-beta.0 (2020-07-17)

Version Diff

• 🎁【Feature】
  • Imperative Modal component supports use with configProvider
  • Notification, Toast supports usage of useHooks
  • Typography supports tertiary and quaternary types
• 💅【Style】
  • Adjust the transparency of color-text-3 from 0.2 to 0.35
  • Checkbox border transparency adjusted from 0.08 to 0.2
  • Provide custom scroll-bar style class name, use through .semi-light-scrollbar
• 🔧【Fix】
  • Fix modal to cover the overflow style of body
  • Fix the problem that the last column of the table with fixed head may not be aligned when the mouse is inserted
  • Fix the problem that the filter is true in the case of multiple selections in Select, and an error is reported when the search has no data

🎉 1.1.0 (2020-07-14)

Version Diff

• 🔧【Fix】
  • Fix the problem that Form.TimePicker does not trigger validator judgment after clicking the clear button

🎉 1.1.0-beta.0 (2020-07-03)

Version Diff

• 💡【New Component】
  • Added OverflowList
• 🎁【Feature】
  • Tabs component folding function support
  • TreeSelect component supports outerBottomSlot
  • Modal non-command call supports setting title icon
  • DatePicker supports transparent transmission of TimePickerOpts parameters to TimePicker
  • Table merge table header function support
  • Table supports custom rendering of each item of floating layer
  • Table supports incoming default page number
  • Table supports automatic scrolling to the first row when cutting pages
  • Upload adds onClear callback
  • Form Field supports pure switch to only take over the data stream without inserting Label, ErrorMessage and related DOM structures
• 🔧【Fix】
  • Fixed tree flickering abnormality in the state-controlled state filter search value animation
  • Fix the problem that the copy with empty data cannot be displayed correctly in the middle when there are many Table headers
  • Fix the problem that the sorter configuration is incorrect when the Table is switching page
  • Fix the problem that Table still displays selected columns when rowSelection is false
  • Fix Tooltip's getPopupContainer using configProvider is invalid
• 【Performance】
  • Optimized displayName of withField HOC to facilitate positioning related elements in React devtool
• 💅【Style】
  • Modal imperative content and header add 8px spacing
  • Fix the center alignment problem of Banner close button

🎉 1.0.0 (2020-06-24)

Version Diff

• 🔧【Fix】
  • Fix Tree animation flashes etc. when in controlled expandedKeys mode and using with showFiltereOnly
  • Icon loading on demand path changed
• 🎁【Feature】
  • List renderItem method supports custom key
• 💅【Style】
  • Tertiary Button light and borderless mode change text color from color-tertiary to color-text-2

🎉 1.0.0 - beta.0 (2020-06-12)

Version Diff

• 🔧【Fix】
  • Fix the problem that the empty value in Cascader is not returned to placeholder under the controlled state
  • Fixed an issue where Tree's expandedKeys disappeared after manually emptying
  • Fix the problem that Table cannot display empty status when virtualization is enabled
  • Fix Form.Upload when uploadTrigger is custom, onChange will not be triggered after the file is selected, and the corresponding file list is not synchronized to formState
• 【Performance】
  • Optimized Form.Select to enable onChangeWithObject, external calls to formApi.getValues and setValues are likely to cause stuck problems
  • Optimize Spin svg animation stuck issue when rendering with large amount of data
• 🎁【Feature】
  • Icon supports loading on demand
  • Modal supports keepDOM, the default behavior of lazyRender remains to be destroyed
  • Paragraph component supports less than n lines of text, does not display expanded and collapsed text
  • ConfigProvider supports getPopupContainer
  • Table emptySlot outer layer changed from p to div component
• 💅【Style】
  • Typography link is changed to no underline style by default, and underline can display underline in hover/active state
  • In Tab card mode, the extra content is centered to support the card, which involves DOM structure adjustment
  • Fix styling issue when using Radio as dot in Timeline

🎉 1.0.0 - alpha.0 (2020-05-29)

Version Diff

• 【API Adjustment】
  • Banner removed the target attribute, please directly use the JSX wording
  • Breadcrumb removed the usage ofBreadcrumbItem, please use Breadcrumb.Item instead
  • The order of the two parameters of the DatePicker onChange callback is reversed, changed from string and Date to Date and string, if you need to restore, please use onChangeWithDateFirst={false}
  • Input, InputNumber removed theclearable attribute, DatePicker, TimePicker removed the allowClear attribute, please useshowClear instead
  • Select officially deprecated labelInValue, please useonChangeWithObject (available since 0.23.0) instead
  • Select officially deprecated optionLabelProp, please userenderSelectedItem ( Available since 0.23.0) Custom function replacement
  • TextArea removed onPressEnter property, please useonEnterPress instead
  • Tree removed labelInValue property, please useonChangeWithObject instead
  • TreeSelect removed valueInArray Properties, please get related node properties through onChange oronChangeWithObject
  • TreeSelect removes the allowSearchClear attribute, please useshowSearchClear instead
  • Upload abolished onXhrFinish and added a more customizedafterUpload instead The functions of the two are similar, but the value structure that needs to be returned is not equal. For breaking change
  • Upload, the use method of beforeUpload is modified and aligned withafterUpload. The value structure of the return is not equivalent to the 0.x version. It is a breaking change. Note that compared with the 0.x version, the file that failed verification will still exist in the fileList and will not be automatically deleted.
  • Component input parameters with onBlur,onFocus methods are unified as Function (e: Event)
• 【Refactor】
  • Banner: DOM structure / class name / api adjustment, style update
    • remove target attribute
    • default oftype attribute changed to info, default value is info
    • new api: fullMode,title, description , icon,closeIcon, bordered
• 【Feat】
  • Avatar
    • New size of size: extra-extra-small 20px, the original small size is adjusted to 24px
  • Calendar
    • Event Object It is required to passkey to control the update and redraw of events
    • Added: dateGridRender allows custom cell / column content and style
  • Collapsible
    • Added: collapseHeight to support custom folded height
  • Empty
    • Added:title
    • Original description style adjusted to 14px font, secondary font Color
  • Form
    • Form Props add showValidateIcon, automatically display red X icon before error message, the default is true
    • Form adds Form.Upload module
    • Form adds Form.Section module, used to quickly group Fields on the layout
    • Field Props add
      • helpText placement prompt information (share the same block display with the verification result, when both have values, the verification result is displayed first)
      • extraText is used to place additional prompt information, often displayed and will not Overwritten by verification result
    • error message supports ReactNode (return ReactNode in validate or rules in version 0.x will be considered to pass verification, and return to ReactNode after version 1.0 will be the same as the return of string, which is regarded as verification failure)
  • InputNumber
    • New: hideButtons is used to control the hiding of the" increase / decrease "buttons, discard the original suffix = {null} method .
  • List
    • Added: onRightClick,onClick responds to corresponding mouse events
  • Modal
    • Added closeOnEscSupport to close the popup window by keyboard Esc, add closeIcon to support custom close button
    • add size support small, medium, large and full-width
  • SideSheet
    • add:headerStyle, afterVisibleChange, closeOnEsc
  • Spin
    • Added:childStyle
  • Table
    • Two types of information density "middle" and "small" have been added.
  • Tabs
    • Added keepDOM, which supports the destruction of non-active panels in jsx writing
    • Added tabPosition to support tab at the top or left ('left', 'top'),
    • AddedlazyRender to support lazy loading of tabPane
  • Toast / Notification
    • Added: theme('light', 'normal') Support notification message with background color
  • Tree
    • Added loadData, loadedKeys,isLeaf Support dynamic loading of data
    • New: onChangeWithObject Support to return with node information The object is the input parameter of onChange
    • searchRender supports false to hide the search box
  • TreeSelect
    • New:onChangeWithObject supports returning the object with node information is the input parameter of onChange
    • New: showClear supports clearing Options
  • Typography
    • copyable Supports copyTip，to customize copy tooltip text
  • Progress
    • Added: orbitStroke allows custom track colors
  • Skeleton
    • Skeleton.Avatar Added:size, supports the corresponding size of Avatar components
  • Upload
    • add renderFileItem custom file card rendering structure, additemStyle to quickly change the inline style of fileItem
    • add showClear,ShowRetry, add manual retry mechanism, add file list to quickly clear
    • add transformFile, support to convert files after file selection, before file upload
    • addonChange callback, callback for file upload status change, uploading , If it fails, the callback will be called after completion
    • add validateMessage,validateStatus to customize the overall verification status of Upload and display the verification information
    • after selecting the file, the file with illegal file size will also be displayed in fileList ( It is shown in red but uploading will not be activated), and it is clearer which specific files are illegal. Similarly, files that are not uploaded in beforeUpload will also be displayed in the fileList
    • addafterUpload, support After the upload is complete, update the status of the corresponding file in the fileList and support automatic file removal
    • Fix the problem of the wrong second parameter of onExceed
    • Support the controlledfileList
    • Drag-and-drop Upload supports incoming children More freedom Customize the content of the drag zone in degrees
    • in the photo wall mode, when the number of uploaded files reaches the limit, it will be automatically hidden + Trigger
• 【Performance】
  • TextArea removes life-cycle method of componentWillReceiveProps
  • Modal removes life-cycle method of componentWillMount
• 【Style】
  • Breadcrumb
    • Text color adjustment
    • The default position of the tooltip is changed to top
    • Adjust the class name structure, icon text alignment
  • Button
    • Remove the default margin-right
    • Remove the fixed height of buttons of different sizes, add padding corresponding to different sizes
    • Iconbutton The default theme is the same as the button theme (theme = "light")
    • IconButton is no longer recommended but still exported
  • Checkbox
    • Adjust the margin-bottom of Checkbox in CheckboxGroup: 16px => 12px, remove the margin of last-of-type -bottom
  • Collapse
    • Added hover, active effect in header area
  • Empty
    • Illustrations update
  • Form
    • Automatically added when error message is displayed ❌ icon (if not required, you can close it with showValidateIcon)
  • Input prefix / suffix / addonBefore / addonAfter style adjustment
    • prefix / suffix is no longer processed as Icon when passing in a string, and is directly mapped into a string; Icon needs to be passed in the form of React.Node
    • there will be no padding when passing in a custom ReactNode, only the String and Icon have their own padding
  • InputNumber -"Up / Down" button is adjusted to the right of Input
  • Modal
    • Adjust the head and title style, unified declarative and imperative styles
  • Popover / Tooltip
    • Change default value of arrowPointAtCenter from false to true
  • Progress
    • LineProgress bar progress bar percentage text color is fixed to color-text-0 black , No longer consistent with the fill color of the progress bar
  • Pagination
    • increase the style declaration of margin-block-start: 0, margin-block-end: 0
  • Radio
    • adjust the margin-right / margin of Radio in RadioGroup (horizontal / vertical) -bottom: 16px => 12px, remove margin-right / margin-bottom of last-of-type-horizontal RadioGroup display is adjusted to inline-block
  • Select
    • adjust display logic of clear icon, only display when expanded or hover , And share the same display area with the arrow icon
  • SideSheet
    • Support width and height settings for percentage (involving DOM structure adjustment)
  • Steps
    • adjusted the size of the status icon, 32px => 24px, fine-tuned other styles, increased the waring status
  • Spin
    • the original DOM size when used normally 0 x 0 => corresponding width, height
  • Tree
    • remove the minWidth restriction
  • TreeSelect
    • remove the default maxHeight restriction
  • Table
    • change table header background color to white
  • Tag
    • light type text color darkens, changed to Color No.8
    • remove the margin-bottom and margin-right that comes with 8px by default
  • Typography
    • Typography.Title default font-weight to 700
    • strong props change font-weight 600 => 700

0.37.0 (2020-05-22)

Version Diff

• 🔧【Fix】
  • Fixed the issue that only allowEmpty was not consumed when Form register / remounted and allowEmptyString was not consumed
  • Fix Casacader error when using triggerRender
  • Fix the problem that TextArea cannot input Chinese in controlled state
  • Fix the stuck issue when the Nav.Item is clicked
  • Fix the problem that the fixed Column.width is a percentage failure
  • Fix the problem that the itemSize value of the virtualized Table is too small when the row is displayed
• 🚀【Performance】
  • Select supports virtualize and optimizes performance in large data scenarios
  • Optimize the virtual table rendering mechanism to improve the experience when the data changes frequently

0.37.0-beta.0 (2020-05-15)

Version Diff

• 🎁【Feature】
  • TextArea supports onResize callback
  • Modal supports destroyAll
  • Table virtualization supports data grouping
  • Table supports getting current page data
• 🔧【Fix】
  • Fixed the problem that Textarea does not have autosize in the second tabPane of tabs
  • Fixed Cascader crashing when opening Google Translate for selection
  • Fixed the problem that the Table virtualization itemSize is too small and the rows cannot be displayed normally
  • Fixed the problem that the incoming percentage of Table virtualization Column.width cannot be normal and realistic
  • Fixed the problem that the file is still displayed after onError is triggered when Upload action 4xx / 5xx
• 🚀【Performance】
  • Optimized the performance of Tablevirtualization when rendering when the frequency of data changes is high

0.36.0 (2020-05-08)

Version Diff

• 【Feat】
  • Form.Slot supports individual customized abelPosition
  • Select defaultActiveFirstOption supports to be consumed again after updating optionList in remote search
• 【Fix】
  • Form ArrayField
    • Inner ArrayField not updated after setValues in nested usage
    • A value under ArrayFields is set with initValue. If setValues + isOverride at this time, the value will not be set successfully
    • After removing a row, leaving a null
  • Fix Table fixed column + virtualized horizontal scrollbar positioning issue
• 【Style】
  • Fix alignment issue of switch and rating in Form when labelPosition=left

0.36.0-beta.0 (2020-04-24)

Version Diff

• 🎁【Feature】
  • Add a unified prefix for the built-in icon of semi to prevent conflicts with variables of the same name in window
  • Form add stopValidateWithError switch at the Field level, short-circuit subsequent verification after error
• 🔧【Fix】
  • Fix the issue that when Progress percent is dynamically changed from N-> 99.98, the animation number will be rendered as 100
  • Fix the problem that setting the value to null in the Cascader controlled mode is invalid and cannot be cleared
  • Fixed an error when Cascader's children's layer is an empty array
  • Fix the problem that the update of DatePicker will slow down one step when the time is selected
• 🚀【Performance】
  • Form ArrayField aligns the field about the initial value behavior, which can be set either through initValue or initValues in Form props (newly added this time)
• 💅【Style】
  • Form, adjust the upper and lower spacing of Form.InputGroup margin 16 => marign 0 && padding 12, align with Field

0.35.0 (2020-04-17)

Version Diff

• 💡【New Component】
  • Add new component Transfer
• 🎁【Feature】
  • Tree adds support to following apis:
    • expandAction supports expand logic including false, click, doubleClick
    • onRightClick
    • searchRender to render custom search box
  • Cascader add support to following apis:
    • onDropDownVisibleChange
    • showClear to clear value with clear button
    • support disabled status for options
    • onBlur, onFocus
  • Rating adds support to customize character size
  • Table supports the custom display of the expand button
  • Table supports the usage of fixed columns and grouping data
  • Navigation supports the param "collapseText" to modify the title of the collapse button
  • Form formApi supported getValues()
  • Form.Slot supported noLabel
  • Form supports the configuration of disabled. When it is true, the internal fields automatically inherit the disabled attribute
  • AutoComplete supports onFocus, onBlur
  • Form field props support stopValidateWithError, after a certain rule test fails, it will not trigger subsequent rule verification
• 🔧【Fix】
  • Fix Cascader flashing problem when dropdown close
  • Fix the problem that when Form uses array fieldPath (eg: panels [11]]. Start), the value is modified after verification, and the error information does not match
  • Fix Form calls formApi.validate (), lack of required information triggers verification, after rejecting, add information and then validate, may still be rejected
  • Fix DatePicker will jump to the month of the first selected date when selecting different month dates in multi-selection state
  • When Form ArrayField asynchronous setValues update, the value has changed, but the rendering has not been updated
  • Fixed the problem that the file list arrangement style is incorrect and the + sign is wrapped when Upload type = picture
  • Fixed Form.Switch error when using Safari browser
  • Fixed the issue that target in BackTop might have been removed when unmounting
• 💅【Style】
  • Adjust styles for empty content for Tree、 TreeSelect、 Cascader 、Select
  • Add animation to Rating
  • Fix Input styles for:
    • ValidateStatus with append / preprend
    • Border-radius with only append or preprend
    • Suffix overflow
• 🚀【Performance】
  • API adjustment and console warning: The original API will still be supported until 1.0, but it is no longer recommended
    • Tree adds onChangeWithObject to replace labelInValue
    • Tree adds showClear to replace clearable
    • TreeSelect will remove valueInArray in v1.0.0-rc, it is recommended to get related node properties through onChange
    • TreeSelect adds showSearchClear to replace allowSearchClear
    • Input, InputNumber add showClear, replace clearable
    • DatePicker, TimePicker add showClear, replace allowClear

0.34.0 (2020-04-03)

Version Diff

• 💡【New Component】
  • Empty component
• 🎁【Feature】
  • Typography ellipsis feature extension
    • Supports truncation of Text, Title and Paragraph
    • Supports single-line, multi-line truncation; supports fixed suffix; supports truncated position from end or middle
    • Supports for expandable, collapsible and custom text tip
    • Supports properties to configure tooltip
  • Breadcrumb truncation logic optimization
    • Changed from truncation at certain text length to width truncation.
    • Supports showTooltip prop to configure truncation width, position, etc.
  • Modal supports maskFixed
  • Toast、Notification supports getPopupContainer
  • destroyAll method for Toast, Notification changed to destroy wrapper as well
  • Tree 、TreeSelect supports autoExpandParent
  • TreeSelect supports autoAdjustOverflow
  • Select adds close () and open () methods, which can be used to manually control popup expansion / closing
  • Select to prevent a selected item from being deleted in the multiple selection mode; add onClear callback
  • Form onValueChange adds second parameter: changedValues, which specifically reflects the currently changed field
  • TextArea supports validateStatus
  • Table supports setting scroll width without setting scroll.x and Column.width to set width automatically
  • Table supports rendering multiple contents into the same cell
  • Floating layer component supports custom Trigger
  • Floating layer components uniformly support the parameter stopPropagation to prevent element click events on the floating layer from bubbling
  • Tooltip/Popover/Popconfirm supports small triangle pointing to the center of the element
• 💅【Style】
  • DatePicker date selection panel style update
• 🔧【Fix】
  • Fix Tree TreeSelect not recollecting value in single controlled mode when treeData changed
  • Fixed conflict between expandedKeys in Tree controlled mode and automatic expansion in search status
  • Fix searching results not updated when search input has a value and treeData is dynamically updated in Tree
  • Fix clearing search value not triggering onSearch in Tree and TreeSelect
  • Fix the problem that the Upload progress bar is not displayed during the Upload process and the status bar in the defaultFileList is successful.
  • Fix the problem that Col with Grid span 0 does not reflect the display: none feature
  • Fix the problem that AutoComplete is disabled when data is not empty; fix the problem that Option hover style only responds to keyboard events but not mouse events;
  • Fix Select still react enter keyboard events while loading
  • Fixed a performance issue when the Column.title passed to multiple Tables was ReactNode