category: Getting Started title: Change Log subTitle: Change Log icon: doc-changelog localeCode: en-US order: 7
Version:Major.Minor.Patch (follow the Semver specification)
【Docs】
Icon update custom icon example
【Fix】
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 #205Checkbox add A11y keyboard and focus adaptation #205InputNumber shiftStep, from 1 to 10TreeSelect TypeError when checkRelation is unRelated and treeData is []InputNumber value can be changed via stepper in readonly mode @zwlafkTag solid closable icon token $color-tag_close-icon_deep-defaultcan't get properties of undefined is prompted when using Form, Tabs, and Nav components in React 18 createRoot + strictMode strict mode #745 #795 x-form-id does not match on the server side and the client side when the Form component is used in Nextjs #808 @xuerzong@douyinfe/semi-foundation, which has no effect on users #660user-select:none, allow user select【Fix】
【Fix】
【Feat】
【Style】
Table header text does not support selection #638 @chenc041【Docs】
A11y: Button adds keyboard and focus behavior description
【Fix】
Table columns width bug when update columns #650Select component automatically scrolls when the keyboard up and down keys are used to adjust the relative position of the focused option #607 @chenzn1webpack.resolve.alias is invalid after the @douyinfe/semi-next plugin is used in the next.js project #630DatePicker open was controlled #528Tooltip 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 @chenc041leftTopOver and rightTopOver position supports autoAdjustOverflow@douyinfe/semi-ui Add dependency declaration: @douyinfe/semi-animation to avoid the problem of missing dependency declarations that may exist in pnpm scenarios #626onChangeWithDateFirst API #555renderCreateItem, the new option needs to be clicked twice #574columns change bug #381virtualize and renderFullLabel #527null or undefined, the panel does not close after selecting the date #338needConfirm is true #457needConfirm mode click outside will no longer close the panel, you need to click cancel to close the panel #457needConfirm button margin bug in footer #457direction='rtl' #457theme='light' #430@charset utf-8 related warning when Vite builds CSS #403backSpace to delete the selected item in Select multiple selection #444this.updateMode undefined problem when switching dark mode #452Safari<=13 version #442onClick #402ref.current.insert methodshowPicInfogap to control FileCard intervaldouble_chevron_left, double_chevron_right iconsSpanish language pack @chenjunxyfinputProps, which is convenient for users to realize some special functions when filter is true. For example, incoming onCompositionEnd, onKeyDown event monitoring, etc.isRenderInTag returned by Select renderSelectedItem is false #320mark tag key is missing when the warning prompts the mark when searching for the highlighted keyword in Selectmultiple+disabled #400type='plain' #406hideOnSingePage 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 #252size of the Rating component to numbersemi-ui package.json @chenc041【Style】
Fix the problem that the naming of --overlay-bg token is not standardized. Modified to --color-overlay-bg
【Fix】
【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
【Fix】
classnames #231overflow-y to simulate the scrollbar #164defaultValue is disabled when the node is selected will be filtered #183multiple and onChangeWithObject enabled, the defaultValue is object[] does not take effect #184resizable table issue #154value and defaultValue, from string to string | number #159treeList type #163type=month, the computer is set to the US Eastern time zone and the date cannot be selected #173renderSelectedItems #160$color-switch_disabled-bg-hover, $color-switch_disabled-bg-active, custom disabled background color #115max-height, max-width test cases #151 @songjianetitems type definition error issue #35linkOptions upload target type error problem #120 @boenfuColumn.render text type, caused by string => any #144TextAreaProps type definition #149icon and iconType property no longer supports passing built-in icon names through stringssemi-ui/index.jsdisabled attribute, and components that rely on Tooltip (such as Popover, Dropdown, etc.) transparently transmitted to Tooltip disabled will become invalid200 * 200pxvalidate may be triggered by mistake due to the same field prefix when validate specifies the validation part of the fields【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
【Style】
total is too largesyncSwitchMonth, which allows the dual-panel month to be switched synchronously in the range selection scenarioonPanelChange, which is triggered when the month is switched around【Docs】
Add demo of autoExpandParent usage in Tree component documentation
【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
【Fix】
【Style】
【Chore】
Table dts adds RecordType generic, improve the column.render parameter definition
【Feature】
【Fix】
【Docs】
[Docs]
Table supplement column.title description, explaining the influence of different parameter types on title rendering
【Fix】
【Chore】
【Style】
Update Notification width from 320px to auto
【Fix】
【Fix】
Fix the problem that Navigation calls setState when it is not mounted
【Fix】
【Chore】
【Feature】
Upload
Upload component added onAcceptInvalid API
【Fix】
-【Fix】
【Style】
If DatePicker popup position is set to top, week panel will be fixed to show 6 weeks
【Fix】
【Style】
【Chore】
【Fix】
Fix the error when the Tree component uses loadedKeys
【Feature】
dislike_thumb and unlink icons【Fix】
【Docs】
onListScroll monitoring function is implemented to realize drop-down paging, etc.fieldStyle to Form Field component props, allowing to define the inline style of the entire field blockarrowIcon API for Select, Cascader, and TreeSelect to allow customizing the right drop-down arrow IcontriggerRender API into the parametersInter font as a priority option【Fix】
【Chore】
idle illustrationdarkModeImage to better adapt to dark modedefault(40x40)[{requried: true}]imgAttr to pass through HTML attributes of img tagAnchorUpload component from left to centerInput provides password modeSideSheet adds support to footer,containing changes in padding, margin, etcUpload adds support to promt, promptPosition for listType=picture modeTree TriggerRender in multiple modeIcon to CSS animation, and fix the problem of page redrawing. If you need to use loading Icon alone, please add CSS animationOverflowList does not reset the state of the render function any more. If you need to reset, you can refresh the component by updating the keyTypography ellipsis modeButton height style bugDescriptions row with different sizesOverflowListTabs component folding function supportTreeSelect component supports outerBottomSlotModal non-command call supports setting title iconDatePicker supports transparent transmission of TimePickerOpts parameters to TimePickerTable merge table header function supportTable supports custom rendering of each item of floating layerTable supports incoming default page numberTable supports automatic scrolling to the first row when cutting pagesUpload adds onClear callbackForm Field supports pure switch to only take over the data stream without inserting Label, ErrorMessage and related DOM structuresTable headersTable is switching pageTable still displays selected columns when rowSelection is falseTooltip's getPopupContainer using configProvider is invalidModal imperative content and header add 8px spacingBanner close buttonTree animation flashes etc. when in controlled expandedKeys mode and using with showFiltereOnlyIcon loading on demand path changedList renderItem method supports custom keyButton light and borderless mode change text color from color-tertiary to color-text-2Cascader is not returned to placeholder under the controlled stateTree's expandedKeys disappeared after manually emptyingTable cannot display empty status when virtualization is enabledForm.Upload when uploadTrigger is custom, onChange will not be triggered after the file is selected, and the corresponding file list is not synchronized to formStateForm.Select to enable onChangeWithObject, external calls to formApi.getValues and setValues are likely to cause stuck problemsSpin svg animation stuck issue when rendering with large amount of dataIcon supports loading on demandModal supports keepDOM, the default behavior of lazyRender remains to be destroyedParagraph component supports less than n lines of text, does not display expanded and collapsed textConfigProvider supports getPopupContainerTable emptySlot outer layer changed from p to div componentTypography link is changed to no underline style by default, and underline can display underline in hover/active stateTab card mode, the extra content is centered to support the card, which involves DOM structure adjustmentRadio as dot in Timeline【API Adjustment】
target attribute, please directly use the JSX wordingBreadcrumbItem, please use Breadcrumb.Item insteadonChange callback is reversed, changed from string and Date to Date and string, if you need to restore, please use onChangeWithDateFirst={false}clearable attribute, DatePicker, TimePicker removed the allowClear attribute, please useshowClear insteadlabelInValue, please useonChangeWithObject (available since 0.23.0) insteadoptionLabelProp, please userenderSelectedItem ( Available since 0.23.0) Custom function replacementonPressEnter property, please useonEnterPress insteadlabelInValue property, please useonChangeWithObject insteadvalueInArray Properties, please get related node properties through onChange oronChangeWithObjectallowSearchClear attribute, please useshowSearchClear insteadonXhrFinish 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 changebeforeUpload 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.onBlur,onFocus methods are unified as Function (e: Event)【Refactor】
target attributetype attribute changed to info, default value is infofullMode,title, description , icon,closeIcon, bordered【Feat】
size: extra-extra-small 20px, the original small size is adjusted to 24pxkey to control the update and redraw of eventsdateGridRender allows custom cell / column content and stylecollapseHeight to support custom folded heighttitledescription style adjusted to 14px font, secondary font ColorshowValidateIcon, automatically display red X icon before error message, the default is truehelpText 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 resulthideButtons is used to control the hiding of the" increase / decrease "buttons, ** discard the original suffix = {null} method **.onRightClick,onClick responds to corresponding mouse eventscloseOnEscSupport to close the popup window by keyboard Esc, add closeIcon to support custom close buttonsize support small, medium, large and full-widthheaderStyle, afterVisibleChange, closeOnEscchildStyle"middle" and "small" have been added.keepDOM, which supports the destruction of non-active panels in jsx writingtabPosition to support tab at the top or left ('left', 'top'),lazyRender to support lazy loading of tabPanetheme('light', 'normal') Support notification message with background colorloadData, loadedKeys,isLeaf Support dynamic loading of dataonChangeWithObject Support to return with node information The object is the input parameter of onChangesearchRender supports false to hide the search boxonChangeWithObject supports returning the object with node information is the input parameter of onChangeshowClear supports clearing OptionscopyTip,to customize copy tooltip textorbitStroke allows custom track colorssize, supports the corresponding size of Avatar componentsrenderFileItem custom file card rendering structure, additemStyle to quickly change the inline style of fileItemshowClear,ShowRetry, add manual retry mechanism, add file list to quickly cleartransformFile, support to convert files after file selection, before file uploadonChange callback, callback for file upload status change, uploading , If it fails, the callback will be called after completionvalidateMessage,validateStatus to customize the overall verification status of Upload and display the verification informationbeforeUpload will also be displayed in the fileListafterUpload, support After the upload is complete, update the status of the corresponding file in the fileList and support automatic file removalonExceedfileListchildren More freedom Customize the content of the drag zone in degrees【Performance】
【Style】
Form register / remounted and allowEmptyString was not consumedCasacader error when using triggerRenderTextArea cannot input Chinese in controlled stateNav.Item is clickedColumn.width is a percentage failureitemSize value of the virtualized Table is too small when the row is displayedSelect supports virtualize and optimizes performance in large data scenariosTextArea supports onResize callbackModal supports destroyAllTable virtualization supports data groupingTable supports getting current page dataTextarea does not have autosize in the second tabPane of tabsCascader crashing when opening Google Translate for selectionTable virtualization itemSize is too small and the rows cannot be displayed normallyTable virtualization Column.width cannot be normal and realisticUpload action 4xx / 5xxTablevirtualization when rendering when the frequency of data changes is high【Style】
Form add stopValidateWithError switch at the Field level, short-circuit subsequent verification after errorProgress percent is dynamically changed from N-> 99.98, the animation number will be rendered as 100Cascader controlled mode is invalid and cannot be clearedCascader's children's layer is an empty arrayDatePicker will slow down one step when the time is selectedForm 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)Form, adjust the upper and lower spacing of Form.InputGroup margin 16 => marign 0 && padding 12, align with FieldTransferTree adds support to following apis:
Cascader add support to following apis:
Rating adds support to customize character sizeTable supports the custom display of the expand buttonTable supports the usage of fixed columns and grouping dataNavigation supports the param "collapseText" to modify the title of the collapse buttonForm formApi supported getValues()Form.Slot supported noLabelForm supports the configuration of disabled. When it is true, the internal fields automatically inherit the disabled attributeAutoComplete supports onFocus, onBlurForm field props support stopValidateWithError, after a certain rule test fails, it will not trigger subsequent rule verificationCascader flashing problem when dropdown closeForm uses array fieldPath (eg: panels [11]]. Start), the value is modified after verification, and the error information does not matchForm calls formApi.validate (), lack of required information triggers verification, after rejecting, add information and then validate, may still be rejectedDatePicker will jump to the month of the first selected date when selecting different month dates in multi-selection stateForm ArrayField asynchronous setValues update, the value has changed, but the rendering has not been updatedUpload type = pictureForm.Switch error when using Safari browserBackTop might have been removed when unmountingTree、 TreeSelect、 Cascader 、SelectRatingInput styles for:
Tree adds onChangeWithObject to replace labelInValueTree adds showClear to replace clearableTreeSelect will remove valueInArray in v1.0.0-rc, it is recommended to get related node properties through onChangeTreeSelect adds showSearchClear to replace allowSearchClearInput, InputNumber add showClear, replace clearableDatePicker, TimePicker add showClear, replace allowClearEmpty componentTypography ellipsis feature extension
Breadcrumb truncation logic optimization
Modal supports maskFixedToast、Notification supports getPopupContainerToast, Notification changed to destroy wrapper as wellTree 、TreeSelect supports autoExpandParentTreeSelect supports autoAdjustOverflowSelect adds close () and open () methods, which can be used to manually control popup expansion / closingSelect to prevent a selected item from being deleted in the multiple selection mode; add onClear callbackForm onValueChange adds second parameter: changedValues, which specifically reflects the currently changed fieldTextArea supports validateStatusTable supports setting scroll width without setting scroll.x and Column.width to set width automaticallyTable supports rendering multiple contents into the same cellTooltip/Popover/Popconfirm supports small triangle pointing to the center of the elementDatePicker date selection panel style updateTree TreeSelect not recollecting value in single controlled mode when treeData changedTree controlled mode and automatic expansion in search statusTreeTree and TreeSelectUpload progress bar is not displayed during the Upload process and the status bar in the defaultFileList is successful.Col with Grid span 0 does not reflect the display: none featureAutoComplete is disabled when data is not empty; fix the problem that Option hover style only responds to keyboard events but not mouse events;Select still react enter keyboard events while loadingColumn.title passed to multiple Tables was ReactNodeNavigation selectedKeys controlled conditionTable component group rendering modeDatePicker would skip the confirmation replacement when clicking the preset when confirmation is needed in the futureSelect is used in Popover with trigger as click, and click on the clear button when showClear is trueTable
DatePicker supports specifying default time selectionForm
Form.Label adds extra attribute to add content after required identifierTypography copyable supports successTip to customize tip when copied successfullyCascader supports defaultValue directly rendered as string when not available in data listModal supports getPopupContainerCheckbox & Radio : Secondary color related variables changed to PrimaryTree, focus on optimizing the rendering performance of large amount of nodes
TreeSelect
DatePicker supports disabling time selectionModal function call supports destroy( ), and update( )Upload supports passing in data/headers in the manner of (file) => objectTable adds the disable effect of Checkbox, and cancels the logic that the checkbox of the table header is selected when the valid data item key array is empty.Slider position problems in range mode with min value setList.Item used in jsx not supporting grid and layoutForm.Select throws error using groupCheckbox exists in Select outerBottomSlot, clicking causes the Select to collapseForm.CheckboxGroup does not carry initValueNavigation text color changed to "--color-text-1"Form.Label, when labelPosition is top, add explicit display: block declaration of label element to make sure the height of label is correct when using in systems without reset / normalizeForm layout = 'vertical', adjust the vertical spacing of the field. Forms arranged vertically will be more loose (marginTop / Bottom folded 16px => paddingTop / Bottom superimposed 24px). The height of Form will change.【feat】
Select support grouping option via OptGroupSelect add onFocus/onBlur callbackConfigProvider component to support time zone configurationForm.Slot supports use withoutFormSlider supportsrailStyle, which can be used to implement segmented track colorsRadioGroup supportsdirectionStep Add onClick support and automatically add cursor: pointerTagGroup supportsshowPopover, displaying the remaining + N content through a floating layer【fix】
Select allowCreate input non-existent label, click outSide without selecting any item, then click Select to expand, 'create xxx' candidate still existsForm labelWidth not working for Form.InpurGroupDatePicker componentDatePicker crash when format and type conflictButtonGroupimport * as React was not used in.d.tsTagGroup doesn't pass keySlider hint text is not centered and disable styleInputGroup parent pass through and override children's styleStep component's className not taking effectUpload component withCredentials【style】
Select Option Icon tickPagination showTotal content, add a space around the numbermultiple and filter to Select【docs】
【feat】
InputNumber is also performed once if the content changes when losing focus.Dropdown adds style name to trigger element.Table When the row selection or expansion function is enabled, if there is no key attribute for each data item in the dataSource or the attribute name specified as the primary key with rowKey is not used, the console will report an error.【Fix】
Form .d.ts onChange declaration.Table dataless copy would be below the horizontal scroll axis of the table.Table leading to misalignment of fixed column with wrapping content【Perf】
Collapsible optimization refactoring.
【Style】
Table component selection box resizing.【feat】
SideSheet
size,disableScroll, getPopupContainermask = {false}SideSheet has changed as follows:semi-modal-wrap => semi-sidesheet-inner-wrap,semi-modal => semi-sidesheet-inner, the rest semi-modal-x =>semi-sidesheet-xTable
Calendar,Typography supports i18n
PopConfirm added okButtonProps, cancelButtonProps
【Fix】
Modal
SideSheet popping up when setting motion = {false}DatePicker dts declarationInputNumber being unable to input after setting" max "parameter【Style】
Modal keep footer bottom when changing heightNotification content is the same width as the titleSelect component is multi-selectable and searchable, the input is automatically cleared after losing focus【feat】
.d.ts to provide more friendly syntax tips in IDEs such as vscodeForm New Form. AutoCompleteForm.Slot supports incoming errorModal component imperative calls onOk support Promise and then close the dialog boxCascader, TreeSelect support insetLabel, prefix, collectixCascader, TreeSelect support validateStatusRating component allowhalf attribute supports the display of decimals other than 0.5Upload type detection and corresponding styles when removing the drag-and-drop upload component onDropEnter (file details are not available when dragging is not loose due to browser policy constraints) are detailed in【fix】
Select multi-selection + maxTag Count + width width is insufficient and option content is too long, and the selected item location offset may not be displayedArrayField in conjunction with CollapseSelect custom renderCreate Item, missing keyDatePicker After clicking the Clear button, then clicking the Date button will not be able to select the dateDatePicker Click on the Clear button and cannot trigger onChangeDatePicker disable state Popover will give the DateInput package a layer of span that causes a change in displayDate Picker before 1970 could not pass verificationDatePicker floating layer selection bar is not centered and the bottom rounded corners are blurredDatePicker passes in allowClear = {false}Input GroupInputNumber setting max min valid only for click changes, with no limit for inputInputNumber was not emptied at formresetCheckbox component outer div would have been triggered before the onChange in the inner layer if the onClick event had been definedCollapse component on Change callback. Should correspond to activeKey, not the itemKey for a single panelTable empties the selected row key array after a dataSource changeTable expansion buttonTable select expand button did not prevent bubbles when clickedTreeSelect Controlled Value Full Selective Child Node No Automatically Selected Parent NodeSpin was overwritten in nested useUploadonError callback entry error;Form.Select allow Create by pressing return, event bubbling triggering formsubmit【Performance】
Form.Select customizes OptionNode rendering and opens onChangeWithObjectInputNumber component interaction optimizationTable, the rolling Cotton is more serious【Style】
Pagination, the built-in Select default setting clickToHide, click to put it away. The user-select is changed to noneBreadcrumb changed from bottom to bottom LeftTreeSelect, Cascader hover when no data, active no styleTyporgraphy with copy icons spacing changed to 4pxTypography component【feat】
Nav supports all parent SubNav (if the selected item is a subitem of SubNav) when the default OpenKeys openKeys is not passed inNavNav.Sub component supports incoming dropdown Style, controlling properties such as maxHeight and overflowTable supports the internationalization of paging regional texts and the introduction of format PageText custom paging regional textsTable supports tree data presentationForm adds Form.ErrorMessage, Form.Slot exportFormField supports incoming labelPosition, labelAlign, labelWidth properties to override Form settingsForm adds wrapper Col, label Col fast layout configurationForm with Field adds the should Memo configuration to support stateful componentForm Fieldlabel attribute is compatible and supports incoming objectForm Field adds convert to allow for secondary modification of component values before UI updatesForm Fieldtrigger attribute, which supports simultaneous configuration of multiple trigger timesSelect, AutoComplete Add AutoAdJust Overflow Floating Layer Adaptive SwitchCascader unfolds again and returns to the last unfolding stateNotificationsupports onClick notificationsBreadcrumb component style and code optimization
【fix】
DatePickerDatePicker could crash under the Safari browserDropdownItem did not block a DOM event in a limited stateTable defined Column using JSX syntax sugarTable may have two rows in hover state at the same timeTable may not be able to expand additional linesAutoComplete default valueBanner on Close callback parameterAvatar extra-small font size problemBreadcrumb a tag nesting problem, rendering as a tag when passing href, otherwise as span tagCascader and Tree SelectCascader component rendering data not in incoming orderIcon component custom icon hump naming is changed to lowercase and cannot be displayedFormform level custom check validateFields returned the update (i.e. when some Field checks were illegal = > legal)Paginationpopover Position not controlling all subordinate pop-up layersPagination Clicking on the current page should not trigger onPageChangePaginationupdates total asynchronously and is not used in controlled mode, it automatically sets the current page to 1 for compatibilitySelect is displayed; the clearicon should not be displayed when the input class component such as Input is displayedInput component clearable button needs to prevent bubbling when clicked【Style】
DatePicker type = dateTime, the bottom switch part active item removes the hover effect, removes the cursor: pointer effect【Docs】
Form, AutoComplete use documents【refactor】
AutoComplete, no longer encapsulating based on Select, correcting the interaction details【feat】
Select, AutoComplete position supports incoming configurations other than 'top' / 'bottom' (aligned with Popover, Tooltip)Select Add on Select, on Deselect callbackDropdown adds Dropdown.Title, adds showTick; Dropdown.Item adds active, type【fix】
AutoComplete showClear not effective, document sample error problemPaginationtotal is 0Popconfirm component titled space occupancyTable component onChange callbackSlider component code optimization to fix an issue where onChange is called twice and can be dragged in a controlled stateTree componentBreadcrumbItterSelect clicked the clear buttonSelect direct offspring if null existsInputNumber click on the stepper can be less than the min valueTable component defaultExpandAllRows is trueDatePicker would report an error using format in controlled modePopconfirm component position is leftPopconfirm component is not aligned with content when the title is empty【Style】
Tree and TreeSelect
Tooltip to 6px【Docs】
Slider slow sliding in claddingBreadcrumb did not workBackTop componentInput component disappeared by pressing the cleanup buttonInput component placeholder is not centeredSpin component wrapper ClassName was not updated with the status【feat】
Table component paging function supports the passing of custom totalCollapse, Collapsiblesupports keepDOM and does not destroy DOM nodes when hiddenToast, Notificationsupports global configuration with location (top, bottom, left, right), durationToast, Notificationsupport destroy AllToast, Notificationnew showClose support does not display the Close buttonToast new icon, text Max WidthRadio, Checkbox support extra incoming subtextSwitch supports checked Text unchecked Text on off status text incoming【fix】
Dropdown passed clickToHide = true selection option floating layer cannot automatically close when trigger is hoverTabs component Tab Paneprops.tabs was updated and the rendering of the tabs did not follow the updateBreadcrumb componentCollapse component defaultActive Key is string without corresponding panel expansionSlider component is covered when used in FormSlider component in range mode, using controlled value, component invocation stack problemTable component paging functionTable was passed into both row Key and row Selection【Style】
Toast, Notification, Modal to blueButton component copy is not selected by defaultToast, Notificationinteraction optimization, hover time does not disappearSelect multi-selection Tag left distance adjustment 12px = > 4pxTimePicker option is added: active effectCheckbox Group vertical spacing adjustmentPagination Page divider drop-down menu style unified with Select【perf】
【Docs】
Table component on RowPaginationcomponent total is less than 10, the button on the next page is not checkedTable className affects the tr elementCalendar components all-day eventSelect component adds remote optimization remote search experienceForm Field adds fieldClassName configurationDropdown component supports the automatic closing of the Floating Layer[feat] TimePicker adds inputStyle configuration
[style] Dropdown component removes min Width limitation
[style] Select clear button hover effect alignment Input, multi-choice placeholder color correction
[fix] Form. Input Group is compatible with a direct sublevel null
[fix] Fix the problem of the DatePicker component input box emptying button click invalid
[fix] Fix the error reporting problem of dynamically updating optionList when the Select value is undefined
[fix] Fix the Select initial optionList is an empty array, the value is controlled to pass in non-empty values, and after updating optionList asynchronously, the selected item rendering does not change with it
[fix] Direct error problem when the Form Field level container does not pass in the required field attribute
Select Adjustment
TimePicker supports time range selection modeTree Component on Select adds callback entry to the selected node, function(selectedKey:string, selected: bool, selectedNode: object)Popover Tooltip Select Dropdown, etc.) were misplaced under the edge browserTree component update nodeTabs button mode hover state background flickerTable removes the hover effectDate Picker Year Selection Mode Dial Width AdjustmentTable supports on Row on Header Row on Cell on Header Cell usage, and users can customize row or cell eventsTree Component Supports Controlled LifeKeysTree on Change obtains attributes other than valueForm component formApi.setValues supports configuring isOverride, whether it is directly overwritten when assigning values to formState.values, and can be assigned in advance to fields that do not exist in the FormForm supports Tree Select, Cascader, RatingForm adds the allowEmpty attribute, and when set to true, the fieldkey with empty value also exists in formState.valuesSelect Option supports showTick, className, style configurationForm call formApi.setValues to reassign ArrayFieldTable component JSX is written titleas ReactNodeTabs dynamic modification pane error reportingTextAreaModal clicks and presses inside Modal and then moves to the outside of Modal to loosen the clickModal Cancel Button Replace with Lightlight ButtonRadio and Checkbox text support triggers: hover and: activeInput, Input, Date Picker, Time Picker ins et Label left distance adjustment 8 = > 12Modal component supports custom icon in imperativeDatePicker support type = "month" for annual selectionInput Number supports continuous addition and subtraction of long press timesButton Group supports parameters for passing in specific buttonsUpload supports drag-and-drop uploadTree, TreeSelect update on Select, on Change callback entry referenceModal new header attributeInput Number passed in for matter and parser cannot be formatted properly under controlled conditionsInputNumber could not use the back key after setting precisionTable fixed header, if extra-long text is passed, the column cannot be alignedSelect set width = '100%', used under Tabs, first rendered drop-down menu width error problemForm ArrayField did not make a deep Clone isolation problem for initValue, and this update has clone isolation for the values in onSubmit, onSubmit Fail, formApi.setValue, formApi.getValueDatePicker not initialized at the time of the initial renderTree component label as node type setStateInput prefix is in ChineseModalIcon as fast _ forwardRadio adds active stateSwitch design adjustment to add size property. Modified the default sizeCollapsiblenestingNavigation dynamic efficiency optimization, navigation item selected state style optimizationTree supports labelInValueTree support defaultExpanded KeysTree, TreeSelect add animation to control whether it is turned on or not via motion, motion ExpandSlider location computing and interaction optimized to fix compatibility bugsSliderSlider range dislocated invalid value of sliderSlider cannot be used for direct error reporting in the Edge browser (part ofTabs switchesTree component Add icon to support custom icons; Add directory to support directory tree styleTree component label attribute supports ReactNode typeCascader, TreeSelect component supports second click to put awayPopover support display small trianglePopaffirm Supports Controlled ShowcaseProgressbar progress bar supports display percentage text; showInfo default changed from true to falseInput componentInput component prefixAvatar component letters are not centeredBreadcrumb component delimiter is not centeredCollapse DOM Structural Adjustment, Increase AnimationProgressDOM Structural Adjustment, Increase AnimationButton Load Status Use New Icon (with Spin)Table Scalable Column Interaction Optimization, Feedback More SignificantTimePicker may not be displayed at focusRadioGroup settingForm Field setting init Value is 0Select multi-selection does not set maxTag CountGrid Col = 24 style failure problemSelect supports keyboard operation, supports second-click put awaySelect new allowCreate supports creating entries in searchSelect new maxTag Count support multi-selection beyond the limit display + NTag New Tag GroupList componentDatePicker, TimePicker, Input, InputNumber and other components support error status and warning status displayDate Picker support on Confirm / on Cancel callbackInput Number Input Format and Display Format UniformTooltip / Popover support edge detection and automatic positioning in horizontal / vertical directionsTimePicker scrollingSelect multi-selection mode reaches max, select again can't cancel the problemSelect multiple and filter are trueSelect embedded label, increase the left and right spacing of Inset Label, and unify the inset Label style of Input and Select. Optimize and adjust the DOM structure and style of Select multiple to trueButton supports loading stateCascader component supports controlledNavigation component onSelect callback supports the return of the original configuration objectUpload Add prompt, prompt Position configuration prompt text and locationUpload Fix the limit limit failure problem when upload Trigger is' custom 'Popover / Tooltip--Color value of color-text-2Tab Update Interactive StyleForm component setPaginationcomponent, select the later page number, and then switch the capacity per page to a larger value. The rendering error problem caused by the current page has no corresponding value in the new page number table (the current page number is changed from constant to converted)Select component, when the label is ReactNode and the filter is turned on, the option is rendered as\ [ObjectObject] problemForm Component When the label Position is left, it automatically adds up and down padding: 6px to the label of each field to align with the first line of text of the fieldForm component has multiple fields. When reset, validate, setValues are called, the onValueChange, onChange trigger is adjusted several times to trigger only onceTimeLine componentBack Top component adds animation, adds character attributeModal component adds centered properties and updates the positioning of the default styleCascader component supports dynamic update subnodesBadge component adds position properties and supports custom nodeToast, Notificationsupport decimalsNavigation Component Style Optimization, Functional OptimizationSelect, Tooltip, PopoverTable component bottom optimization, scrolling dislocation problem repairTree, TreeSelect support dynamic update subnodesForm set Values to trigger multiple onChange, onValues Change to trigger only onceTable Demo that supports column scaling, JSX description columns, document addition row drag sortingUpload Add upload Trigger to manually trigger upload; add onXhr Finish callback; add prompt text slot: promptTree componentSelect removes min-width: 120px introduced by v0.10.0; fixes the problem of miscalculation of the width of the drop-down layer; modifies the definition of dropdown Match Select Width: whether the width of the drop-down menu is equal to the width of select = > whether the min-width of the drop-down menu is equal to the width of selectSelect option Label Prop is value, and controlled, option rendering error problemTextAreacannot be reset in the Form and the initial state has no resize problemSpin exist at the same timeTreeSelect render only the nodes displayedCheckbox GroupSelect, AutoComplete Increase label In Value, loading propertiesCheckbox Groupsupports specified direction switching horizontal / vertical layoutTable supports custom rendering expansion buttons.Spin is a package element to block the lower-level click eventFormlabelPosition = 'inset'TextAreaincoming className / style moved to the outer package elementNotification, Toast ref for nullForm uses withField encapsulated functional componentsSelect multiple modeSelect option List dynamic modification without rerendering problemSelect filter is trueSelect, Input, DatePicker, TimePicker support inset Label, Form label Position support insetRadioGroup incoming className / style invalidForm Radio Group init Value is invalid when set to 0Switch un controller = > controller component error reporting problemSelectAdd dropdown Match Select Width, the default drop-down box is the same width as the selection box, and change the minimum width to 120pxForm New Form.Slot component, new label Col, wrapper ColpropSelect Add option List prop to support passing option in arrayForm Fix on Change / on Values Change callback value for undefined problemTextArea would report an error using maxCount in the FormModal and bodyStyle are invalidDatePicker, TimePicker is not wrapped by LocaleProviderTab selected itemSelect BottomSlot split into inner BottomSlot and outer BottomSlotDatePicker props add class name, prefixInputprops new hide SuffixInput prefix is a nodeSelect supports dropdown ClassName, dropdown Style, support bottomSlot pop-up layer bottom slotDatePicker, TimePicker, Modal, Pagination, Select, Table, CascaderScrollList supports scroll and infinite loop scroll modeTimePicker component styleCollapse.Panel className is overwrittenCalendar month view is not highlighted on the first day of each monthUpload new preview File allows custom previewsCalendar calendar componentrating scoring componentdefault Activekey and activeKey support incoming string arrays for Collapse propsFormform Api adds submit Form ()Upload fix the problem that the onRemovefile object cannot get uidForm Input Group error Message displays error problems, optimizes writing, no need to manually add noLabel propertiesProgresssets upper and lower limits of 100%, 0%Progressprogress bar componentTree Select and can be set freely through the dropDown Style attributeBanner is closedForm supports Input Group; custom check validate supports return ReactNode; Label supports incoming ReactNodeSelect classNameTreeSelect multi-selection mode, and when controlled, the drop-down menu will still expand automatically after foldingTree Select support controlledTag passes in the visible attributeUpload listType = 'picture' is not uploaded, display the progress bar and do not preview the picture directlyForm is checked with rules, throw the wrong directly when there is an error in the rules syntaxForm syncValidate when changing back from error to success, the error prompt is not clearedDatePicker clear click is invalidDatepicker placeholder failureTreeSelectdrop-down option is displayed according to the data incoming, and the drop-down menu sets the maximum heightAvatar props add onClick, onMouseEnter, onMouseLeave, hoverMaskTable pagination pageSize failureSide Sheet componentSkeleton componentInput Number has set the upper and lower bounds of min and maxSide Sheet componentDatePicker, TimePicker increase the inputReadOnly attributeTree Select props adds value In Array, supports callbacks to return an array of path value values at all levels of the current nodeCascader componentLayout componentAvatar componentBack Top componentTreeSelect Multiple Selection Mode When the parent node is selected, only the parent node is returned and not the parent child node is returnedUpload picture wall mode does not display the off icon, upload failure after the same file is deletedUpload supports the creation of jump links for all file formats, props supports photography, nameInput Number status is invalidTree Select componentUpload componentTable render index is undefinedCollapse style invalidCheckbox value is numberTabs active Key is not controlledSelect Options dynamic change, the error problem has been displayed by the optionNav Increases Controlled Keys and Open Keys propsBadge componentDatePicker props new: on Open Change, allow Clear, open, defaultOpenDescribement componentCollapse componentportal pop-up layer z-indexNotificationpoint-event penetration problemportal pop-up layer in the scrolling containerModal pops up, automatically prohibit the scroll of the bodyButton Style OptimizationSelect non-filter mode placeholder invalidNav selects the subitem, Sub is not highlightedButton abandoned ghost prop