tdesign-react 1.1.7 → 1.1.8-alpha.1

package/dist/tdesign.js

@@ -24934,23 +24934,26 @@
       t = _useLocaleReceiver2[1];
     var confirmText = t(local.confirm);
     var cancelText = t(local.cancel);
-    var theme = props.theme,
-      header = props.header,
-      closeBtn = props.closeBtn,
-      footer = props.footer,
-      body = props.body,
-      children = props.children,
-      className = props.className,
-      onCancel = props.onCancel,
-      onConfirm = props.onConfirm,
-      onCloseBtnClick = props.onCloseBtnClick,
-      _props$cancelBtn = props.cancelBtn,
-      cancelBtn = _props$cancelBtn === void 0 ? cancelText : _props$cancelBtn,
-      _props$confirmBtn = props.confirmBtn,
-      confirmBtn = _props$confirmBtn === void 0 ? confirmText : _props$confirmBtn,
-      otherProps = _objectWithoutProperties$2(props, _excluded$l);
+    var _useDefaultProps = useDefaultProps(props, dialogCardDefaultProps),
+      theme = _useDefaultProps.theme,
+      header = _useDefaultProps.header,
+      closeBtn = _useDefaultProps.closeBtn,
+      footer = _useDefaultProps.footer,
+      body = _useDefaultProps.body,
+      children = _useDefaultProps.children,
+      className = _useDefaultProps.className,
+      onCancel = _useDefaultProps.onCancel,
+      onConfirm = _useDefaultProps.onConfirm,
+      onCloseBtnClick = _useDefaultProps.onCloseBtnClick,
+      _useDefaultProps$canc = _useDefaultProps.cancelBtn,
+      cancelBtn = _useDefaultProps$canc === void 0 ? cancelText : _useDefaultProps$canc,
+      _useDefaultProps$conf = _useDefaultProps.confirmBtn,
+      confirmBtn = _useDefaultProps$conf === void 0 ? confirmText : _useDefaultProps$conf,
+      otherProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$l);
     var renderHeader = function renderHeader() {
-      if (!header) return null;
+      if (!header) {
+        return null;
+      }
       var iconMap = {
         info: /* @__PURE__ */React__default["default"].createElement(InfoCircleFilledIcon$1, {
           className: "".concat(classPrefix, "-is-info")
@@ -24970,7 +24973,9 @@
       }, iconMap[theme], header);
     };
     var renderCloseBtn = function renderCloseBtn() {
-      if (!closeBtn) return null;
+      if (!closeBtn) {
+        return null;
+      }
       var closeIcon = function closeIcon() {
         return closeBtn === true ? /* @__PURE__ */React__default["default"].createElement(CloseIcon$1, null) : closeBtn;
       };
@@ -24984,7 +24989,9 @@
       }, closeIcon());
     };
     var renderFooter = function renderFooter() {
-      if (footer === false || footer === null) return null;
+      if (footer === false || footer === null) {
+        return null;
+      }
       var defaultFooter = function defaultFooter() {
         var renderCancelBtn = renderDialogButton(cancelBtn, {
           variant: "outline",
@@ -25019,7 +25026,6 @@
     }, body || children), renderFooter());
   });
   DialogCard$1.displayName = "DialogCard";
-  DialogCard$1.defaultProps = dialogCardDefaultProps;
 
   var dialogSet = /* @__PURE__ */new Set();
   var useDialogEsc = function useDialogEsc(visible, dialog) {
@@ -25174,8 +25180,9 @@
   var _excluded$k = ["style", "width", "mode", "zIndex", "visible", "attach", "onOpened", "onCancel", "onConfirm", "onClose", "onClosed", "isPlugin", "draggable", "onOverlayClick", "onEscKeydown", "closeOnEscKeydown", "confirmOnEnter", "showOverlay", "showInAttachedElement", "closeOnOverlayClick", "destroyOnClose", "preventScrollThrough", "onCloseBtnClick"];
   function ownKeys$1L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1L(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var Dialog$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Dialog$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     var _classNames, _classNames2;
+    var props = useDefaultProps(originalProps, dialogDefaultProps);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var componentCls = "".concat(classPrefix, "-dialog");
@@ -25233,7 +25240,9 @@
       }),
       onDialogMoveStart = _useDialogDrag.onDialogMoveStart;
     React.useEffect(function () {
-      if (isPlugin) return;
+      if (isPlugin) {
+        return;
+      }
       setState(function (prevState) {
         return _objectSpread$1K(_objectSpread$1K({}, prevState), props);
       });
@@ -25395,7 +25404,6 @@
     }))))))));
   });
   Dialog$1.displayName = "Dialog";
