@douyinfe/semi-ui 2.52.3 → 2.53.0

package/dist/umd/semi-ui.js

@@ -9125,42 +9125,6 @@ function clone(value) {
 module.exports = clone;
 
 
-/***/ }),
-
-/***/ "c2re":
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var baseClone = __webpack_require__("kn3Q");
-
-/** Used to compose bitmasks for cloning. */
-var CLONE_DEEP_FLAG = 1,
-    CLONE_SYMBOLS_FLAG = 4;
-
-/**
- * This method is like `_.clone` except that it recursively clones `value`.
- *
- * @static
- * @memberOf _
- * @since 1.0.0
- * @category Lang
- * @param {*} value The value to recursively clone.
- * @returns {*} Returns the deep cloned value.
- * @see _.clone
- * @example
- *
- * var objects = [{ 'a': 1 }, { 'b': 2 }];
- *
- * var deep = _.cloneDeep(objects);
- * console.log(deep[0] === objects[0]);
- * // => false
- */
-function cloneDeep(value) {
-  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
-}
-
-module.exports = cloneDeep;
-
-
 /***/ }),
 
 /***/ "NdXQ":
@@ -19585,10 +19549,45 @@ const findAll = _ref4 => {
   return result;
 };
 
+;// CONCATENATED MODULE: ./_utils/semi-global.ts
+class SemiGlobal {
+  constructor() {
+    this.config = {};
+  }
+}
+/* harmony default export */ const semi_global = (new SemiGlobal());
 ;// CONCATENATED MODULE: ./_utils/index.tsx
 
 
 
+var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
 
 
 
@@ -19742,12 +19741,59 @@ function getFocusableElements(node) {
   const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }
+function runAfterTicks(func, numberOfTicks) {
+  return __awaiter(this, void 0, void 0, function* () {
+    if (numberOfTicks === 0) {
+      yield func();
+      return;
+    } else {
+      yield new Promise(resolve => {
+        setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+          yield runAfterTicks(func, numberOfTicks - 1);
+          resolve();
+        }), 0);
+      });
+      return;
+    }
+  });
+}
 function getScrollbarWidth() {
   if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
     return window.innerWidth - document.documentElement.clientWidth;
   }
   return 0;
 }
+function getDefaultPropsFromGlobalConfig(componentName) {
+  let semiDefaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const getFromGlobalConfig = () => {
+    var _a, _b;
+    return ((_b = (_a = semi_global === null || semi_global === void 0 ? void 0 : semi_global.config) === null || _a === void 0 ? void 0 : _a.overrideDefaultProps) === null || _b === void 0 ? void 0 : _b[componentName]) || {};
+  };
+  return new Proxy(Object.assign({}, semiDefaultProps), {
+    get(target, key, receiver) {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      if (key in defaultPropsFromGlobal) {
+        return defaultPropsFromGlobal[key];
+      }
+      return Reflect.get(target, key, receiver);
+    },
+    set(target, key, value, receiver) {
+      return Reflect.set(target, key, value, receiver);
+    },
+    ownKeys() {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      return Array.from(new Set([...Reflect.ownKeys(semiDefaultProps), ...Object.keys(defaultPropsFromGlobal)]));
+    },
+    getOwnPropertyDescriptor(target, key) {
+      const defaultPropsFromGlobal = getFromGlobalConfig();
+      if (key in defaultPropsFromGlobal) {
+        return Reflect.getOwnPropertyDescriptor(defaultPropsFromGlobal, key);
+      } else {
+        return Reflect.getOwnPropertyDescriptor(target, key);
+      }
+    }
+  });
+}
 ;// CONCATENATED MODULE: ./configProvider/context.tsx
 
 const ConfigContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext({});
@@ -20721,7 +20767,8 @@ Tooltip.propTypes = {
   preventScroll: (prop_types_default()).bool,
   keepDOM: (prop_types_default()).bool
 };
