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

package/lib/es/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/es/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/es/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/es/inputNumber/index.js

@@ -296,7 +296,7 @@ class InputNumber extends BaseComponent {
              * 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());
@@ -308,9 +308,8 @@ class InputNumber extends BaseComponent {
             });
           } 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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/select/index.js

@@ -550,7 +550,7 @@ class Select extends BaseComponent {
       }, 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/es/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/es/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/es/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/es/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/es/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/es/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/es/tree/index.js

@@ -233,8 +233,10 @@ class Tree extends BaseComponent {
       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 = convertDataToEntities(treeData);
@@ -242,7 +244,7 @@ class Tree extends BaseComponent {
       keyEntities = newState.keyEntities;
       newState.cachedKeyValuePairs = Object.assign({}, entitiesMap.valueEntities);
       valueEntities = newState.cachedKeyValuePairs;
-    } else if (needUpdate('treeDataSimpleJson')) {
+    } else if (needUpdateSimpleJson) {
       // Convert treeDataSimpleJson to treeData
       treeData = convertJsonToData(props.treeDataSimpleJson);
       newState.treeData = treeData;
@@ -259,7 +261,7 @@ class Tree extends BaseComponent {
         newState.motionType = null;
       }
     }
-    const dataUpdated = needUpdate('treeDataSimpleJson') || needUpdate('treeData');
+    const dataUpdated = needUpdateSimpleJson || needUpdateTreeData;
     const expandAllWhenDataChange = dataUpdated && props.expandAll;
     if (!isSeaching) {
       // Update expandedKeys

package/lib/es/treeSelect/index.js

@@ -886,8 +886,10 @@ class TreeSelect extends BaseComponent {
     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 = convertDataToEntities(treeData);
@@ -903,9 +905,9 @@ class TreeSelect extends BaseComponent {
         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 = calcExpandedKeys(props.expandedKeys, keyEntities, props.autoExpandParent || !prevProps);
       // only show animation when treeData does not change
       if (prevProps && props.motion && !treeData) {
@@ -926,7 +928,7 @@ class TreeSelect extends BaseComponent {
       newState.expandedKeys = calcExpandedKeysForValues(normalizeValue(props.value, withObject), keyEntities, props.multiple, valueEntities);
     }
     // flattenNodes
-    if (treeData || needUpdate('expandedKeys')) {
+    if (treeData || needUpdateExpandedKeys) {
       const flattenNodes = flattenTreeData(treeData || prevState.treeData, newState.expandedKeys || prevState.expandedKeys);
       newState.flattenNodes = flattenNodes;
     }
@@ -978,7 +980,7 @@ class TreeSelect extends BaseComponent {
       newState.loadedKeys = new Set(props.loadedKeys);
     }
     // ================== rePosKey ==================
-    if (needUpdate('treeData') || needUpdate('value')) {
+    if (needUpdateTreeData || needUpdate('value')) {
       newState.rePosKey = rePosKey + 1;
     }
     // ================ disableStrictly =================

package/lib/es/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.44.0",
+    "version": "2.44.1-alpha.0",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.44.0",
-        "@douyinfe/semi-animation-react": "2.44.0",
-        "@douyinfe/semi-foundation": "2.44.0",
-        "@douyinfe/semi-icons": "2.44.0",
-        "@douyinfe/semi-illustrations": "2.44.0",
-        "@douyinfe/semi-theme-default": "2.44.0",
+        "@douyinfe/semi-animation": "2.44.1-alpha.0",
+        "@douyinfe/semi-animation-react": "2.44.1-alpha.0",
+        "@douyinfe/semi-foundation": "2.44.1-alpha.0",
+        "@douyinfe/semi-icons": "2.44.1-alpha.0",
+        "@douyinfe/semi-illustrations": "2.44.1-alpha.0",
+        "@douyinfe/semi-theme-default": "2.44.1-alpha.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "d683a25e4dd9c5fb8dbb069d83ffd24998b14191",
+    "gitHead": "f0c79fd2bbab63e4dc2d9b71e03cff03353f3edf",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",