-  Dialog$1.defaultProps = dialogDefaultProps;
 
   function ownKeys$1K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$1J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -37106,14 +37114,15 @@
   function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Divider$1 = function Divider(props) {
     var _classNames;
-    var layout = props.layout,
-      dashed = props.dashed,
-      align = props.align,
-      className = props.className,
-      style = props.style,
-      children = props.children,
-      content = props.content,
-      otherDividerProps = _objectWithoutProperties$2(props, _excluded$h);
+    var _useDefaultProps = useDefaultProps(props, dividerDefaultProps),
+      layout = _useDefaultProps.layout,
+      dashed = _useDefaultProps.dashed,
+      align = _useDefaultProps.align,
+      className = _useDefaultProps.className,
+      style = _useDefaultProps.style,
+      children = _useDefaultProps.children,
+      content = _useDefaultProps.content,
+      otherDividerProps = _objectWithoutProperties$2(_useDefaultProps, _excluded$h);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var childrenNode = content || children;
@@ -37127,7 +37136,6 @@
     }, childrenNode) : null);
   };
   Divider$1.displayName = "Divider";
-  Divider$1.defaultProps = dividerDefaultProps;
 
   var Divider = Divider$1;
 
@@ -45937,10 +45945,11 @@
 
   function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var DateRangePicker$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var DateRangePicker$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix,
       globalDatePickerConfig = _useConfig.datePicker;
+    var props = useDefaultProps(originalProps, dateRangePickerDefaultProps);
     var className = props.className,
       style = props.style,
       disabled = props.disabled,
@@ -46288,7 +46297,6 @@
     }));
   });
   DateRangePicker$1.displayName = "DateRangePicker";
-  DateRangePicker$1.defaultProps = dateRangePickerDefaultProps;
 
   var ctrlKeyMap = /* @__PURE__ */new Map();
   ctrlKeyMap.set(Checkbox$1, "checked");
@@ -46903,11 +46911,12 @@
       formListValue = _useState2[0],
       setFormListValue = _useState2[1];
     var _useState3 = React.useState(initialData.map(function (data, index) {
-        return _objectSpread$J(_objectSpread$J({}, data), {}, {
+        return {
+          data: _objectSpread$J({}, data),
           key: key$1 += 1,
           name: index,
           isListField: true
-        });
+        };
       })),
       _useState4 = _slicedToArray(_useState3, 2),
       fields = _useState4[0],
@@ -47359,8 +47368,9 @@
     CLICK_CANCEL_BTN: "cancel",
     KEYDOWN_ESC: "esc"
   };
-  var Drawer$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var Drawer$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     var _classnames;
+    var props = useDefaultProps(originalProps, drawerDefaultProps);
     var className = props.className,
       style = props.style,
       visible = props.visible,
@@ -47561,7 +47571,6 @@
     })))));
   });
   Drawer$1.displayName = "Drawer";
-  Drawer$1.defaultProps = drawerDefaultProps;
 
   var Drawer = Drawer$1;
 
@@ -48389,18 +48398,19 @@
   function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classNames;
-    var children = props.children,
-      className = props.className,
-      active = props.active,
-      disabled = props.disabled,
-      value = props.value,
-      theme = props.theme,
-      prefixIcon = props.prefixIcon,
-      maxColumnWidth = props.maxColumnWidth,
-      minColumnWidth = props.minColumnWidth,
-      onClick = props.onClick,
-      style = props.style,
-      isSubmenu = props.isSubmenu;
+    var _useDefaultProps = useDefaultProps(props, dropdownItemDefaultProps),
+      children = _useDefaultProps.children,
+      className = _useDefaultProps.className,
+      active = _useDefaultProps.active,
+      disabled = _useDefaultProps.disabled,
+      value = _useDefaultProps.value,
+      theme = _useDefaultProps.theme,
+      prefixIcon = _useDefaultProps.prefixIcon,
+      maxColumnWidth = _useDefaultProps.maxColumnWidth,
+      minColumnWidth = _useDefaultProps.minColumnWidth,
+      onClick = _useDefaultProps.onClick,
+      style = _useDefaultProps.style,
+      isSubmenu = _useDefaultProps.isSubmenu;
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var _useDomRefCallback = useDomRefCallback(),
@@ -48424,7 +48434,6 @@
     }, prefixIcon) : null, children));
   });
   DropdownItem.displayName = "DropdownItem";