-Tooltip.defaultProps = {
+Tooltip.__SemiComponentName__ = "Tooltip";
+Tooltip.defaultProps = getDefaultPropsFromGlobalConfig(Tooltip.__SemiComponentName__, {
   arrowBounding: numbers.ARROW_BOUNDING,
   autoAdjustOverflow: true,
   arrowPointAtCenter: true,
@@ -20747,7 +20794,7 @@ Tooltip.defaultProps = {
   disableFocusListener: false,
   disableArrowKeyDown: false,
   keepDOM: false
-};
+});
 // EXTERNAL MODULE: ../../node_modules/copy-text-to-clipboard/index.js
 var copy_text_to_clipboard = __webpack_require__("HDX/");
 var copy_text_to_clipboard_default = /*#__PURE__*/__webpack_require__.n(copy_text_to_clipboard);
@@ -22387,6 +22434,7 @@ var popover_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const popover_positionSet = popover_constants_strings.POSITION_SET;
 const popover_triggerSet = popover_constants_strings.TRIGGER_SET;
 class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).PureComponent {
@@ -22510,7 +22558,8 @@ Popover.propTypes = {
   guardFocus: (prop_types_default()).bool,
   disableArrowKeyDown: (prop_types_default()).bool
 };
-Popover.defaultProps = {
+Popover.__SemiComponentName__ = "Popover";
+Popover.defaultProps = getDefaultPropsFromGlobalConfig(Popover.__SemiComponentName__, {
   arrowBounding: constants_numbers.ARROW_BOUNDING,
   showArrow: false,
   autoAdjustOverflow: true,
@@ -22527,7 +22576,7 @@ Popover.defaultProps = {
   returnFocusOnClose: true,
   guardFocus: true,
   disableFocusListener: true
-};
+});
 /* harmony default export */ const popover_0 = (Popover);
 ;// CONCATENATED MODULE: ./typography/util.tsx
 
@@ -22664,9 +22713,18 @@ const getRenderText = function (originEle, rows) {
 
 
 
+var ObserverProperty;
+(function (ObserverProperty) {
+  ObserverProperty["Width"] = "width";
+  ObserverProperty["Height"] = "height";
+  ObserverProperty["All"] = "all";
+})(ObserverProperty || (ObserverProperty = {}));
 class ReactResizeObserver extends BaseComponent {
   constructor(props) {
+    var _this;
     super(props);
+    _this = this;
+    this.formerPropertyValue = new Map();
     this.getElement = () => {
       try {
         // using findDOMNode for two reasons:
@@ -22678,6 +22736,54 @@ class ReactResizeObserver extends BaseComponent {
         return null;
       }
     };
+    this.handleResizeEventTriggered = entries => {
+      if (this.props.observerProperty === ObserverProperty.All) {
+        this.props.onResize(entries);
+      } else {
+        const finalEntries = [];
+        for (const entry of entries) {
+          if (this.formerPropertyValue.has(entry.target)) {
+            if (entry.contentRect[this.props.observerProperty] !== this.formerPropertyValue.get(entry.target)) {
+              this.formerPropertyValue.set(entry.target, entry.contentRect[this.props.observerProperty]);
+              finalEntries.push(entry);
+            }
+          } else {
+            this.formerPropertyValue.set(entry.target, entry.contentRect[this.props.observerProperty]);
+            finalEntries.push(entry);
+          }
+        }
+        if (finalEntries.length > 0) {
+          this.props.onResize(finalEntries);
+        }
+      }
+    };
+    this.observeElement = function () {
+      let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      const element = _this.getElement();
+      if (!_this.observer) {
+        _this.observer = new ResizeObserver(_this.handleResizeEventTriggered);
+      }
+      if (!(element && element instanceof Element)) {
+        // stop everything if not defined
+        _this.observer.disconnect();
+        return;
+      }
+      if (element === _this.element && !force) {
+        // abort if given same element -- nothing to update (unless forced)
+        return;
+      } else {
+        // clear observer list if new element
+        _this.observer.disconnect();
+        // remember element reference for next time
+        _this.element = element;
+      }
+      // observer callback is invoked immediately when observing new elements
+      _this.observer.observe(element);
+      if (_this.props.observeParent && element.parentNode && element.parentNode.ownerDocument && element.parentNode.ownerDocument.defaultView && element.parentNode instanceof element.parentNode.ownerDocument.defaultView.HTMLElement) {
+        _this._parentNode = element.parentNode;
+        _this.observer.observe(_this._parentNode);
+      }
+    };
     this.mergeRef = (ref, node) => {
       this.childNode = node;
       if (typeof ref === 'function') {
@@ -22687,7 +22793,7 @@ class ReactResizeObserver extends BaseComponent {
       }
     };
     if (globalThis['ResizeObserver']) {
-      this.observer = new ResizeObserver(props.onResize);
+      this.observer = new ResizeObserver(this.handleResizeEventTriggered);
     }
   }
   componentDidMount() {
@@ -22705,33 +22811,6 @@ class ReactResizeObserver extends BaseComponent {
       this.element = null;
     }
   }
-  observeElement() {
-    let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    const element = this.getElement();
-    if (!this.observer) {
-      this.observer = new ResizeObserver(this.props.onResize);
-    }
-    if (!(element && element instanceof Element)) {
-      // stop everything if not defined
-      this.observer.disconnect();
-      return;
-    }
-    if (element === this.element && !force) {
-      // abort if given same element -- nothing to update (unless forced)
-      return;
-    } else {
-      // clear observer list if new element
-      this.observer.disconnect();
-      // remember element reference for next time
-      this.element = element;
-    }
-    // observer callback is invoked immediately when observing new elements
-    this.observer.observe(element);
-    if (this.props.observeParent && element.parentNode && element.parentNode.ownerDocument && element.parentNode.ownerDocument.defaultView && element.parentNode instanceof element.parentNode.ownerDocument.defaultView.HTMLElement) {
-      this._parentNode = element.parentNode;
-      this.observer.observe(this._parentNode);
-    }
-  }
   render() {
     const child = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.only(this.props.children);
     const {
@@ -22744,11 +22823,15 @@ class ReactResizeObserver extends BaseComponent {
 }
 ReactResizeObserver.propTypes = {
   onResize: (prop_types_default()).func,
-  observeParent: (prop_types_default()).bool
+  observeParent: (prop_types_default()).bool,
+  observerProperty: (prop_types_default()).string,
+  delayTick: (prop_types_default()).number
 };
 ReactResizeObserver.defaultProps = {
   onResize: () => {},
-  observeParent: false
+  observeParent: false,
+  observerProperty: "all",
+  delayTick: 0
 };
 ;// CONCATENATED MODULE: ./typography/base.tsx
 
@@ -22757,6 +22840,33 @@ ReactResizeObserver.defaultProps = {
 
 
 
+var base_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 var base_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -22812,12 +22922,18 @@ const wrapperDecorations = (props, content) => {
 class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_.Component {
   constructor(props) {
     super(props);
-    this.onResize = () => {
+    this.observerTakingEffect = false;
+    this.onResize = entries => base_awaiter(this, void 0, void 0, function* () {
       if (this.rafId) {
         window.cancelAnimationFrame(this.rafId);
       }
-      this.rafId = window.requestAnimationFrame(this.getEllipsisState.bind(this));
-    };
+      return new Promise(resolve => {
+        this.rafId = window.requestAnimationFrame(() => base_awaiter(this, void 0, void 0, function* () {
+          yield this.getEllipsisState();
+          resolve();
+        }));
+      });
+    });
     // if it needs to use js overflowed:
     // 1. text is expandable 2. expandText need to be shown  3. has extra operation 4. text need to ellipse from mid
     this.canUseCSSEllipsis = () => {
@@ -22887,6 +23003,80 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       }
       return defaultOpts;
     };
+    this.onHover = () => {
+      const canUseCSSEllipsis = this.canUseCSSEllipsis();
+      if (canUseCSSEllipsis) {
+        const {
+          rows,
+          suffix,
+          pos
+        } = this.getEllipsisOpt();
+        const updateOverflow = this.shouldTruncated(rows);
+        // isOverflowed needs to be updated to show tooltip when using css ellipsis
+        this.setState({
+          isOverflowed: updateOverflow,
+          isTruncated: false
+        });
+        return undefined;
+      }
+    };
+    this.getEllipsisState = () => base_awaiter(this, void 0, void 0, function* () {
+      const {
+        rows,
+        suffix,
+        pos
+      } = this.getEllipsisOpt();
+      const {
+        children
+      } = this.props;
+      // wait until element mounted
+      if (!this.wrapperRef || !this.wrapperRef.current) {
+        yield this.onResize();
+        return;
+      }
+      const {
+        expanded
+      } = this.state;
+      const canUseCSSEllipsis = this.canUseCSSEllipsis();
+      if (canUseCSSEllipsis) {
+        // const updateOverflow = this.shouldTruncated(rows);
+        // // isOverflowed needs to be updated to show tooltip when using css ellipsis
+        // this.setState({
+        //     isOverflowed: updateOverflow,
+        //     isTruncated: false
+        // });
+        return;
+      }
+      // If children is null, css/js truncated flag isTruncate is false
+      if (isNull_default()(children)) {
+        return new Promise(resolve => {
+          this.setState({
+            isTruncated: false,
+            isOverflowed: false
+          }, resolve);
+        });
+      }
+      // Currently only text truncation is supported, if there is non-text, 
+      // both css truncation and js truncation should throw a warning
+      warning('children' in this.props && typeof children !== 'string', "[Semi Typography] Only children with pure text could be used with ellipsis at this moment.");
+      if (!rows || rows < 0 || expanded) {
+        return;
+      }
+      const extraNode = {
+        expand: this.expandRef.current,
+        copy: this.copyRef && this.copyRef.current
+      };
+      const content = util(this.wrapperRef.current, rows,
+      // Perform type conversion on children to prevent component crash due to non-string type of children
+      String(children), extraNode, ELLIPSIS_STR, suffix, pos);
+      return new Promise(resolve => {
+        this.setState({
+          isOverflowed: false,
+          ellipsisContent: content,
+          isTruncated: children !== content
+        }, resolve);
+      });
+    });
     /**
      * Triggered when the fold button is clicked to save the latest expanded state
      * @param {Event} e
@@ -23053,9 +23243,13 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
         ellipsisContent
       } = this.state;
       if (expanded || !isTruncated) {
-        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, children, suffix && suffix.length ? suffix : null);
+        return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+          onMouseEnter: this.onHover
+        }, children, suffix && suffix.length ? suffix : null);
       }
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", null, ellipsisContent, suffix);
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+        onMouseEnter: this.onHover
+      }, ellipsisContent, suffix);
     };
     this.state = {
       editable: false,
@@ -23075,7 +23269,8 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
   }
   componentDidMount() {
     if (this.props.ellipsis) {
-      this.onResize();
+      // runAfterTicks: make sure start observer on the next tick
+      this.onResize().then(() => runAfterTicks(() => this.observerTakingEffect = true, 1));
     }
   }
   static getDerivedStateFromProps(props, prevState) {
@@ -23107,61 +23302,6 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
       window.cancelAnimationFrame(this.rafId);
     }
   }
-  getEllipsisState() {
-    const {
-      rows,
-      suffix,
-      pos
-    } = this.getEllipsisOpt();
-    const {
-      children
-    } = this.props;
-    // wait until element mounted
-    if (!this.wrapperRef || !this.wrapperRef.current) {
-      this.onResize();
-      return false;
-    }
-    const {
-      expanded
-    } = this.state;
-    const canUseCSSEllipsis = this.canUseCSSEllipsis();
-    // If children is null, css/js truncated flag isTruncate is false
-    if (isNull_default()(children)) {
-      this.setState({
-        isTruncated: false,
-        isOverflowed: false
-      });
-      return undefined;
-    }
-    // Currently only text truncation is supported, if there is non-text, 
-    // both css truncation and js truncation should throw a warning
-    warning('children' in this.props && typeof children !== 'string', "[Semi Typography] Only children with pure text could be used with ellipsis at this moment.");
-    if (!rows || rows < 0 || expanded) {
-      return undefined;
-    }
-    if (canUseCSSEllipsis) {
-      const updateOverflow = this.shouldTruncated(rows);
-      // isOverflowed needs to be updated to show tooltip when using css ellipsis
-      this.setState({
-        isOverflowed: updateOverflow,
-        isTruncated: false
-      });
-      return undefined;
-    }
-    const extraNode = {
-      expand: this.expandRef.current,
-      copy: this.copyRef && this.copyRef.current
-    };
-    const content = util(this.wrapperRef.current, rows,
-    // Perform type conversion on children to prevent component crash due to non-string type of children
-    String(children), extraNode, ELLIPSIS_STR, suffix, pos);
-    this.setState({
-      isOverflowed: false,
-      ellipsisContent: content,
-      isTruncated: children !== content
-    });
-    return undefined;
-  }
   renderOperations() {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, this.renderExpandable(), this.renderCopy());
   }
@@ -23303,6 +23443,7 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
     }
   }
   render() {
+    var _this = this;
     const content = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Typography"
     }, locale => {
@@ -23312,8 +23453,13 @@ class Base extends external_root_React_commonjs2_react_commonjs_react_amd_react_
     });
     if (this.props.ellipsis) {
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ReactResizeObserver, {
-        onResize: this.onResize,
-        observeParent: true
+        onResize: function () {
+          if (_this.observerTakingEffect) {
+            _this.onResize(...arguments);
+          }
+        },
+        observeParent: true,
+        observerProperty: ObserverProperty.Width
       }, content);
     }
     return content;
@@ -25960,6 +26106,7 @@ var autoComplete = __webpack_require__("PyaV");
 
 
 
+
 const autoComplete_prefixCls = autoComplete_constants_cssClasses.PREFIX;
 const autoComplete_sizeSet = autoComplete_constants_strings.SIZE;
 const autoComplete_positionSet = autoComplete_constants_strings.POSITION;
@@ -26330,7 +26477,8 @@ AutoComplete.propTypes = {
   zIndex: (prop_types_default()).number
 };
 AutoComplete.Option = autoComplete_option;
-AutoComplete.defaultProps = {
+AutoComplete.__SemiComponentName__ = "AutoComplete";
+AutoComplete.defaultProps = getDefaultPropsFromGlobalConfig(AutoComplete.__SemiComponentName__, {
   stopPropagation: true,
   motion: true,
   zIndex: constants_numbers.DEFAULT_Z_INDEX,
@@ -26356,7 +26504,7 @@ AutoComplete.defaultProps = {
   onKeyDown: (noop_default())
   // onPressEnter: () => undefined,
   // defaultOpen: false,
-};
+});
 
 /* harmony default export */ const autoComplete_0 = (AutoComplete);
 ;// CONCATENATED MODULE: ../semi-foundation/avatar/constants.ts
@@ -26518,6 +26666,7 @@ var avatar_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const avatar_sizeSet = avatar_constants_strings.SIZE;
 const shapeSet = avatar_constants_strings.SHAPE;
 const colorSet = avatar_constants_strings.COLOR;
@@ -26847,7 +26996,8 @@ class Avatar extends BaseComponent {
     }
   }
 }
-Avatar.defaultProps = {
+Avatar.__SemiComponentName__ = "Avatar";
+Avatar.defaultProps = getDefaultPropsFromGlobalConfig(Avatar.__SemiComponentName__, {
   size: 'medium',
   color: 'grey',
   shape: 'circle',
@@ -26855,7 +27005,7 @@ Avatar.defaultProps = {
   onClick: function_noop,
   onMouseEnter: function_noop,
   onMouseLeave: function_noop
-};
+});
 Avatar.propTypes = {
   children: (prop_types_default()).node,
   color: prop_types_default().oneOf(colorSet),
@@ -27946,6 +28096,7 @@ var backtop_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const backtop_prefixCls = backtop_constants_cssClasses.PREFIX;
 const getDefaultTarget = () => window;
 class BackTop extends BaseComponent {
@@ -28021,11 +28172,12 @@ class BackTop extends BaseComponent {
     return content;
   }
 }
-BackTop.defaultProps = {
+BackTop.__SemiComponentName__ = "BackTop";
+BackTop.defaultProps = getDefaultPropsFromGlobalConfig(BackTop.__SemiComponentName__, {
   visibilityHeight: 400,
   target: getDefaultTarget,
   duration: 450
-};
+});
 BackTop.propTypes = {
   target: (prop_types_default()).func,
   visibilityHeight: (prop_types_default()).number,
@@ -28937,6 +29089,7 @@ Breadcrumb.defaultProps = {
 
 
 
+
 class Button extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).PureComponent {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -28954,7 +29107,9 @@ class Button extends (external_root_React_commonjs2_react_commonjs_react_amd_rea
     }
   }
 }
+Button.__SemiComponentName__ = "Button";
 Button.propTypes = Object.assign(Object.assign({}, Button_Button.propTypes), iconButton_0.propTypes);
+Button.defaultProps = getDefaultPropsFromGlobalConfig(Button.__SemiComponentName__);
 Button.elementType = 'Button';
 /* harmony default export */ const button_0 = (Button);
 ;// CONCATENATED MODULE: ./button/buttonGroup.tsx
@@ -35567,9 +35722,6 @@ var isSet_default = /*#__PURE__*/__webpack_require__.n(isSet);
 // EXTERNAL MODULE: ../../node_modules/lodash/includes.js
 var includes = __webpack_require__("qYhz");
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
-// EXTERNAL MODULE: ../../node_modules/lodash/cloneDeep.js
-var lodash_cloneDeep = __webpack_require__("c2re");
-var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(lodash_cloneDeep);
 // EXTERNAL MODULE: ../../node_modules/lodash/assign.js
 var lodash_assign = __webpack_require__("whR3");
 var assign_default = /*#__PURE__*/__webpack_require__.n(lodash_assign);
@@ -36386,7 +36538,6 @@ function calcMergeType(autoMergeValue, leafOnly) {
 
 
 
-
 class CascaderFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -36479,13 +36630,6 @@ class CascaderFoundation extends foundation {
     const isDisabled = findAncestorKeys([key], keyEntities, true).some(item => keyEntities[item].data.disabled);
     return isDisabled;
   }
-  getCopyFromState(items) {
-    const res = {};
-    util_normalizedArr(items).forEach(key => {
-      res[key] = cloneDeep_default()(this.getState(key));
-    });
-    return res;
-  }
   // prop: is array, return all data
   getItemPropPath(selectedKey, prop, keyEntities) {
     const searchMap = keyEntities || this.getState('keyEntities');
@@ -36862,8 +37006,8 @@ class CascaderFoundation extends foundation {
       data,
       key
     } = item;
-    const prevLoadingKeys = cloneDeep_default()(this._adapter.getLoadingKeyRefValue());
-    const prevLoadedKeys = cloneDeep_default()(this._adapter.getLoadedKeyRefValue());
+    const prevLoadingKeys = new Set(this._adapter.getLoadingKeyRefValue());
+    const prevLoadedKeys = new Set(this._adapter.getLoadedKeyRefValue());
     const newLoadedKeys = prevLoadedKeys.add(key);
     const newLoadingKeys = new Set([...prevLoadingKeys]);
     newLoadingKeys.delete(key);
@@ -36886,7 +37030,7 @@ class CascaderFoundation extends foundation {
     });
     if (!data.isLeaf && !data.children && this.getProp('loadData')) {
       const loadedKeys = this._adapter.getLoadedKeyRefValue();
-      const loadingKeys = cloneDeep_default()(this._adapter.getLoadingKeyRefValue());
+      const loadingKeys = new Set(this._adapter.getLoadingKeyRefValue());
       if (loadedKeys.has(key) || loadingKeys.has(key)) {
         return;
       }
@@ -37046,9 +37190,7 @@ class CascaderFoundation extends foundation {
       keyEntities,
       disabledKeys
     } = this.getStates();
-    const {
-      checkedKeys
-    } = this.getCopyFromState(['checkedKeys']);
+    const checkedKeys = new Set(this.getState('checkedKeys'));
     const descendantKeys = normalizeKeyList(findDescendantKeys([eventKey], keyEntities, false), keyEntities, true);
     const hasDisabled = descendantKeys.some(key => disabledKeys.has(key));
     if (!hasDisabled) {
@@ -37098,10 +37240,8 @@ class CascaderFoundation extends foundation {
     const {
       keyEntities
     } = this.getStates();
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = this.getCopyFromState(['checkedKeys', 'halfCheckedKeys']);
+    const checkedKeys = new Set(this.getState('checkedKeys'));
+    const halfCheckedKeys = new Set(this.getState('halfCheckedKeys'));
     return curCheckedStatus ? calcCheckedKeysForChecked(key, keyEntities, checkedKeys, halfCheckedKeys) : calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedKeys);
   }
   handleInputChange(sugInput) {
@@ -47780,6 +47920,7 @@ class Cascader extends BaseComponent {
     }, selection);
   }
 }
+Cascader.__SemiComponentName__ = "Cascader";
 Cascader.contextType = context;
 Cascader.propTypes = {
   'aria-labelledby': (prop_types_default()).string,
@@ -47858,7 +47999,7 @@ Cascader.propTypes = {
   preventScroll: (prop_types_default()).bool,
   position: (prop_types_default()).string
 };
-Cascader.defaultProps = {
+Cascader.defaultProps = getDefaultPropsFromGlobalConfig(Cascader.__SemiComponentName__, {
   borderless: false,
   leafOnly: false,
   arrowIcon: /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronDown, null),
@@ -47888,7 +48029,7 @@ Cascader.defaultProps = {
   onListScroll: (noop_default()),
   enableLeafClick: false,
   'aria-label': 'Cascader'
-};
+});
 /* harmony default export */ const cascader_0 = (Cascader);
 ;// CONCATENATED MODULE: ../semi-foundation/collapse/constants.ts
 
@@ -47984,6 +48125,7 @@ var collapsible = __webpack_require__("v967");
 
 
 
+
 class Collapsible extends BaseComponent {
   constructor(props) {
     super(props);
@@ -48106,14 +48248,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;
@@ -48311,6 +48454,7 @@ var collapse_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 class Collapse extends BaseComponent {
   constructor(props) {
     super(props);
@@ -48400,12 +48544,13 @@ Collapse.propTypes = {
   motion: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).func, (prop_types_default()).object]),
   expandIconPosition: prop_types_default().oneOf(collapse_constants_strings.iconPosition)
 };
-Collapse.defaultProps = {
+Collapse.__SemiComponentName__ = "Collapse";
+Collapse.defaultProps = getDefaultPropsFromGlobalConfig(Collapse.__SemiComponentName__, {
   defaultActiveKey: '',
   clickHeaderToExpand: true,
   onChange: function_noop,
   expandIconPosition: 'right'
-};
+});
 /* harmony default export */ const collapse_0 = (Collapse);
 ;// CONCATENATED MODULE: ./configProvider/index.tsx
 var configProvider_rest = undefined && undefined.__rest || function (s, e) {
@@ -48422,7 +48567,10 @@ var configProvider_rest = undefined && undefined.__rest || function (s, e) {
 
 
 class ConfigProvider extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Component {
-  renderChilren() {
+  constructor(props) {
+    super(props);
+  }
+  renderChildren() {
     const {
       direction,
       children
@@ -48445,7 +48593,7 @@ class ConfigProvider extends (external_root_React_commonjs2_react_commonjs_react
       value: Object.assign({
         direction
       }, rest)
-    }, this.renderChilren());
+    }, this.renderChildren());
   }
 }
 ConfigProvider.propTypes = {
@@ -53840,6 +53988,406 @@ function getDefaultPickerDate(options) {
     nextDate: nextDate
   };
 }
+;// CONCATENATED MODULE: ../../node_modules/fast-copy/dist/esm/index.mjs
+var toStringFunction = Function.prototype.toString;
+var create = Object.create;
+var toStringObject = Object.prototype.toString;
+/**
+ * @classdesc Fallback cache for when WeakMap is not natively supported
+ */
+var LegacyCache = /** @class */ (function () {
+    function LegacyCache() {
+        this._keys = [];
+        this._values = [];
+    }
+    LegacyCache.prototype.has = function (key) {
+        return !!~this._keys.indexOf(key);
+    };
+    LegacyCache.prototype.get = function (key) {
+        return this._values[this._keys.indexOf(key)];
+    };
+    LegacyCache.prototype.set = function (key, value) {
+        this._keys.push(key);
+        this._values.push(value);
+    };
+    return LegacyCache;
+}());
+function createCacheLegacy() {
+    return new LegacyCache();
+}
+function createCacheModern() {
+    return new WeakMap();
+}
+/**
+ * Get a new cache object to prevent circular references.
+ */
+var createCache = typeof WeakMap !== 'undefined' ? createCacheModern : createCacheLegacy;
+/**
+ * Get an empty version of the object with the same prototype it has.
+ */
+function getCleanClone(prototype) {
+    if (!prototype) {
+        return create(null);
+    }
+    var Constructor = prototype.constructor;
+    if (Constructor === Object) {
+        return prototype === Object.prototype ? {} : create(prototype);
+    }
+    if (~toStringFunction.call(Constructor).indexOf('[native code]')) {
+        try {
+            return new Constructor();
+        }
+        catch (_a) { }
+    }
+    return create(prototype);
+}
+function getRegExpFlagsLegacy(regExp) {
+    var flags = '';
+    if (regExp.global) {
+        flags += 'g';
+    }
+    if (regExp.ignoreCase) {
+        flags += 'i';
+    }
+    if (regExp.multiline) {
+        flags += 'm';
+    }
+    if (regExp.unicode) {
+        flags += 'u';
+    }
+    if (regExp.sticky) {
+        flags += 'y';
+    }
+    return flags;
+}
+function getRegExpFlagsModern(regExp) {
+    return regExp.flags;
+}
+/**
+ * Get the flags to apply to the copied regexp.
+ */
+var getRegExpFlags = /test/g.flags === 'g' ? getRegExpFlagsModern : getRegExpFlagsLegacy;
+function getTagLegacy(value) {
+    var type = toStringObject.call(value);
+    return type.substring(8, type.length - 1);
+}
+function getTagModern(value) {
+    return value[Symbol.toStringTag] || getTagLegacy(value);
+}
+/**
+ * Get the tag of the value passed, so that the correct copier can be used.
+ */
+var getTag = typeof Symbol !== 'undefined' ? getTagModern : getTagLegacy;
+
+var defineProperty = Object.defineProperty, getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor, getOwnPropertyNames = Object.getOwnPropertyNames, getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var _a = Object.prototype, esm_hasOwnProperty = _a.hasOwnProperty, propertyIsEnumerable = _a.propertyIsEnumerable;
+var SUPPORTS_SYMBOL = typeof getOwnPropertySymbols === 'function';
+function getStrictPropertiesModern(object) {
+    return getOwnPropertyNames(object).concat(getOwnPropertySymbols(object));
+}
+/**
+ * Get the properites used when copying objects strictly. This includes both keys and symbols.
+ */
+var getStrictProperties = SUPPORTS_SYMBOL
+    ? getStrictPropertiesModern
+    : getOwnPropertyNames;
+/**
+ * Striclty copy all properties contained on the object.
+ */
+function copyOwnPropertiesStrict(value, clone, state) {
+    var properties = getStrictProperties(value);
+    for (var index = 0, length_1 = properties.length, property = void 0, descriptor = void 0; index < length_1; ++index) {
+        property = properties[index];
+        if (property === 'callee' || property === 'caller') {
+            continue;
+        }
+        descriptor = getOwnPropertyDescriptor(value, property);
+        if (!descriptor) {
+            // In extra edge cases where the property descriptor cannot be retrived, fall back to
+            // the loose assignment.
+            clone[property] = state.copier(value[property], state);
+            continue;
+        }
+        // Only clone the value if actually a value, not a getter / setter.
+        if (!descriptor.get && !descriptor.set) {
+            descriptor.value = state.copier(descriptor.value, state);
+        }
+        try {
+            defineProperty(clone, property, descriptor);
+        }
+        catch (error) {
+            // Tee above can fail on node in edge cases, so fall back to the loose assignment.
+            clone[property] = descriptor.value;
+        }
+    }
+    return clone;
+}
+/**
+ * Deeply copy the indexed values in the array.
+ */
+function copyArrayLoose(array, state) {
+    var clone = new state.Constructor();
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(array, clone);
+    for (var index = 0, length_2 = array.length; index < length_2; ++index) {
+        clone[index] = state.copier(array[index], state);
+    }
+    return clone;
+}
+/**
+ * Deeply copy the indexed values in the array, as well as any custom properties.
+ */
+function copyArrayStrict(array, state) {
+    var clone = new state.Constructor();
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(array, clone);
+    return copyOwnPropertiesStrict(array, clone, state);
+}
+/**
+ * Copy the contents of the ArrayBuffer.
+ */
+function copyArrayBuffer(arrayBuffer, _state) {
+    return arrayBuffer.slice(0);
+}
+/**
+ * Create a new Blob with the contents of the original.
+ */
+function copyBlob(blob, _state) {
+    return blob.slice(0, blob.size, blob.type);
+}
+/**
+ * Create a new DataView with the contents of the original.
+ */
+function copyDataView(dataView, state) {
+    return new state.Constructor(copyArrayBuffer(dataView.buffer));
+}
+/**
+ * Create a new Date based on the time of the original.
+ */
+function copyDate(date, state) {
+    return new state.Constructor(date.getTime());
+}
+/**
+ * Deeply copy the keys and values of the original.
+ */
+function copyMapLoose(map, state) {
+    var clone = new state.Constructor();
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(map, clone);
+    map.forEach(function (value, key) {
+        clone.set(key, state.copier(value, state));
+    });
+    return clone;
+}
+/**
+ * Deeply copy the keys and values of the original, as well as any custom properties.
+ */
+function copyMapStrict(map, state) {
+    return copyOwnPropertiesStrict(map, copyMapLoose(map, state), state);
+}
+function copyObjectLooseLegacy(object, state) {
+    var clone = getCleanClone(state.prototype);
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(object, clone);
+    for (var key in object) {
+        if (esm_hasOwnProperty.call(object, key)) {
+            clone[key] = state.copier(object[key], state);
+        }
+    }
+    return clone;
+}
+function copyObjectLooseModern(object, state) {
+    var clone = getCleanClone(state.prototype);
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(object, clone);
+    for (var key in object) {
+        if (esm_hasOwnProperty.call(object, key)) {
+            clone[key] = state.copier(object[key], state);
+        }
+    }
+    var symbols = getOwnPropertySymbols(object);
+    for (var index = 0, length_3 = symbols.length, symbol = void 0; index < length_3; ++index) {
+        symbol = symbols[index];
+        if (propertyIsEnumerable.call(object, symbol)) {
+            clone[symbol] = state.copier(object[symbol], state);
+        }
+    }
+    return clone;
+}
+/**
+ * Deeply copy the properties (keys and symbols) and values of the original.
+ */
+var copyObjectLoose = SUPPORTS_SYMBOL
+    ? copyObjectLooseModern
+    : copyObjectLooseLegacy;
+/**
+ * Deeply copy the properties (keys and symbols) and values of the original, as well
+ * as any hidden or non-enumerable properties.
+ */
+function copyObjectStrict(object, state) {
+    var clone = getCleanClone(state.prototype);
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(object, clone);
+    return copyOwnPropertiesStrict(object, clone, state);
+}
+/**
+ * Create a new primitive wrapper from the value of the original.
+ */
+function copyPrimitiveWrapper(primitiveObject, state) {
+    return new state.Constructor(primitiveObject.valueOf());
+}
+/**
+ * Create a new RegExp based on the value and flags of the original.
+ */
+function copyRegExp(regExp, state) {
+    var clone = new state.Constructor(regExp.source, getRegExpFlags(regExp));
+    clone.lastIndex = regExp.lastIndex;
+    return clone;
+}
+/**
+ * Return the original value (an identity function).
+ *
+ * @note
+ * THis is used for objects that cannot be copied, such as WeakMap.
+ */
+function copySelf(value, _state) {
+    return value;
+}
+/**
+ * Deeply copy the values of the original.
+ */
+function copySetLoose(set, state) {
+    var clone = new state.Constructor();
+    // set in the cache immediately to be able to reuse the object recursively
+    state.cache.set(set, clone);
+    set.forEach(function (value) {
+        clone.add(state.copier(value, state));
+    });
+    return clone;
+}
+/**
+ * Deeply copy the values of the original, as well as any custom properties.
+ */
+function copySetStrict(set, state) {
+    return copyOwnPropertiesStrict(set, copySetLoose(set, state), state);
+}
+
+var esm_isArray = Array.isArray;
+var esm_assign = Object.assign;
+var getPrototypeOf = Object.getPrototypeOf || (function (obj) { return obj.__proto__; });
+var DEFAULT_LOOSE_OPTIONS = {
+    array: copyArrayLoose,
+    arrayBuffer: copyArrayBuffer,
+    blob: copyBlob,
+    dataView: copyDataView,
+    date: copyDate,
+    error: copySelf,
+    map: copyMapLoose,
+    object: copyObjectLoose,
+    regExp: copyRegExp,
+    set: copySetLoose,
+};
+var DEFAULT_STRICT_OPTIONS = esm_assign({}, DEFAULT_LOOSE_OPTIONS, {
+    array: copyArrayStrict,
+    map: copyMapStrict,
+    object: copyObjectStrict,
+    set: copySetStrict,
+});
+/**
+ * Get the copiers used for each specific object tag.
+ */
+function getTagSpecificCopiers(options) {
+    return {
+        Arguments: options.object,
+        Array: options.array,
+        ArrayBuffer: options.arrayBuffer,
+        Blob: options.blob,
+        Boolean: copyPrimitiveWrapper,
+        DataView: options.dataView,
+        Date: options.date,
+        Error: options.error,
+        Float32Array: options.arrayBuffer,
+        Float64Array: options.arrayBuffer,
+        Int8Array: options.arrayBuffer,
+        Int16Array: options.arrayBuffer,
+        Int32Array: options.arrayBuffer,
+        Map: options.map,
+        Number: copyPrimitiveWrapper,
+        Object: options.object,
+        Promise: copySelf,
+        RegExp: options.regExp,
+        Set: options.set,
+        String: copyPrimitiveWrapper,
+        WeakMap: copySelf,
+        WeakSet: copySelf,
+        Uint8Array: options.arrayBuffer,
+        Uint8ClampedArray: options.arrayBuffer,
+        Uint16Array: options.arrayBuffer,
+        Uint32Array: options.arrayBuffer,
+        Uint64Array: options.arrayBuffer,
+    };
+}
+/**
+ * Create a custom copier based on the object-specific copy methods passed.
+ */
+function createCopier(options) {
+    var normalizedOptions = esm_assign({}, DEFAULT_LOOSE_OPTIONS, options);
+    var tagSpecificCopiers = getTagSpecificCopiers(normalizedOptions);
+    var array = tagSpecificCopiers.Array, object = tagSpecificCopiers.Object;
+    function copier(value, state) {
+        state.prototype = state.Constructor = undefined;
+        if (!value || typeof value !== 'object') {
+            return value;
+        }
+        if (state.cache.has(value)) {
+            return state.cache.get(value);
+        }
+        state.prototype = getPrototypeOf(value);
+        state.Constructor = state.prototype && state.prototype.constructor;
+        // plain objects
+        if (!state.Constructor || state.Constructor === Object) {
+            return object(value, state);
+        }
+        // arrays
+        if (esm_isArray(value)) {
+            return array(value, state);
+        }
+        var tagSpecificCopier = tagSpecificCopiers[getTag(value)];
+        if (tagSpecificCopier) {
+            return tagSpecificCopier(value, state);
+        }
+        return typeof value.then === 'function' ? value : object(value, state);
+    }
+    return function copy(value) {
+        return copier(value, {
+            Constructor: undefined,
+            cache: createCache(),
+            copier: copier,
+            prototype: undefined,
+        });
+    };
+}
+/**
+ * Create a custom copier based on the object-specific copy methods passed, defaulting to the
+ * same internals as `copyStrict`.
+ */
+function createStrictCopier(options) {
+    return createCopier(esm_assign({}, DEFAULT_STRICT_OPTIONS, options));
+}
+/**
+ * Copy an value deeply as much as possible, where strict recreation of object properties
+ * are maintained. All properties (including non-enumerable ones) are copied with their
+ * original property descriptors on both objects and arrays.
+ */
+var copyStrict = createStrictCopier({});
+/**
+ * Copy an value deeply as much as possible.
+ */
+var index = createCopier({});
+
+
+//# sourceMappingURL=index.mjs.map
+
 ;// CONCATENATED MODULE: ../semi-foundation/datePicker/inputFoundation.ts
 
 
@@ -53956,7 +54504,7 @@ class inputFoundation_InputFoundation extends foundation {
       type,
       format
     });
-    const newInsetInputValue = set_default()(cloneDeep_default()(insetInputValue), valuePath, value);
+    const newInsetInputValue = set_default()(index(insetInputValue), valuePath, value);
     const insetInputStr = this.concatInsetInputValue({
       insetInputValue: newInsetInputValue
     });
@@ -53990,7 +54538,7 @@ class inputFoundation_InputFoundation extends foundation {
       defaultPickerValue,
       dateFnsLocale
     } = this._adapter.getProps();
-    const insetInputValueWithTime = cloneDeep_default()(insetInputValue);
+    const insetInputValueWithTime = index(insetInputValue);
     const {
       nowDate,
       nextDate
@@ -58111,7 +58659,7 @@ class YearAndMonthFoundation extends foundation {
     } = this.getProps();
     const left = datePicker_constants_strings.PANEL_TYPE_LEFT;
     const right = datePicker_constants_strings.PANEL_TYPE_RIGHT;
-    const year = cloneDeep_default()(currentYear);
+    const year = index(currentYear);
     year[panelType] = item.value;
     // make sure the right panel time is always less than the left panel time
     if (type === 'monthRange') {
@@ -58138,7 +58686,7 @@ class YearAndMonthFoundation extends foundation {
     } = this.getProps();
     const left = datePicker_constants_strings.PANEL_TYPE_LEFT;
     const right = datePicker_constants_strings.PANEL_TYPE_RIGHT;
-    const month = cloneDeep_default()(currentMonth);
+    const month = index(currentMonth);
     month[panelType] = item.month;
     // make sure the right panel time is always less than the left panel time
     if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.value > month[right]) {
@@ -58185,7 +58733,7 @@ class YearAndMonthFoundation extends foundation {
         });
       }
       if (validMonth) {
-        const month = cloneDeep_default()(currentMonth);
+        const month = index(currentMonth);
         month[panelType] = validMonth.month;
         // change year and month same time
         this._adapter.setCurrentYearAndMonth(year, month);
@@ -59305,6 +59853,7 @@ var datePicker_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 class DatePicker extends BaseComponent {
   constructor(props) {
     var _this;
@@ -60112,7 +60661,8 @@ DatePicker.propTypes = {
   yearAndMonthOpts: (prop_types_default()).object,
   onClickOutSide: (prop_types_default()).func
 };
-DatePicker.defaultProps = {
+DatePicker.__SemiComponentName__ = "DatePicker";
+DatePicker.defaultProps = getDefaultPropsFromGlobalConfig(DatePicker.__SemiComponentName__, {
   onChangeWithDateFirst: true,
   borderless: false,
   autoAdjustOverflow: true,
@@ -60150,7 +60700,7 @@ DatePicker.defaultProps = {
   rangeSeparator: datePicker_constants_strings.DEFAULT_SEPARATOR_RANGE,
   insetInput: false,
   onClickOutSide: (noop_default())
-};
+});
 ;// CONCATENATED MODULE: ./datePicker/index.tsx
 
 
@@ -61770,7 +62320,8 @@ Modal.propTypes = {
   fullScreen: (prop_types_default()).bool,
   footerFill: (prop_types_default()).bool
 };
-Modal.defaultProps = {
+Modal.__SemiComponentName__ = "Modal";
+Modal.defaultProps = getDefaultPropsFromGlobalConfig(Modal.__SemiComponentName__, {
   zIndex: 1000,
   motion: true,
   mask: true,
@@ -61789,7 +62340,7 @@ Modal.defaultProps = {
   keepDOM: false,
   lazyRender: true,
   fullScreen: false
-};
+});
 Modal.useModal = useModal;
 Modal.info = function (props) {
   return confirm_confirm(withInfo(props));
@@ -62210,6 +62761,7 @@ var dropdown_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const dropdown_positionSet = dropdown_constants_strings.POSITION_SET;
 const dropdown_triggerSet = dropdown_constants_strings.TRIGGER_SET;
 class Dropdown extends BaseComponent {
@@ -62417,7 +62969,8 @@ Dropdown.propTypes = {
   visible: (prop_types_default()).bool,
   zIndex: (prop_types_default()).number
 };
-Dropdown.defaultProps = {
+Dropdown.__SemiComponentName__ = "Dropdown";
+Dropdown.defaultProps = getDefaultPropsFromGlobalConfig(Dropdown.__SemiComponentName__, {
   onVisibleChange: (noop_default()),
   prefixCls: dropdown_constants_cssClasses.PREFIX,
   zIndex: numbers.DEFAULT_Z_INDEX,
@@ -62428,7 +62981,7 @@ Dropdown.defaultProps = {
   showTick: false,
   closeOnEsc: true,
   onEscKeyDown: (noop_default())
-};
+});
 /* harmony default export */ const dropdown_0 = (Dropdown);
 ;// CONCATENATED MODULE: ../semi-foundation/grid/constants.ts
 
@@ -66475,6 +67028,7 @@ var navigation_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 function createAddKeysFn(context, keyName) {
   return function addKeys() {
     const handleKeys = new Set(context.state[keyName]);
@@ -66812,7 +67366,8 @@ Nav.propTypes = {
   limitIndent: (prop_types_default()).bool,
   getPopupContainer: (prop_types_default()).func
 };
-Nav.defaultProps = {
+Nav.__SemiComponentName__ = "Navigation";
+Nav.defaultProps = getDefaultPropsFromGlobalConfig(Nav.__SemiComponentName__, {
   subNavCloseDelay: navigation_constants_numbers.DEFAULT_SUBNAV_CLOSE_DELAY,
   subNavOpenDelay: navigation_constants_numbers.DEFAULT_SUBNAV_OPEN_DELAY,
   tooltipHideDelay: navigation_constants_numbers.DEFAULT_TOOLTIP_HIDE_DELAY,
@@ -66830,7 +67385,7 @@ Nav.defaultProps = {
   // defaultOpenKeys: [],
   // defaultSelectedKeys: [],
   // items: [],
-};
+});
 
 /* harmony default export */ const navigation_0 = (Nav);
 ;// CONCATENATED MODULE: ../semi-foundation/notification/notificationListFoundation.ts
@@ -67118,7 +67673,8 @@ Notice.propTypes = {
   close: (prop_types_default()).func,
   direction: prop_types_default().oneOf(notice_directions)
 };
-Notice.defaultProps = {
+Notice.__SemiComponentName__ = "Notification";
+Notice.defaultProps = getDefaultPropsFromGlobalConfig(Notice.__SemiComponentName__, {
   duration,
   id: '',
   close: (noop_default()),
@@ -67129,7 +67685,7 @@ Notice.defaultProps = {
   title: '',
   showClose: true,
   theme: 'normal'
-};
+});
 /* harmony default export */ const notification_notice = (Notice);
 // EXTERNAL MODULE: ../semi-foundation/notification/notification.scss
 var notification = __webpack_require__("x46V");
@@ -67674,7 +68230,7 @@ class OverflowListFoundation extends foundation {
       const {
         items
       } = this.getProps();
-      return cloneDeep_default()(items).reverse();
+      return index(items).reverse();
     };
   }
   getOverflowItem() {
@@ -67702,7 +68258,7 @@ class OverflowListFoundation extends foundation {
     return overflowList;
   }
   handleIntersect(entries) {
-    const visibleState = cloneDeep_default()(this.getState('visibleState'));
+    const visibleState = index(this.getState('visibleState'));
     const res = {};
     entries.forEach(entry => {
       const itemKey = get_default()(entry, 'target.dataset.scrollkey');
@@ -68062,7 +68618,8 @@ class OverflowList extends BaseComponent {
     }, list);
   }
 }
-OverflowList.defaultProps = {
+OverflowList.__SemiComponentName__ = "OverflowList";
+OverflowList.defaultProps = getDefaultPropsFromGlobalConfig(OverflowList.__SemiComponentName__, {
   collapseFrom: 'end',
   minVisibleItems: 0,
   overflowRenderer: () => null,
@@ -68070,7 +68627,7 @@ OverflowList.defaultProps = {
   threshold: 0.75,
   visibleItemRenderer: () => null,
   onOverflow: () => null
-};
+});
 OverflowList.propTypes = {
   // if render in scroll mode, key is required in items
   className: (prop_types_default()).string,
@@ -71318,7 +71875,8 @@ Select.propTypes = {
   // tagClosable: PropTypes.bool,
 };
 
-Select.defaultProps = {
+Select.__SemiComponentName__ = "Select";
+Select.defaultProps = getDefaultPropsFromGlobalConfig(Select.__SemiComponentName__, {
   stopPropagation: true,
   motion: true,
   borderless: false,
@@ -71363,7 +71921,7 @@ Select.defaultProps = {
   // renderSelectedItem: (optionNode) => optionNode.label,
   // The default creator rendering is related to i18, so it is not declared here
   // renderCreateItem: (input) => input
-};
+});
 
 /* harmony default export */ const select_0 = (Select);
 ;// CONCATENATED MODULE: ./pagination/index.tsx
@@ -71943,6 +72501,7 @@ var popconfirm_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 class Popconfirm extends BaseComponent {
   constructor(props) {
     super(props);
@@ -72174,7 +72733,8 @@ Popconfirm.propTypes = {
   trigger: (prop_types_default()).string,
   position: (prop_types_default()).string
 };
-Popconfirm.defaultProps = {
+Popconfirm.__SemiComponentName__ = "Popconfirm";
+Popconfirm.defaultProps = getDefaultPropsFromGlobalConfig(Popconfirm.__SemiComponentName__, {
   stopPropagation: true,
   trigger: 'click',
   // position: 'bottomLeft',
@@ -72191,7 +72751,7 @@ Popconfirm.defaultProps = {
   onCancel: (noop_default()),
   onConfirm: (noop_default()),
   onClickOutSide: (noop_default())
-};
+});
 ;// CONCATENATED MODULE: ../semi-foundation/progress/constants.ts
 
 const progress_constants_cssClasses = {
@@ -74684,6 +75244,15 @@ class SideSheet extends BaseComponent {
         keepDOM
       } = _a,
       props = sideSheet_rest(_a, ["placement", "className", "children", "width", "height", "motion", "visible", "style", "maskStyle", "size", "zIndex", "getPopupContainer", "keepDOM"]);
+    let wrapperStyle = {
+      zIndex
+    };
+    if (getPopupContainer) {
+      wrapperStyle = {
+        zIndex,
+        position: 'static'
+      };
+    }
     const {
       direction
     } = this.context;
@@ -74732,35 +75301,27 @@ class SideSheet extends BaseComponent {
           animationStyle,
           animationEventsNeedBind
         } = _ref2;
-        return shouldRender ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(SideSheetContent, Object.assign({}, contentProps, {
+        return shouldRender ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
+          getPopupContainer: getPopupContainer,
+          style: wrapperStyle
+        }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(SideSheetContent, Object.assign({}, contentProps, {
           maskExtraProps: maskAnimationEventsNeedBind,
           wrapperExtraProps: animationEventsNeedBind,
           dialogClassName: animationClassName,
           maskClassName: maskAnimationClassName,
           maskStyle: Object.assign({}, maskStyle),
           style: Object.assign(Object.assign({}, animationStyle), style)
-        }), children) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null);
+        }), children)) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null);
       });
     });
   }
   render() {
     const {
       zIndex,
-      getPopupContainer
+      getPopupContainer,
+      visible
     } = this.props;
-    let wrapperStyle = {
-      zIndex
-    };
-    if (getPopupContainer) {
-      wrapperStyle = {
-        zIndex,
-        position: 'static'
-      };
-    }
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
-      getPopupContainer: getPopupContainer,
-      style: wrapperStyle
-    }, this.renderContent());
+    return this.renderContent();
   }
 }
 SideSheet.contextType = context;
@@ -74791,7 +75352,8 @@ SideSheet.propTypes = {
   keepDOM: (prop_types_default()).bool,
   'aria-label': (prop_types_default()).string
 };
-SideSheet.defaultProps = {
+SideSheet.__SemiComponentName__ = "SideSheet";
+SideSheet.defaultProps = getDefaultPropsFromGlobalConfig(SideSheet.__SemiComponentName__, {
   visible: false,
   motion: true,
   mask: true,
@@ -74805,7 +75367,7 @@ SideSheet.defaultProps = {
   closeOnEsc: false,
   afterVisibleChange: (noop_default()),
   keepDOM: false
-};
+});
 ;// CONCATENATED MODULE: ../semi-foundation/slider/constants.ts
 
 const slider_constants_cssClasses = {
@@ -84531,6 +85093,7 @@ var tabs_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
 
 class Tabs extends BaseComponent {
@@ -84831,7 +85394,8 @@ Tabs.propTypes = {
   onTabClose: (prop_types_default()).func,
   preventScroll: (prop_types_default()).bool
 };
-Tabs.defaultProps = {
+Tabs.__SemiComponentName__ = "Tabs";
+Tabs.defaultProps = getDefaultPropsFromGlobalConfig(Tabs.__SemiComponentName__, {
   children: [],
   collapsible: false,
   keepDOM: true,
@@ -84843,7 +85407,7 @@ Tabs.defaultProps = {
   tabPosition: 'top',
   type: 'line',
   onTabClose: () => undefined
-};
+});
 /* harmony default export */ const tabs_0 = (Tabs);
 // EXTERNAL MODULE: ../semi-foundation/timeline/timeline.scss
 var timeline = __webpack_require__("9ff2");
@@ -86230,6 +86794,7 @@ TimePicker.defaultProps = Object.assign({
 
 
 
+
 class LocaleTimePicker extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).PureComponent {
   render() {
     const {
@@ -86253,7 +86818,8 @@ class LocaleTimePicker extends (external_root_React_commonjs2_react_commonjs_rea
   }
 }
 LocaleTimePicker.propTypes = TimePicker.propTypes;
-LocaleTimePicker.defaultProps = TimePicker.defaultProps;
+LocaleTimePicker.__SemiComponentName__ = "TimePicker";
+LocaleTimePicker.defaultProps = getDefaultPropsFromGlobalConfig(LocaleTimePicker.__SemiComponentName__, TimePicker.defaultProps);
 ;// CONCATENATED MODULE: ../semi-foundation/toast/toastListFoundation.ts
 
 class ToastListFoundation extends foundation {
@@ -86528,7 +87094,8 @@ Toast.propTypes = {
   icon: (prop_types_default()).node,
   direction: prop_types_default().oneOf(toast_constants_strings.directions)
 };
-Toast.defaultProps = {
+Toast.__SemiComponentName__ = "Toast";
+Toast.defaultProps = getDefaultPropsFromGlobalConfig(Toast.__SemiComponentName__, {
   onClose: (noop_default()),
   content: '',
   close: (noop_default()),
@@ -86538,7 +87105,7 @@ Toast.defaultProps = {
   stack: false,
   stackExpanded: false,
   theme: 'normal'
-};
+});
 /* harmony default export */ const toast = (Toast);
 // EXTERNAL MODULE: ../semi-foundation/toast/toast.scss
 var toast_toast = __webpack_require__("Ybhv");
@@ -86949,7 +87516,6 @@ class ToastFactory {
 
 
 
-
 /**
  * The drag and drop handler implementation is referenced from rc-tree
  * https://github.com/react-component/tree
@@ -86995,13 +87561,6 @@ class TreeFoundation extends foundation {
     } = this.getProps();
     return Boolean(inputValue) && showFilteredOnly;
   }
-  getCopyFromState(items) {
-    const res = {};
-    normalizedArr(items).forEach(key => {
-      res[key] = cloneDeep_default()(this.getState(key));
-    });
-    return res;
-  }
   getTreeNodeProps(key) {
     const {
       expandedKeys = new Set([]),
@@ -87170,9 +87729,7 @@ class TreeFoundation extends foundation {
     this._adapter.notifyDoubleClick(e, treeNode.data);
   }
   handleSingleSelect(e, treeNode) {
-    let {
-      selectedKeys
-    } = this.getCopyFromState('selectedKeys');
+    let selectedKeys = [...this.getState('selectedKeys')];
     const {
       selected,
       eventKey,
@@ -87197,10 +87754,8 @@ class TreeFoundation extends foundation {
     const {
       keyEntities
     } = this.getStates();
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = this.getCopyFromState(['checkedKeys', 'halfCheckedKeys']);
+    const checkedKeys = new Set(this.getState('checkedKeys'));
+    const halfCheckedKeys = new Set(this.getState('halfCheckedKeys'));
     return targetStatus ? calcCheckedKeysForChecked(eventKey, keyEntities, checkedKeys, halfCheckedKeys) : calcCheckedKeysForUnchecked(eventKey, keyEntities, checkedKeys, halfCheckedKeys);
   }
   /*
@@ -87236,9 +87791,7 @@ class TreeFoundation extends foundation {
       keyEntities,
       disabledKeys
     } = this.getStates();
-    const {
-      checkedKeys
-    } = this.getCopyFromState(['checkedKeys']);
+    const checkedKeys = new Set(this.getState('checkedKeys'));
     const descendantKeys = normalizeKeyList(findDescendantKeys([eventKey], keyEntities, false), keyEntities, true);
     const hasDisabled = descendantKeys.some(key => disabledKeys.has(key));
     // If none of the descendant nodes are disabled, follow the normal logic
@@ -87313,7 +87866,7 @@ class TreeFoundation extends foundation {
     const isSearching = Boolean(inputValue);
     const showFilteredOnly = this._showFilteredOnly();
     const expandedStateKey = isSearching ? 'filteredExpandedKeys' : 'expandedKeys';
-    const expandedKeys = this.getCopyFromState(expandedStateKey)[expandedStateKey];
+    const expandedKeys = new Set(this.getState(expandedStateKey));
     let motionType = 'show';
     const {
       eventKey,
@@ -87374,10 +87927,8 @@ class TreeFoundation extends foundation {
     }
     // Process the loaded data
     loadData(data).then(() => {
-      const {
-        loadedKeys: prevLoadedKeys,
-        loadingKeys: prevLoadingKeys
-      } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
+      const prevLoadedKeys = new Set(this.getState('loadedKeys'));
+      const prevLoadingKeys = new Set(this.getState('loadingKeys'));
       const newLoadedKeys = prevLoadedKeys.add(key);
       const newLoadingKeys = new Set([...prevLoadingKeys]);
       newLoadingKeys.delete(key);
@@ -89184,7 +89735,6 @@ const treeSelect_constants_numbers = {};
 
 
 
-
 class TreeSelectFoundation extends foundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
@@ -89307,13 +89857,6 @@ class TreeSelectFoundation extends foundation {
       return this.constructDataForValue(value);
     }
   }
-  getCopyFromState(items) {
-    const res = {};
-    normalizedArr(items).forEach(key => {
-      res[key] = cloneDeep_default()(this.getState(key));
-    });
-    return res;
-  }
   getTreeNodeProps(key) {
     const {
       expandedKeys = new Set([]),
@@ -89379,10 +89922,8 @@ class TreeSelectFoundation extends foundation {
       return {};
     }
     loadData(data).then(() => {
-      const {
-        loadedKeys: prevLoadedKeys,
-        loadingKeys: prevLoadingKeys
-      } = this.getCopyFromState(['loadedKeys', 'loadingKeys']);
+      const prevLoadedKeys = new Set(this.getState('loadedKeys'));
+      const prevLoadingKeys = new Set(this.getState('loadingKeys'));
       const newLoadedKeys = prevLoadedKeys.add(key);
       const newLoadingKeys = new Set([...prevLoadingKeys]);
       newLoadingKeys.delete(key);
@@ -89695,9 +90236,7 @@ class TreeSelectFoundation extends foundation {
     }
   }
   handleSingleSelect(e, treeNode) {
-    let {
-      selectedKeys
-    } = this.getCopyFromState('selectedKeys');
+    let selectedKeys = [...this.getState('selectedKeys')];
     const {
       clickToHide
     } = this.getProps();
@@ -89725,10 +90264,8 @@ class TreeSelectFoundation extends foundation {
     const {
       keyEntities
     } = this.getStates();
-    const {
-      checkedKeys,
-      halfCheckedKeys
-    } = this.getCopyFromState(['checkedKeys', 'halfCheckedKeys']);
+    const checkedKeys = new Set(this.getState('checkedKeys'));
+    const halfCheckedKeys = new Set(this.getState('halfCheckedKeys'));
     if (targetStatus) {
       return calcCheckedKeysForChecked(eventKey, keyEntities, checkedKeys, halfCheckedKeys);
     } else {
@@ -89795,9 +90332,7 @@ class TreeSelectFoundation extends foundation {
       keyEntities,
       disabledKeys
     } = this.getStates();
-    const {
-      checkedKeys
-    } = this.getCopyFromState(['checkedKeys']);
+    const checkedKeys = new Set(this.getState('checkedKeys'));
     const descendantKeys = normalizeKeyList(findDescendantKeys([eventKey], keyEntities, false), keyEntities, true);
     const hasDisabled = descendantKeys.some(key => disabledKeys.has(key));
     if (!hasDisabled) {
@@ -89834,9 +90369,7 @@ class TreeSelectFoundation extends foundation {
     } = this.getStates();
     const showFilteredOnly = this._showFilteredOnly();
     // clone otherwise will be modified unexpectedly
-    const {
-      filteredExpandedKeys
-    } = this.getCopyFromState('filteredExpandedKeys');
+    const filteredExpandedKeys = new Set(this.getState('filteredExpandedKeys'));
     let motionType = 'show';
     const {
       eventKey,
@@ -89892,9 +90425,7 @@ class TreeSelectFoundation extends foundation {
       treeData
     } = this.getStates();
     // clone otherwise will be modified unexpectedly
-    const {
-      expandedKeys
-    } = this.getCopyFromState('expandedKeys');
+    const expandedKeys = new Set(this.getState('expandedKeys'));
     let motionType = 'show';
     const {
       eventKey,
@@ -91430,7 +91961,7 @@ const upload_constants_numbers = {
 };
 
 ;// CONCATENATED MODULE: ../semi-foundation/upload/utils.ts
-var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var utils_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
@@ -91473,7 +92004,7 @@ function endsWith(str, suffix) {
   return str.indexOf(suffix, str.length - suffix.length) !== -1;
 }
 function loopFiles(item) {
-  return __awaiter(this, void 0, void 0, function* () {
+  return utils_awaiter(this, void 0, void 0, function* () {
     return new Promise((res, rej) => {
       const dirReader = item.createReader();
       let fileList = [];
@@ -91495,9 +92026,9 @@ function loopFiles(item) {
   });
 }
 function mapFileTree(items) {
-  return __awaiter(this, void 0, void 0, function* () {
+  return utils_awaiter(this, void 0, void 0, function* () {
     const promises = [];
-    const _traverseFileTree = (item, path) => __awaiter(this, void 0, void 0, function* () {
+    const _traverseFileTree = (item, path) => utils_awaiter(this, void 0, void 0, function* () {
       path = path || '';
       //@ts-ignore add path property into item
       item.path = path;
@@ -96092,7 +96623,6 @@ Schema.validators = validators;
 
 ;// CONCATENATED MODULE: ../semi-foundation/form/utils.ts
 
-
 var form_utils_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -96103,6 +96633,7 @@ var form_utils_rest = undefined && undefined.__rest || function (s, e) {
 };
 
 
+
 /**
  *
  * @param WrappedComponent React.ComponentType | any
@@ -96260,7 +96791,7 @@ function mergeProps(props) {
   delete rest.defaultValue;
   delete rest.checked;
   if (typeof initValue !== 'undefined') {
-    initValue = cloneDeep_default()(initValue);
+    initValue = index(initValue);
   }
   const required = isRequired(rules);
   emptyValue = typeof emptyValue !== 'undefined' ? emptyValue : '';
@@ -98409,8 +98940,8 @@ class ArrayFieldComponent extends external_root_React_commonjs2_react_commonjs_r
     // 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_default()(initValue);
-    const initValueCopyForReset = cloneDeep_default()(initValue);
+    const initValueCopyForFormState = index(initValue);
+    const initValueCopyForReset = index(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, {