@douyinfe/semi-ui 2.44.0 → 2.44.1-alpha.0

package/lib/cjs/anchor/index.d.ts

@@ -40,7 +40,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"default" | "small">;
+        size: PropTypes.Requireable<"small" | "default">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/cjs/autoComplete/index.d.ts

@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

package/lib/cjs/button/index.d.ts

@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/cjs/datePicker/datePicker.d.ts

@@ -59,7 +59,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/cjs/datePicker/monthsGrid.d.ts

@@ -86,7 +86,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
-    getYAMOpenType: () => "both" | "none" | "left" | "right";
+    getYAMOpenType: () => "none" | "left" | "right" | "both";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/cjs/form/arrayField.d.ts

@@ -27,7 +27,7 @@ declare class ArrayFieldComponent extends Component<ArrayFieldProps, ArrayFieldS
     componentWillUnmount(): void;
     componentDidUpdate(): void;
     add(): void;
-    addWithInitValue(lineObject: Record<string, any>): void;
+    addWithInitValue(rowVal: Record<string, any> | string): void;
     remove(i: number): void;
     render(): JSX.Element;
 }

package/lib/cjs/form/arrayField.js

@@ -120,13 +120,13 @@ class ArrayFieldComponent extends _react.Component {
       keys
     });
   }