-  DropdownItem.defaultProps = dropdownItemDefaultProps;
 
   function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -48620,7 +48629,8 @@
 
   function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var Dropdown$1 = function Dropdown(props) {
+  var Dropdown$1 = function Dropdown(originalProps) {
+    var props = useDefaultProps(originalProps, dropdownDefaultProps);
     var _props$popupProps = props.popupProps,
       popupProps = _props$popupProps === void 0 ? {} : _props$popupProps,
       disabled = props.disabled,
@@ -48647,7 +48657,7 @@
         togglePopupVisible(false);
         popupProps === null || popupProps === void 0 ? void 0 : (_popupProps$onVisible = popupProps.onVisibleChange) === null || _popupProps$onVisible === void 0 ? void 0 : _popupProps$onVisible.call(popupProps, false, context);
       }
-      props === null || props === void 0 ? void 0 : (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, data, context);
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, data, context);
     };
     var handleVisibleChange = function handleVisibleChange(visible, context) {
       var _popupProps$onVisible2;
@@ -48678,7 +48688,6 @@
   Dropdown$1.DropdownItem = DropdownItem;
   Dropdown$1.DropdownMenu = DropdownMenu;
   Dropdown$1.displayName = "Dropdown";
-  Dropdown$1.defaultProps = dropdownDefaultProps;
 
   var Dropdown = Dropdown$1;
 
@@ -50898,9 +50907,10 @@
 
   function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var DatePicker$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var DatePicker$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
+    var props = useDefaultProps(originalProps, datePickerDefaultProps);
     var className = props.className,
       style = props.style,
       disabled = props.disabled,
@@ -50933,10 +50943,10 @@
       cacheValue = _useSingle.cacheValue,
       setCacheValue = _useSingle.setCacheValue;
     var _getDefaultFormat = getDefaultFormat({
-        mode: props.mode,
+        mode: mode,
         format: props.format,
         valueType: props.valueType,
-        enableTimePicker: props.enableTimePicker
+        enableTimePicker: enableTimePicker
       }),
       format = _getDefaultFormat.format,
       timeFormat = _getDefaultFormat.timeFormat,
@@ -51120,11 +51130,14 @@
     }));
   });
   DatePicker$1.displayName = "DatePicker";
-  DatePicker$1.defaultProps = datePickerDefaultProps;
 
   function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var DatePickerPanel$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var DatePickerPanel$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
+    var props = useDefaultProps(originalProps, {
+      mode: "date",
+      defaultValue: ""
+    });
     var _useSingleValue = useSingleValue(props),
       value = _useSingleValue.value,
       onChange = _useSingleValue.onChange,
@@ -51147,9 +51160,9 @@
       presetsPlacement = props.presetsPlacement,
       onPanelClick = props.onPanelClick;
     var _getDefaultFormat = getDefaultFormat({
-        mode: props.mode,
+        mode: mode,
         format: props.format,
-        enableTimePicker: props.enableTimePicker
+        enableTimePicker: enableTimePicker
       }),
       format = _getDefaultFormat.format;
     function onCellClick(date, _ref) {
@@ -51315,14 +51328,15 @@
     }, panelProps));
   });
   DatePickerPanel$1.displayName = "DatePickerPanel";
-  DatePickerPanel$1.defaultProps = {
-    mode: "date",
-    defaultValue: ""
-  };
 
   function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var DateRangePickerPanel$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var DateRangePickerPanel$1 = /*#__PURE__*/React.forwardRef(function (originalProps, ref) {
+    var props = useDefaultProps(originalProps, {
+      mode: "date",
+      defaultValue: [],
+      panelPreselection: true
+    });
     var className = props.className,
       style = props.style,
       mode = props.mode,
@@ -51645,11 +51659,6 @@
     }, panelProps));
   });
   DateRangePickerPanel$1.displayName = "DateRangePickerPanel";
-  DateRangePickerPanel$1.defaultProps = {
-    mode: "date",
-    defaultValue: [],
-    panelPreselection: true
-  };
 
   var DatePicker = DatePicker$1;
   var DateRangePicker = DateRangePicker$1;
@@ -52063,15 +52072,16 @@
   var commentDefaultProps = {};
 
   var Comment$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var actions = props.actions,
