@douyinfe/semi-ui 2.52.0-beta.1 → 2.53.0-beta.0

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

@@ -14,7 +14,7 @@ export interface CarouselState {
 declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
     static propTypes: {
         activeIndex: PropTypes.Requireable<number>;
-        animation: PropTypes.Requireable<"slide" | "fade">;
+        animation: PropTypes.Requireable<"fade" | "slide">;
         arrowProps: PropTypes.Requireable<object>;
         autoPlay: PropTypes.Requireable<NonNullable<boolean | object>>;
         className: PropTypes.Requireable<string>;
@@ -24,7 +24,7 @@ declare class Carousel extends BaseComponent<CarouselProps, CarouselState> {
         indicatorType: PropTypes.Requireable<"line" | "dot" | "columnar">;
         theme: PropTypes.Requireable<"dark" | "light" | "primary">;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        arrowType: PropTypes.Requireable<"always" | "hover">;
+        arrowType: PropTypes.Requireable<"hover" | "always">;
         showArrow: PropTypes.Requireable<boolean>;
         showIndicator: PropTypes.Requireable<boolean>;
         slideDirection: PropTypes.Requireable<"left" | "right">;

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

@@ -66,6 +66,7 @@ export interface CascaderState extends BasicCascaderInnerData {
     treeData?: Array<CascaderData>;
 }
 declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
+    static __SemiComponentName__: string;
     static contextType: React.Context<ContextValue>;
     static propTypes: {
         'aria-labelledby': PropTypes.Requireable<string>;
@@ -143,37 +144,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         preventScroll: PropTypes.Requireable<boolean>;
         position: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        borderless: boolean;
-        leafOnly: boolean;
-        arrowIcon: JSX.Element;
-        stopPropagation: boolean;
-        motion: boolean;
-        defaultOpen: boolean;
-        zIndex: number;
-        showClear: boolean;
-        autoClearSearchValue: boolean;
-        changeOnSelect: boolean;
-        disableStrictly: boolean;
-        autoMergeValue: boolean;
-        multiple: boolean;
-        filterTreeNode: boolean;
-        filterLeafOnly: boolean;
-        showRestTagsPopover: boolean;
-        restTagsPopoverProps: {};
-        separator: string;
-        size: "default";
-        treeNodeFilterProp: "label";
-        displayProp: "label";
-        treeData: CascaderData[];
-        showNext: "click";
-        onExceed: (...args: any[]) => void;
-        onClear: (...args: any[]) => void;
-        onDropdownVisibleChange: (...args: any[]) => void;
-        onListScroll: (...args: any[]) => void;
-        enableLeafClick: boolean;
-        'aria-label': string;
-    };
+    static defaultProps: any;
     options: any;
     isEmpty: boolean;
     inputRef: React.RefObject<typeof Input>;
@@ -191,9 +162,10 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: CascaderProps): void;
     handleInputChange: (value: string) => void;
-    handleTagRemove: (e: any, tagValuePath: Array<string | number>) => void;
-    handleRemoveByKey: (key: any) => void;
+    handleTagRemoveInTrigger: (pos: string) => void;
+    handleTagClose: (tagChildren: React.ReactNode, e: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     renderTagItem: (nodeKey: string, idx: number) => string | number | boolean | React.ReactFragment | JSX.Element;
+    onRemoveInTagInput: (v: string) => void;
     renderTagInput(): JSX.Element;
     renderInput(): JSX.Element;
     handleItemClick: (e: MouseEvent | KeyboardEvent, item: Entity | Data) => void;

package/lib/es/cascader/index.js

@@ -25,7 +25,7 @@ import Item from './item';
 import Trigger from '../trigger';
 import Tag from '../tag';
 import TagInput from '../tagInput';
-import { isSemiIcon } from '../_utils';
+import { getDefaultPropsFromGlobalConfig, isSemiIcon } from '../_utils';
 const prefixcls = cssClasses.PREFIX;
 const resetkey = 0;
 class Cascader extends BaseComponent {
@@ -34,14 +34,13 @@ class Cascader extends BaseComponent {
     this.handleInputChange = value => {
       this.foundation.handleInputChange(value);
     };
-    this.handleTagRemove = (e, tagValuePath) => {
-      this.foundation.handleTagRemove(e, tagValuePath);
+    this.handleTagRemoveInTrigger = pos => {
+      this.foundation.handleTagRemoveInTrigger(pos);
     };
-    this.handleRemoveByKey = key => {
-      const {
-        keyEntities
-      } = this.state;
-      this.handleTagRemove(null, keyEntities[key].valuePath);
+    this.handleTagClose = (tagChildren, e, tagKey) => {
+      // When value has not changed, prevent clicking tag closeBtn to close tag
+      e.preventDefault();
+      this.foundation.handleTagRemoveByKey(tagKey);
     };
     this.renderTagItem = (nodeKey, idx) => {
       const {
@@ -69,18 +68,18 @@ class Cascader extends BaseComponent {
             size: size === 'default' ? 'large' : size,
             key: `tag-${nodeKey}-${idx}`,
             color: "white",
+            tagKey: nodeKey,
             className: tagCls,
             closable: true,
-            onClose: (tagChildren, e) => {
-              // When value has not changed, prevent clicking tag closeBtn to close tag
-              e.preventDefault();
-              this.handleTagRemove(e, keyEntities[nodeKey].valuePath);
-            }
+            onClose: this.handleTagClose
           }, keyEntities[nodeKey].data[displayProp]);
         }
       }
       return null;
     };
+    this.onRemoveInTagInput = v => {
+      this.foundation.handleTagRemoveByKey(v);
+    };
     this.handleItemClick = (e, item) => {
       this.foundation.handleItemClick(e, item);
     };
@@ -280,6 +279,7 @@ class Cascader extends BaseComponent {
       }, labelNode);
     };
     this.renderCustomTrigger = () => {
+      var _a;
       const {
         disabled,
         triggerRender,
@@ -290,17 +290,26 @@ class Cascader extends BaseComponent {
         inputValue,
         inputPlaceHolder,
         resolvedCheckedKeys,
-        checkedKeys
+        checkedKeys,
+        keyEntities
       } = this.state;
       let realValue;
       if (multiple) {
         if (this.mergeType === strings.NONE_MERGE_TYPE) {
-          realValue = checkedKeys;
+          realValue = new Set();
+          checkedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         } else {
-          realValue = resolvedCheckedKeys;
+          realValue = new Set();
+          resolvedCheckedKeys.forEach(key => {
+            var _a;
+            realValue.add((_a = keyEntities[key]) === null || _a === void 0 ? void 0 : _a.pos);
+          });
         }
       } else {
-        realValue = [...selectedKeys][0];
+        realValue = (_a = keyEntities[[...selectedKeys][0]]) === null || _a === void 0 ? void 0 : _a.pos;
       }
       return /*#__PURE__*/React.createElement(Trigger, {
         value: realValue,
@@ -313,7 +322,7 @@ class Cascader extends BaseComponent {
         componentName: 'Cascader',
         componentProps: Object.assign({}, this.props),
         onSearch: this.handleInputChange,
-        onRemove: this.handleRemoveByKey
+        onRemove: this.handleTagRemoveInTrigger
       });
     };
     this.handleMouseOver = () => {
@@ -344,11 +353,12 @@ class Cascader extends BaseComponent {
         selectedKeys,
         isOpen,
         isHovering,
-        checkedKeys
+        checkedKeys,
+        inputValue
       } = this.state;
       const hasValue = selectedKeys.size;
       const multipleWithHaveValue = multiple && checkedKeys.size;
-      return showClear && (hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
+      return showClear && (inputValue || hasValue || multipleWithHaveValue) && !disabled && (isOpen || isHovering);
     };
     this.renderClearBtn = () => {
       const clearCls = cls(`${prefixcls}-clearbtn`);
@@ -797,11 +807,11 @@ class Cascader extends BaseComponent {
       showRestTagsPopover: showRestTagsPopover,
       restTagsPopoverProps: restTagsPopoverProps,
       maxTagCount: maxTagCount,
-      renderTagItem: (value, index) => this.renderTagItem(value, index),
+      renderTagItem: this.renderTagItem,
       inputValue: inputValue,
       onInputChange: this.handleInputChange,
       // TODO Modify logic, not modify type
-      onRemove: v => this.handleTagRemove(null, v),
+      onRemove: this.onRemoveInTagInput,
       placeholder: placeholder,
       expandRestTagsOnClick: false
     });
@@ -895,6 +905,7 @@ class Cascader extends BaseComponent {
     }, selection);
   }
 }
+Cascader.__SemiComponentName__ = "Cascader";
 Cascader.contextType = ConfigContext;
 Cascader.propTypes = {
   'aria-labelledby': PropTypes.string,
@@ -973,7 +984,7 @@ Cascader.propTypes = {
   preventScroll: PropTypes.bool,
   position: PropTypes.string
 };
-Cascader.defaultProps = {
+Cascader.defaultProps = getDefaultPropsFromGlobalConfig(Cascader.__SemiComponentName__, {
   borderless: false,
   leafOnly: false,
   arrowIcon: /*#__PURE__*/React.createElement(IconChevronDown, null),
@@ -1003,5 +1014,5 @@ Cascader.defaultProps = {
   onListScroll: _noop,
   enableLeafClick: false,
   'aria-label': 'Cascader'
-};
+});
 export default Cascader;

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

@@ -4,7 +4,6 @@ import { CollapseAdapter, CollapseProps, CollapseState } from '@douyinfe/semi-fo
 import BaseComponent from '../_base/baseComponent';
 import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/es/collapse/collapse.css';
-import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 export type { CollapsePanelProps } from './item';
 export interface CollapseReactProps extends CollapseProps {
     expandIcon?: React.ReactNode;
@@ -30,12 +29,8 @@ declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState>
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         expandIconPosition: PropTypes.Requireable<string>;
     };
-    static defaultProps: {
-        defaultActiveKey: string;
-        clickHeaderToExpand: boolean;
-        onChange: typeof noop;
-        expandIconPosition: string;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     constructor(props: CollapseReactProps);
     get adapter(): CollapseAdapter;
     static getDerivedStateFromProps(props: CollapseReactProps, state: CollapseState): CollapseState;

package/lib/es/collapse/index.js

@@ -17,6 +17,7 @@ import CollapsePanel from './item';
 import '@douyinfe/semi-foundation/lib/es/collapse/collapse.css';
 import { noop } from '@douyinfe/semi-foundation/lib/es/utils/function';
 import CollapseContext from './collapse-context';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 class Collapse extends BaseComponent {
   constructor(props) {
     super(props);
@@ -106,10 +107,11 @@ Collapse.propTypes = {
   motion: PropTypes.oneOfType([PropTypes.bool, PropTypes.func, PropTypes.object]),
   expandIconPosition: PropTypes.oneOf(strings.iconPosition)
 };
-Collapse.defaultProps = {
+Collapse.__SemiComponentName__ = "Collapse";
+Collapse.defaultProps = getDefaultPropsFromGlobalConfig(Collapse.__SemiComponentName__, {
   defaultActiveKey: '',
   clickHeaderToExpand: true,
   onChange: noop,
   expandIconPosition: 'right'
-};
+});
 export default Collapse;

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

@@ -3,7 +3,7 @@ import type { CollapsibleAdapter, CollapsibleFoundationProps, CollapsibleFoundat
 import CollapsibleFoundation from '@douyinfe/semi-foundation/lib/es/collapsible/foundation';
 import BaseComponent from "../_base/baseComponent";
 import '@douyinfe/semi-foundation/lib/es/collapsible/collapsible.css';
-interface CollapsibleProps extends CollapsibleFoundationProps {
+export interface CollapsibleProps extends CollapsibleFoundationProps {
     motion?: boolean;
     children?: React.ReactNode;
     isOpen?: boolean;
@@ -23,14 +23,8 @@ interface CollapsibleState extends CollapsibleFoundationState {
     isTransitioning: boolean;
 }
 declare class Collapsible extends BaseComponent<CollapsibleProps, CollapsibleState> {
-    static defaultProps: {
-        isOpen: boolean;
-        duration: number;
-        motion: boolean;
-        keepDOM: boolean;
-        collapseHeight: number;
-        fade: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     foundation: CollapsibleFoundation;
     private domRef;
     private resizeObserver;

package/lib/es/collapsible/index.js

@@ -6,6 +6,7 @@ import PropTypes from "prop-types";
 import cls from "classnames";
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/collapsible/constants';
 import '@douyinfe/semi-foundation/lib/es/collapsible/collapsible.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 class Collapsible extends BaseComponent {
   constructor(props) {
     super(props);
@@ -128,14 +129,15 @@ class Collapsible extends BaseComponent {
     }, (this.props.keepDOM || this.props.collapseHeight !== 0 || this.state.visible || this.props.isOpen) && this.props.children));
   }
 }
-Collapsible.defaultProps = {
+Collapsible.__SemiComponentName__ = "Collapsible";
+Collapsible.defaultProps = getDefaultPropsFromGlobalConfig(Collapsible.__SemiComponentName__, {
   isOpen: false,
   duration: 250,
   motion: true,
   keepDOM: false,
   collapseHeight: 0,
   fade: false
-};
+});
 Collapsible.getEntryInfo = entry => {
   //judge whether parent or self display none
   let inRenderTree;

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

@@ -4,6 +4,7 @@ import { ContextValue } from './context';
 export interface ConfigProviderProps extends ContextValue {
 }
 export default class ConfigProvider extends React.Component<ConfigProviderProps> {
+    constructor(props: ConfigProviderProps);
     static propTypes: {
         locale: PropTypes.Requireable<object>;
         timeZone: PropTypes.Requireable<NonNullable<string | number>>;
@@ -14,6 +15,6 @@ export default class ConfigProvider extends React.Component<ConfigProviderProps>
         locale: import("../locale/interface").Locale;
         direction: string;
     };
-    renderChilren(): string | number | boolean | React.ReactFragment | JSX.Element;
+    renderChildren(): string | number | boolean | React.ReactFragment | JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/configProvider/index.js

@@ -12,7 +12,10 @@ import { BASE_CLASS_PREFIX } from '@douyinfe/semi-foundation/lib/es/base/constan
 import DefaultLocale from '../locale/source/zh_CN';
 import Context from './context';
 export default class ConfigProvider extends React.Component {
-  renderChilren() {
+  constructor(props) {
+    super(props);
+  }
+  renderChildren() {
     const {
       direction,
       children
@@ -35,7 +38,7 @@ export default class ConfigProvider extends React.Component {
       value: Object.assign({
         direction
       }, rest)
-    }, this.renderChilren());
+    }, this.renderChildren());
   }
 }
 ConfigProvider.propTypes = {

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

@@ -127,50 +127,8 @@ export default class DatePicker extends BaseComponent<DatePickerProps, DatePicke
         yearAndMonthOpts: PropTypes.Requireable<object>;
         onClickOutSide: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    static defaultProps: {
-        onChangeWithDateFirst: boolean;
-        borderless: boolean;
-        autoAdjustOverflow: boolean;
-        stopPropagation: boolean;
-        motion: boolean;
-        prefixCls: "semi-datepicker";
-        presetPosition: string;
-        zIndex: number;
-        type: string;
-        size: string;
-        density: string;
-        multiple: boolean;
-        defaultOpen: boolean;
-        disabledHours: (...args: any[]) => void;
-        disabledMinutes: (...args: any[]) => void;
-        disabledSeconds: (...args: any[]) => void;
-        hideDisabledOptions: boolean;
-        onBlur: (...args: any[]) => void;
-        onFocus: (...args: any[]) => void;
-        onClear: (...args: any[]) => void;
-        onCancel: (...args: any[]) => void;
-        onConfirm: (...args: any[]) => void;
-        onChange: (...args: any[]) => void;
-        onOpenChange: (...args: any[]) => void;
-        onPanelChange: (...args: any[]) => void;
-        onPresetClick: (...args: any[]) => void;
-        weekStartsOn: 0;
-        disabledDate: {
-            (): false;
-            (): false;
-        };
-        disabledTime: {
-            (): false;
-            (): false;
-        };
-        inputReadOnly: boolean;
-        spacing: number;
-        autoSwitchDate: boolean;
-        syncSwitchMonth: boolean;
-        rangeSeparator: " ~ ";
-        insetInput: boolean;
-        onClickOutSide: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     triggerElRef: React.MutableRefObject<HTMLElement>;
     panelRef: React.RefObject<HTMLDivElement>;
     monthGrid: React.RefObject<MonthsGrid>;

package/lib/es/datePicker/datePicker.js

@@ -30,6 +30,7 @@ import Footer from './footer';
 import Trigger from '../trigger';
 import YearAndMonth from './yearAndMonth';
 import '@douyinfe/semi-foundation/lib/es/datePicker/datePicker.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 export default class DatePicker extends BaseComponent {
   constructor(props) {
     var _this;
@@ -463,7 +464,7 @@ export default class DatePicker extends BaseComponent {
     return /range/i.test(type) && !_isFunction(triggerRender);
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.value !== this.props.value) {
+    if (!_isEqual(prevProps.value, this.props.value)) {
       this.foundation.initFromProps(Object.assign({}, this.props));
     } else if (this.props.timeZone !== prevProps.timeZone) {
       this.foundation.initFromProps({
@@ -837,7 +838,8 @@ DatePicker.propTypes = {
   yearAndMonthOpts: PropTypes.object,
   onClickOutSide: PropTypes.func
 };
-DatePicker.defaultProps = {
+DatePicker.__SemiComponentName__ = "DatePicker";
+DatePicker.defaultProps = getDefaultPropsFromGlobalConfig(DatePicker.__SemiComponentName__, {
   onChangeWithDateFirst: true,
   borderless: false,
   autoAdjustOverflow: true,
@@ -875,4 +877,4 @@ DatePicker.defaultProps = {
   rangeSeparator: strings.DEFAULT_SEPARATOR_RANGE,
   insetInput: false,
   onClickOutSide: _noop
-};
+});

package/lib/es/datePicker/yearAndMonth.js

@@ -41,16 +41,6 @@ class YearAndMonth extends BaseComponent {
       currentYear,
       currentMonth
     } = props;
-    const currentLeftYear = currentYear.left || now.getFullYear();
-    const currentLeftMonth = currentMonth.left || now.getMonth() + 1;
-    currentYear = {
-      left: currentLeftYear,
-      right: currentLeftYear
-    };
-    currentMonth = {
-      left: currentLeftMonth,
-      right: currentMonth.right || currentLeftMonth + 1
-    };
     this.state = {
       years: getYears(props.startYear, props.endYear).map(year => ({
         value: year,
@@ -60,8 +50,14 @@ class YearAndMonth extends BaseComponent {
         value: idx + 1,
         month: idx + 1
       })),
-      currentYear,
-      currentMonth
+      currentYear: {
+        left: currentYear.left || now.getFullYear(),
+        right: currentYear.right || now.getFullYear()
+      },
+      currentMonth: {
+        left: currentMonth.left || now.getMonth() + 1,
+        right: currentMonth.right || now.getMonth() + 2
+      }
     };
     this.yearRef = /*#__PURE__*/React.createRef();
     this.monthRef = /*#__PURE__*/React.createRef();
@@ -98,11 +94,19 @@ class YearAndMonth extends BaseComponent {
   }
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-    if (!_isEqual(props.currentYear, state.currentYear) && props.currentYear.left !== 0) {
-      willUpdateStates.currentYear = props.currentYear;
+    if (!_isEqual(props.currentYear, state.currentYear)) {
+      const nowYear = new Date().getFullYear();
+      willUpdateStates.currentYear = {
+        left: props.currentYear.left || nowYear,
+        right: props.currentYear.right || nowYear
+      };
     }
-    if (!_isEqual(props.currentMonth, state.currentMonth) && props.currentMonth.left !== 0) {
-      willUpdateStates.currentMonth = props.currentMonth;
+    if (!_isEqual(props.currentMonth, state.currentMonth)) {
+      const nowMonth = new Date().getMonth();
+      willUpdateStates.currentMonth = {
+        left: props.currentMonth.left || nowMonth + 1,
+        right: props.currentMonth.right || nowMonth + 2
+      };
     }
     return willUpdateStates;
   }

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

@@ -76,18 +76,8 @@ declare class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
         visible: PropTypes.Requireable<boolean>;
         zIndex: PropTypes.Requireable<number>;
     };
-    static defaultProps: {
-        onVisibleChange: (...args: any[]) => void;
-        prefixCls: string;
-        zIndex: 1060;
-        motion: boolean;
-        trigger: string;
-        position: string;
-        mouseLeaveDelay: number;
-        showTick: boolean;
-        closeOnEsc: boolean;
-        onEscKeyDown: (...args: any[]) => void;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     tooltipRef: React.RefObject<Tooltip>;
     constructor(props: DropdownProps);
     context: DropdownContextType;

package/lib/es/dropdown/index.js

@@ -22,6 +22,7 @@ import DropdownDivider from './dropdownDivider';
 import DropdownTitle from './dropdownTitle';
 import DropdownContext from './context';
 import '@douyinfe/semi-foundation/lib/es/dropdown/dropdown.css';
+import { getDefaultPropsFromGlobalConfig } from "../_utils";
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
 class Dropdown extends BaseComponent {
@@ -229,7 +230,8 @@ Dropdown.propTypes = {
   visible: PropTypes.bool,
   zIndex: PropTypes.number
 };
-Dropdown.defaultProps = {
+Dropdown.__SemiComponentName__ = "Dropdown";
+Dropdown.defaultProps = getDefaultPropsFromGlobalConfig(Dropdown.__SemiComponentName__, {
   onVisibleChange: _noop,
   prefixCls: cssClasses.PREFIX,
   zIndex: tooltipNumbers.DEFAULT_Z_INDEX,
@@ -240,5 +242,5 @@ Dropdown.defaultProps = {
   showTick: false,
   closeOnEsc: true,
   onEscKeyDown: _noop
-};
+});
 export default Dropdown;

package/lib/es/form/arrayField.js

@@ -1,9 +1,9 @@
 import _isUndefined from "lodash/isUndefined";
-import _cloneDeep from "lodash/cloneDeep";
 import React, { Component } from 'react';
 import { getUuidv4 } from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import { FormUpdaterContext, ArrayFieldContext } from './context';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
+import copy from 'fast-copy';
 const filterArrayByIndex = (array, index) => array.filter((item, i) => i !== index);
 const getUuidByArray = array => array.map(() => getUuidv4());
 const getUpdateKey = arrayField => {
@@ -61,8 +61,8 @@ class ArrayFieldComponent extends Component {
     // whether the fields inside arrayField should use props.initValue in current render process
     this.shouldUseInitValue = !context.getArrayField(field);
     // Separate the arrays that reset and the usual add and remove modify, otherwise they will affect each other
-    const initValueCopyForFormState = _cloneDeep(initValue);
-    const initValueCopyForReset = _cloneDeep(initValue);
+    const initValueCopyForFormState = copy(initValue);
+    const initValueCopyForReset = copy(initValue);
     context.registerArrayField(field, initValueCopyForReset);
     // register ArrayField will update state.updateKey to render, So there is no need to execute forceUpdate here
     context.updateStateValue(field, initValueCopyForFormState, {

package/lib/es/form/hoc/withField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { WithFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
-import { CommonFieldProps, CommonexcludeType } from '../interface';
-import { Subtract } from 'utility-types';
+import type { WithFieldOption } from '@douyinfe/semi-foundation/lib/es/form/interface';
+import type { CommonFieldProps, CommonexcludeType } from '../interface';
+import type { Subtract } from 'utility-types';
 /**
  * withFiled is used to inject components
  * 1. Takes over the value and onChange of the component and synchronizes them to Form Foundation

package/lib/es/modal/Modal.d.ts

@@ -68,26 +68,8 @@ declare class Modal extends BaseComponent<ModalReactProps, ModalState> {
         fullScreen: PropTypes.Requireable<boolean>;
         footerFill: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        zIndex: number;
-        motion: boolean;
-        mask: boolean;
-        centered: boolean;
-        closable: boolean;
-        visible: boolean;
-        okType: string;
-        maskClosable: boolean;
-        hasCancel: boolean;
-        onCancel: (...args: any[]) => void;
-        onOk: (...args: any[]) => void;
-        afterClose: (...args: any[]) => void;
-        maskFixed: boolean;
-        closeOnEsc: boolean;
-        size: string;
-        keepDOM: boolean;
-        lazyRender: boolean;
-        fullScreen: boolean;
-    };
+    static __SemiComponentName__: string;
+    static defaultProps: any;
     static useModal: typeof useModal;
     foundation: ModalFoundation;
     private readonly modalRef;