-  addWithInitValue(lineObject) {
+  addWithInitValue(rowVal) {
     const updater = this.context;
     const {
       field
     } = this.props;
     const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
-    newArrayFieldVal.push(lineObject);
+    newArrayFieldVal.push(rowVal);
     updater.updateStateValue(field, newArrayFieldVal, {});
     updater.updateArrayField(field, {
       updateKey: new Date().valueOf()

package/lib/cjs/form/baseForm.d.ts

@@ -86,7 +86,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
         position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
+        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -119,7 +119,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;
-        renderCreateItem?: (inputValue: string | number, focus: boolean) => React.ReactNode;
+        renderCreateItem?: (inputValue: string | number, focus: boolean, style?: React.CSSProperties) => React.ReactNode;
         renderOptionItem?: (props: import("../select").optionRenderProps) => React.ReactNode;
         onMouseEnter?: (e: React.MouseEvent<Element, MouseEvent>) => any;
         onMouseLeave?: (e: React.MouseEvent<Element, MouseEvent>) => any;

package/lib/cjs/form/field.d.ts

@@ -32,7 +32,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     onDropdownVisibleChange?: (visible: boolean) => void;
     zIndex?: number;
     position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-    onSearch?: (value: string, event: import("react").KeyboardEvent<Element> | import("react").MouseEvent<Element, MouseEvent>) => void;
+    onSearch?: (value: string, event: import("react").MouseEvent<Element, MouseEvent> | import("react").KeyboardEvent<Element>) => void;
     dropdownClassName?: string;
     dropdownStyle?: import("react").CSSProperties;
     dropdownMargin?: number | {
@@ -65,7 +65,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: import("../select/index").RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: string | number, focus: boolean) => import("react").ReactNode;
+    renderCreateItem?: (inputValue: string | number, focus: boolean, style?: import("react").CSSProperties) => import("react").ReactNode;
     renderOptionItem?: (props: import("../select/index").optionRenderProps) => import("react").ReactNode;
     onMouseEnter?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;
     onMouseLeave?: (e: import("react").MouseEvent<Element, MouseEvent>) => any;

package/lib/cjs/input/index.d.ts

@@ -85,7 +85,7 @@ declare class Input extends BaseComponent<InputProps, InputState> {
         showClear: PropTypes.Requireable<boolean>;
         hideSuffix: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;

package/lib/cjs/input/inputGroup.d.ts

@@ -21,7 +21,7 @@ export default class inputGroup extends BaseComponent<InputGroupProps, InputGrou
     static propTypes: {
         className: PropTypes.Requireable<string>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/inputNumber/index.js

@@ -304,7 +304,7 @@ class InputNumber extends _baseComponent.default {
              * We need to set the status to false after trigger focus event
              */
             if (this.clickUpOrDown) {
-              obj.value = this.foundation.doFormat(valueStr, true);
+              obj.value = this.foundation.doFormat(obj.number, true);
               newValue = obj.value;
             }
             this.foundation.updateStates(obj, () => this.adapter.restoreCursor());
@@ -316,9 +316,8 @@ class InputNumber extends _baseComponent.default {
             });
           } else {
             // Update input content when controlled input NaN
-            newValue = this.foundation.doFormat(valueStr, false);
             this.foundation.updateStates({
-              value: newValue
+              value: valueStr
             });
           }
         } else if (this.foundation.isValidNumber(parsedNum)) {

package/lib/cjs/modal/confirm.d.ts

@@ -140,19 +140,19 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
-    title?: React.ReactNode;
     children?: React.ReactNode;
-    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
-    style?: React.CSSProperties;
-    className?: string;
-    motion?: boolean;
-    getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
-    direction?: any;
+    style?: React.CSSProperties;
+    title?: React.ReactNode;
     mask?: boolean;
     visible?: boolean;
+    className?: string;
     zIndex?: number;
+    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
+    motion?: boolean;
+    getPopupContainer?: () => HTMLElement;
+    direction?: any;
     width?: string | number;
     height?: string | number;
     content?: React.ReactNode;
@@ -201,13 +201,6 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
-        title?: string;
-        name?: string;
-        value?: string | number | readonly string[];
-        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
-        form?: string;
-        slot?: string;
         prefix?: string;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -362,12 +355,17 @@ export declare function withError(props: ModalReactProps): {
         onScrollCapture?: React.UIEventHandler<HTMLButtonElement>;
         onWheel?: React.WheelEventHandler<HTMLButtonElement>;
         onWheelCapture?: React.WheelEventHandler<HTMLButtonElement>;
+        onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement>;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement>;
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement>;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement>;
+        form?: string;
+        slot?: string;
+        title?: string;
         hidden?: boolean;
         color?: string;
         defaultChecked?: boolean;
@@ -376,6 +374,8 @@ export declare function withError(props: ModalReactProps): {
         suppressHydrationWarning?: boolean;
         accessKey?: string;
         autoFocus?: boolean;
+        name?: string;
+        value?: string | number | readonly string[];
         content?: string;
         formAction?: string;
         formEncType?: string;
@@ -389,7 +389,7 @@ export declare function withError(props: ModalReactProps): {
         translate?: "no" | "yes";
         role?: React.AriaRole;
         contentEditable?: "inherit" | (boolean | "true" | "false");
-        inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal";
+        inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
         nonce?: string;
         tabIndex?: number;
         'aria-expanded'?: boolean | "true" | "false";
@@ -422,7 +422,7 @@ export declare function withError(props: ModalReactProps): {
         is?: string;
         'aria-activedescendant'?: string;
         'aria-atomic'?: boolean | "true" | "false";
-        'aria-autocomplete'?: "both" | "none" | "list" | "inline";
+        'aria-autocomplete'?: "none" | "list" | "both" | "inline";
         'aria-busy'?: boolean | "true" | "false";
         'aria-checked'?: boolean | "true" | "false" | "mixed";
         'aria-colcount'?: number;

package/lib/cjs/radio/radio.d.ts

@@ -61,7 +61,7 @@ declare class Radio extends BaseComponent<RadioProps, RadioState> {
         extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         addonStyle: PropTypes.Requireable<object>;
         addonClassName: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
+        type: PropTypes.Requireable<"button" | "default" | "card" | "pureCard">;
         'aria-label': PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;
     };

package/lib/cjs/radio/radioGroup.d.ts

@@ -49,7 +49,7 @@ declare class RadioGroup extends BaseComponent<RadioGroupProps, RadioGroupState>
         name: PropTypes.Requireable<string>;
         options: PropTypes.Requireable<any[]>;
         buttonSize: PropTypes.Requireable<"small" | "middle" | "large">;
-        type: PropTypes.Requireable<"default" | "button" | "card" | "pureCard">;
+        type: PropTypes.Requireable<"button" | "default" | "card" | "pureCard">;
         value: PropTypes.Requireable<any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/cjs/rating/index.d.ts

@@ -69,7 +69,7 @@ export default class Rating extends BaseComponent<RatingProps, RatingState> {
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         tooltips: PropTypes.Requireable<string[]>;
         id: PropTypes.Requireable<string>;
         preventScroll: PropTypes.Requireable<boolean>;

package/lib/cjs/rating/item.d.ts

@@ -40,7 +40,7 @@ export default class Item extends BaseComponent<RatingItemProps, RatingItemState
         disabled: PropTypes.Requireable<boolean>;
         count: PropTypes.Requireable<number>;
         ariaLabelPrefix: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<NonNullable<number | "default" | "small">>;
+        size: PropTypes.Requireable<NonNullable<number | "small" | "default">>;
         'aria-describedby': PropTypes.Requireable<string>;
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onBlur: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/cjs/select/index.d.ts

@@ -128,7 +128,7 @@ export type SelectProps = {
     showClear?: boolean;
     showArrow?: boolean;
     renderSelectedItem?: RenderSelectedItemFn;
-    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean) => React.ReactNode;
+    renderCreateItem?: (inputValue: OptionProps['value'], focus: boolean, style?: React.CSSProperties) => React.ReactNode;
     renderOptionItem?: (props: optionRenderProps) => React.ReactNode;
     onMouseEnter?: (e: React.MouseEvent) => any;
     onMouseLeave?: (e: React.MouseEvent) => any;

package/lib/cjs/select/index.js

@@ -559,7 +559,7 @@ class Select extends _baseComponent.default {
       }, locale.createText), option.value)));
       return defaultCreateItem;
     }
-    const customCreateItem = renderCreateItem(option.value, isFocused);
+    const customCreateItem = renderCreateItem(option.value, isFocused, style);
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus

package/lib/cjs/switch/index.d.ts

@@ -45,7 +45,7 @@ declare class Switch extends BaseComponent<SwitchProps, SwitchState> {
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         uncheckedText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         id: PropTypes.Requireable<string>;
     };

package/lib/cjs/table/Table.d.ts

@@ -60,7 +60,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "middle" | "default">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"center" | "left" | "right">;
@@ -297,7 +297,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showTotal?: boolean;
         pageSize?: number;
         pageSizeOpts?: number[];
-        size?: "default" | "small";
+        size?: "small" | "default";
         currentPage?: number;
         defaultCurrentPage?: number;
         onPageChange?: (currentPage: number) => void;

package/lib/cjs/table/index.d.ts

@@ -16,7 +16,7 @@ declare class Table<RecordType extends Record<string, any> = Data> extends React
         components: PropTypes.Requireable<any>;
         bordered: PropTypes.Requireable<boolean>;
         loading: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "middle">;
+        size: PropTypes.Requireable<"small" | "middle" | "default">;
         tableLayout: PropTypes.Requireable<"" | "fixed" | "auto">;
         columns: PropTypes.Requireable<PropTypes.InferProps<{
             align: PropTypes.Requireable<"center" | "left" | "right">;

package/lib/cjs/tagInput/index.d.ts

@@ -97,7 +97,7 @@ declare class TagInput extends BaseComponent<TagInputProps, TagInputState> {
         onAdd: PropTypes.Requireable<(...args: any[]) => any>;
         onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         validateStatus: PropTypes.Requireable<"default" | "error" | "warning" | "success">;
         prefix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         suffix: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/cjs/timePicker/TimePicker.d.ts

@@ -132,7 +132,7 @@ export default class TimePicker extends BaseComponent<TimePickerProps, TimePicke
         secondStep: PropTypes.Requireable<number>;
         focusOnOpen: PropTypes.Requireable<boolean>;
         autoFocus: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         panels: PropTypes.Requireable<PropTypes.InferProps<{
             panelHeader: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             panelFooter: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;

package/lib/cjs/timePicker/index.d.ts

@@ -49,7 +49,7 @@ export default class LocaleTimePicker extends React.PureComponent<LocalePickerPr
         secondStep: import("prop-types").Requireable<number>;
         focusOnOpen: import("prop-types").Requireable<boolean>;
         autoFocus: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
         panels: import("prop-types").Requireable<import("prop-types").InferProps<{
             panelHeader: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;
             panelFooter: import("prop-types").Requireable<NonNullable<import("prop-types").ReactNodeLike>>;

package/lib/cjs/tree/index.js

@@ -252,8 +252,10 @@ class Tree extends _baseComponent.default {
       const treeDataHasChange = prevProps && prevProps.treeData !== props.treeData;
       return firstInProps || treeDataHasChange;
     };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateSimpleJson = needUpdate('treeDataSimpleJson');
     // Update the data of tree in state
-    if (needUpdate('treeData') || props.draggable && needUpdateData()) {
+    if (needUpdateTreeData || props.draggable && needUpdateData()) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = (0, _treeUtil.convertDataToEntities)(treeData);
@@ -261,7 +263,7 @@ class Tree extends _baseComponent.default {
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
-    } else if (needUpdate('treeDataSimpleJson')) {
+    } else if (needUpdateSimpleJson) {
       // Convert treeDataSimpleJson to treeData
       treeData = (0, _treeUtil.convertJsonToData)(props.treeDataSimpleJson);
       newState.treeData = treeData;
@@ -278,7 +280,7 @@ class Tree extends _baseComponent.default {
         newState.motionType = null;
       }
     }
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
     if (!isSeaching) {
       // Update expandedKeys

package/lib/cjs/treeSelect/index.js

@@ -895,8 +895,10 @@ class TreeSelect extends _baseComponent.default {
     const newState = {
       prevProps: props
     };
+    const needUpdateTreeData = needUpdate('treeData');
+    const needUpdateExpandedKeys = needUpdate('expandedKeys');
     // TreeNode
-    if (needUpdate('treeData')) {
+    if (needUpdateTreeData) {
       treeData = props.treeData;
       newState.treeData = treeData;
       const entitiesMap = (0, _treeUtil.convertDataToEntities)(treeData);
@@ -912,9 +914,9 @@ class TreeSelect extends _baseComponent.default {
         newState.motionType = null;
       }
     }
-    const expandAllWhenDataChange = needUpdate('treeData') && props.expandAll;
+    const expandAllWhenDataChange = needUpdateTreeData && props.expandAll;
     // expandedKeys
-    if (needUpdate('expandedKeys') || prevProps && needUpdate('autoExpandParent')) {
+    if (needUpdateExpandedKeys || prevProps && needUpdate('autoExpandParent')) {
       newState.expandedKeys = (0, _treeUtil.calcExpandedKeys)(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
       // only show animation when treeData does not change
       if (prevProps && props.motion && !treeData) {
@@ -935,7 +937,7 @@ class TreeSelect extends _baseComponent.default {
       newState.expandedKeys = (0, _treeUtil.calcExpandedKeysForValues)((0, _treeUtil.normalizeValue)(props.value, withObject), keyEntities, props.multiple, valueEntities);
     }
     // flattenNodes
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = (0, _treeUtil.flattenTreeData)(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     }
@@ -987,7 +989,7 @@ class TreeSelect extends _baseComponent.default {
       newState.loadedKeys = new Set(props.loadedKeys);
     }
     // ================== rePosKey ==================
-    if (needUpdate('treeData') || needUpdate('value')) {
+    if (needUpdateTreeData || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
     }
     // ================ disableStrictly =================

package/lib/cjs/typography/title.d.ts

@@ -60,11 +60,11 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<5 | 2 | 1 | 3 | 4 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;
-        weight: PropTypes.Requireable<NonNullable<number | "default" | "bold" | "medium" | "light" | "regular" | "semibold">>;
+        weight: PropTypes.Requireable<NonNullable<number | "bold" | "default" | "medium" | "light" | "regular" | "semibold">>;
     };
     static defaultProps: {
         copyable: boolean;

package/lib/es/anchor/index.d.ts

@@ -40,7 +40,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
-        size: PropTypes.Requireable<"default" | "small">;
+        size: PropTypes.Requireable<"small" | "default">;
         railTheme: PropTypes.Requireable<"primary" | "tertiary" | "muted">;
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;

package/lib/es/autoComplete/index.d.ts

@@ -125,7 +125,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         renderSelectedItem: PropTypes.Requireable<(...args: any[]) => any>;
         suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         showClear: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         style: PropTypes.Requireable<object>;
         stopPropagation: PropTypes.Requireable<NonNullable<string | boolean>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/es/button/Button.d.ts

@@ -47,7 +47,7 @@ export default class Button extends PureComponent<ButtonProps> {
         disabled: PropTypes.Requireable<boolean>;
         prefixCls: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         type: PropTypes.Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/button/buttonGroup.d.ts

@@ -18,7 +18,7 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         theme: PropTypes.Requireable<"solid" | "light" | "borderless">;
         'aria-label': PropTypes.Requireable<string>;
     };

package/lib/es/button/index.d.ts

@@ -22,7 +22,7 @@ declare class Button extends React.PureComponent<ButtonProps> {
         onMouseEnter: import("prop-types").Requireable<(...args: any[]) => any>;
         onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
         disabled: import("prop-types").Requireable<boolean>;
-        size: import("prop-types").Requireable<"default" | "small" | "large">;
+        size: import("prop-types").Requireable<"small" | "default" | "large">;
         type: import("prop-types").Requireable<"warning" | "primary" | "tertiary" | "secondary" | "danger">;
         block: import("prop-types").Requireable<boolean>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;

package/lib/es/datePicker/datePicker.d.ts

@@ -59,7 +59,7 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         'aria-required': PropTypes.Requireable<boolean>;
         borderless: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"date" | "month" | "dateTime" | "dateRange" | "year" | "monthRange" | "dateTimeRange">;
-        size: PropTypes.Requireable<"default" | "small" | "large">;
+        size: PropTypes.Requireable<"small" | "default" | "large">;
         clearIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         density: PropTypes.Requireable<"default" | "compact">;
         defaultValue: PropTypes.Requireable<NonNullable<string | number | object>>;

package/lib/es/datePicker/monthsGrid.d.ts

@@ -86,7 +86,7 @@ export default class MonthsGrid extends BaseComponent<MonthsGridProps, MonthsGri
     renderMonth(month: Date, panelType: PanelType): JSX.Element;
     handleWeeksRowNumChange: (weeksRowNum: number, panelType: PanelType) => void;
     reselect: () => void;
-    getYAMOpenType: () => "both" | "none" | "left" | "right";
+    getYAMOpenType: () => "none" | "left" | "right" | "both";
     renderTimePicker(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderYearAndMonth(panelType: PanelType, panelDetail: MonthInfo): JSX.Element;
     renderSwitch(panelType: PanelType): JSX.Element;

package/lib/es/form/arrayField.d.ts

@@ -27,7 +27,7 @@ declare class ArrayFieldComponent extends Component<ArrayFieldProps, ArrayFieldS
     componentWillUnmount(): void;
     componentDidUpdate(): void;
     add(): void;
-    addWithInitValue(lineObject: Record<string, any>): void;
+    addWithInitValue(rowVal: Record<string, any> | string): void;
     remove(i: number): void;
     render(): JSX.Element;
 }

package/lib/es/form/arrayField.js

@@ -111,13 +111,13 @@ class ArrayFieldComponent extends Component {
       keys
     });
   }
-  addWithInitValue(lineObject) {
+  addWithInitValue(rowVal) {
     const updater = this.context;
     const {
       field
     } = this.props;
     const newArrayFieldVal = updater.getValue(field) ? updater.getValue(field).slice() : [];
-    newArrayFieldVal.push(lineObject);
+    newArrayFieldVal.push(rowVal);
     updater.updateStateValue(field, newArrayFieldVal, {});
     updater.updateArrayField(field, {
       updateKey: new Date().valueOf()

package/lib/es/form/baseForm.d.ts

@@ -86,7 +86,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         onDropdownVisibleChange?: (visible: boolean) => void;
         zIndex?: number;
         position?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
-        onSearch?: (value: string, event: React.KeyboardEvent<Element> | React.MouseEvent<Element, MouseEvent>) => void;
+        onSearch?: (value: string, event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
         dropdownClassName?: string;
         dropdownStyle?: React.CSSProperties;
         dropdownMargin?: number | {
@@ -119,7 +119,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         showClear?: boolean;
         showArrow?: boolean;
         renderSelectedItem?: import("../select").RenderSelectedItemFn;
-        renderCreateItem?: (inputValue: string | number, focus: boolean) => React.ReactNode;
+        renderCreateItem?: (inputValue: string | number, focus: boolean, style?: React.CSSProperties) => React.ReactNode;
         renderOptionItem?: (props: import("../select").optionRenderProps) => React.ReactNode;
         onMouseEnter?: (e: React.MouseEvent<Element, MouseEvent>) => any;
         onMouseLeave?: (e: React.MouseEvent<Element, MouseEvent>) => any;