-      author = props.author,
-      avatar = props.avatar,
-      content = props.content,
-      datetime = props.datetime,
-      reply = props.reply,
-      quote = props.quote,
-      className = props.className,
-      style = props.style;
+    var _useDefaultProps = useDefaultProps(props, commentDefaultProps),
+      actions = _useDefaultProps.actions,
+      author = _useDefaultProps.author,
+      avatar = _useDefaultProps.avatar,
+      content = _useDefaultProps.content,
+      datetime = _useDefaultProps.datetime,
+      reply = _useDefaultProps.reply,
+      quote = _useDefaultProps.quote,
+      className = _useDefaultProps.className,
+      style = _useDefaultProps.style;
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var avatarElement = avatar ? /* @__PURE__ */React__default["default"].createElement("div", {
@@ -52117,7 +52127,6 @@
     }, avatarElement, contentElement), replyElement);
   });
   Comment$1.displayName = "Comment";
-  Comment$1.defaultProps = commentDefaultProps;
 
   var Comment = Comment$1;
 
@@ -55827,12 +55836,13 @@
   function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ColorPicker$1 = function ColorPicker(props) {
     var baseClassName = useClassNames();
-    var popupProps = props.popupProps,
-      disabled = props.disabled,
-      inputProps = props.inputProps,
-      onChange = props.onChange,
-      colorModes = props.colorModes,
-      rest = _objectWithoutProperties$2(props, _excluded$1);
+    var _useDefaultProps = useDefaultProps(props, colorPickerDefaultProps),
+      popupProps = _useDefaultProps.popupProps,
+      disabled = _useDefaultProps.disabled,
+      inputProps = _useDefaultProps.inputProps,
+      onChange = _useDefaultProps.onChange,
+      colorModes = _useDefaultProps.colorModes,
+      rest = _objectWithoutProperties$2(_useDefaultProps, _excluded$1);
     var _ref = popupProps || {},
       overlayClassName = _ref.overlayClassName,
       _ref$overlayInnerStyl = _ref.overlayInnerStyle,
@@ -55875,7 +55885,6 @@
     })));
   };
   ColorPicker$1.displayName = "ColorPicker";
-  ColorPicker$1.defaultProps = colorPickerDefaultProps;
   var _ColorPicker = /*#__PURE__*/React__default["default"].memo(ColorPicker$1);
 
   var ColorPickerPanel = _ColorPickerPanel;
@@ -56014,16 +56023,17 @@
   function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CollapsePanel = function CollapsePanel(props) {
-    var value = props.value,
-      disabled = props.disabled,
-      destroyOnCollapse = props.destroyOnCollapse,
-      expandIcon = props.expandIcon,
-      className = props.className,
-      style = props.style,
-      header = props.header,
-      headerRightContent = props.headerRightContent,
-      children = props.children,
-      index = props.index;
+    var _useDefaultProps = useDefaultProps(props, collapsePanelDefaultProps),
+      value = _useDefaultProps.value,
+      disabled = _useDefaultProps.disabled,
+      destroyOnCollapse = _useDefaultProps.destroyOnCollapse,
+      expandIcon = _useDefaultProps.expandIcon,
+      className = _useDefaultProps.className,
+      style = _useDefaultProps.style,
+      header = _useDefaultProps.header,
+      headerRightContent = _useDefaultProps.headerRightContent,
+      children = _useDefaultProps.children,
+      index = _useDefaultProps.index;
     var _useCollapseContext = useCollapseContext(),
       disableAll = _useCollapseContext.disabled,
       defaultExpandAll = _useCollapseContext.defaultExpandAll,
@@ -56123,12 +56133,12 @@
     }, renderHeader(), renderBody()));
   };
   CollapsePanel.displayName = "CollapsePanel";
-  CollapsePanel.defaultProps = collapsePanelDefaultProps;
 
   var _excluded = ["defaultExpandAll", "disabled", "expandIconPlacement", "expandOnRowClick", "expandIcon"];
   function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-  var Collapse$1 = forwardRefWithStatics(function (props, ref) {
+  var Collapse$1 = forwardRefWithStatics(function (originalProps, ref) {
+    var props = useDefaultProps(originalProps, collapseDefaultProps);
     var _useConfig = useConfig$1(),
       classPrefix = _useConfig.classPrefix;
     var componentName = "".concat(classPrefix, "-collapse");
@@ -56199,7 +56209,6 @@
     Panel: CollapsePanel
   });
   Collapse$1.displayName = "Collapse";
-  Collapse$1.defaultProps = collapseDefaultProps;
 
   var Collapse = Collapse$1;