@douyinfe/semi-ui 2.36.0 → 2.37.0-beta.0

package/dist/umd/semi-ui.js

@@ -17886,6 +17886,15 @@ class AnchorFoundation extends foundation {
     };
   }
 }
+;// CONCATENATED MODULE: ../semi-foundation/utils/getDataAttr.ts
+function getDataAttr(props) {
+  return Object.keys(props).reduce((prev, key) => {
+    if (key.substr(0, 5) === 'data-') {
+      prev[key] = props[key];
+    }
+    return prev;
+  }, {});
+}
 ;// CONCATENATED MODULE: ./_base/baseComponent.tsx
 /**
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
@@ -17893,6 +17902,7 @@ class AnchorFoundation extends foundation {
  */
 
 
+
 const {
   hasOwnProperty: baseComponent_hasOwnProperty
 } = Object.prototype;
@@ -17946,6 +17956,9 @@ class BaseComponent extends external_root_React_commonjs2_react_commonjs_react_a
     }
     return utils_log(text, ...rest);
   }
+  getDataAttr(props) {
+    return getDataAttr(props);
+  }
 }
 BaseComponent.propTypes = {};
 BaseComponent.defaultProps = {};
@@ -20305,7 +20318,9 @@ class Tooltip extends BaseComponent {
           role: role,
           "x-placement": placement,
           id: id
-        }), contentNode, icon);
+        }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+          className: `${prefix}-content`
+        }, contentNode), icon);
       });
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(_portal, {
         getPopupContainer: this.props.getPopupContainer,
@@ -21468,6 +21483,7 @@ const local = {
       dateTimeRange: ['开始日期', '结束日期'],
       monthRange: ['开始月份', '结束月份']
     },
+    presets: '快捷选择',
     footer: {
       confirm: '确定',
       cancel: '取消'
@@ -26534,13 +26550,13 @@ class Anchor extends BaseComponent {
         addLink: this.addLink,
         removeLink: this.removeLink
       }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       role: "navigation",
       "aria-label": ariaLabel || 'Side navigation',
       className: wrapperCls,
       style: wrapperStyle,
       id: this.anchorID
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       "aria-hidden": true,
       className: slideCls,
       style: {
@@ -27138,6 +27154,14 @@ function icon_Icon() {
 // EXTERNAL MODULE: ../semi-foundation/spin/spin.scss
 var spin = __webpack_require__("6Z2J");
 ;// CONCATENATED MODULE: ./spin/index.tsx
+var spin_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -27203,13 +27227,15 @@ class Spin extends BaseComponent {
   }
   render() {
     this.foundation.updateLoadingIfNeedDelay();
-    const {
-      children,
-      style,
-      wrapperClassName,
-      childStyle,
-      size
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        style,
+        wrapperClassName,
+        childStyle,
+        size
+      } = _a,
+      rest = spin_rest(_a, ["children", "style", "wrapperClassName", "childStyle", "size"]);
     const {
       loading
     } = this.state;
@@ -27218,10 +27244,10 @@ class Spin extends BaseComponent {
       [`${spin_prefixCls}-block`]: children,
       [`${spin_prefixCls}-hidden`]: !loading
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: spinCls,
       style: style
-    }, this.renderSpin(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(rest)), this.renderSpin(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${spin_prefixCls}-children`,
       style: childStyle,
       "x-semi-prop": "children"
@@ -27518,9 +27544,10 @@ class InputFoundation extends foundation {
     } = this._adapter.getStates();
     const {
       showClear,
-      disabled
+      disabled,
+      showClearIgnoreDisabled
     } = this._adapter.getProps();
-    const allowClear = value && showClear && !disabled && (isFocus || isHovering);
+    const allowClear = value && showClear && (!disabled || showClearIgnoreDisabled) && (isFocus || isHovering);
     return allowClear;
   }
   handleClickPrefixOrSuffix(e) {
@@ -27805,18 +27832,6 @@ class Input extends BaseComponent {
       }, labelNode)
     );
   }
-  showClearBtn() {
-    const {
-      value,
-      isFocus,
-      isHovering
-    } = this.state;
-    const {
-      disabled,
-      showClear
-    } = this.props;
-    return Boolean(value) && showClear && !disabled && (isFocus || isHovering);
-  }
   renderSuffix(suffixAllowClear) {
     const {
       suffix,
@@ -27891,15 +27906,16 @@ class Input extends BaseComponent {
         maxLength,
         getValueLength,
         preventScroll,
-        borderless
+        borderless,
+        showClearIgnoreDisabled
       } = _a,
-      rest = input_rest(_a, ["addonAfter", "addonBefore", "autofocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless"]);
+      rest = input_rest(_a, ["addonAfter", "addonBefore", "autofocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless", "showClearIgnoreDisabled"]);
     const {
       value,
       isFocus,
       minLength: stateMinLength
     } = this.state;
-    const suffixAllowClear = this.showClearBtn();
+    const suffixAllowClear = this.foundation.isAllowClear();
     const suffixIsIcon = isSemiIcon(suffix);
     const ref = this.getInputRef();
     const wrapperPrefix = `${input_prefixCls}-wrapper`;
@@ -28439,7 +28455,7 @@ class AutoComplete extends BaseComponent {
       selection
     } = this.state;
     const useCustomTrigger = typeof triggerRender === 'function';
-    const outerProps = Object.assign(Object.assign({
+    const outerProps = Object.assign(Object.assign(Object.assign({
       style,
       className: useCustomTrigger ? classnames_default()(className) : classnames_default()({
         [autoComplete_prefixCls]: true,
@@ -28451,7 +28467,7 @@ class AutoComplete extends BaseComponent {
     }, keyboardEventSet), {
       // tooltip give tabindex 0 to children by default, autoComplete just need the input get focus, so outer div's tabindex set to -1
       tabIndex: -1
-    });
+    }), this.getDataAttr(this.props));
     const innerProps = {
       disabled,
       placeholder,
@@ -30356,11 +30372,11 @@ class Banner extends BaseComponent {
       [`${banner_prefixCls}-in-container`]: !fullMode,
       [`${banner_prefixCls}-bordered`]: !fullMode && bordered
     });
-    const banner = visible ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const banner = visible ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapper,
       style: style,
       role: "alert"
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${banner_prefixCls}-content-wrapper`
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${banner_prefixCls}-content`
@@ -30637,7 +30653,7 @@ class BreadcrumbItem extends BaseComponent {
 
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", Object.assign({
       className: wrapperCLs
-    }, pageLabel), item, shouldRenderSeparator && separator);
+    }, pageLabel, this.getDataAttr(this.props)), item, shouldRenderSeparator && separator);
   }
 }
 BreadcrumbItem.isBreadcrumbItem = true;
@@ -30830,11 +30846,11 @@ class Breadcrumb extends BaseComponent {
         compact,
         separator
       }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("nav", {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("nav", Object.assign({
       "aria-label": this.props['aria-label'],
       className: sizeCls,
       style: style
-    }, breadcrumbs));
+    }, this.getDataAttr(this.props)), breadcrumbs));
   }
 }
 Breadcrumb.contextType = bread_context;
@@ -35191,11 +35207,11 @@ class DayCalendar extends BaseComponent {
       scrollHeight
     } = this.state;
     this.isWeekend = markWeekend && this.checkWeekend(displayValue);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: dayCls,
       style: dayStyle,
       ref: this.dom
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${dayCalendar_prefixCls}-sticky-top`
     }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${dayCalendar_prefixCls}-scroll-wrapper`
@@ -35475,11 +35491,11 @@ class WeekCalendar extends BaseComponent {
     }, style);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Calendar"
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: weekCls,
       style: weekStyle,
       ref: this.dom
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${weekCalendar_prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale), this.renderAllDay(locale)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${weekCalendar_prefixCls}-scroll-wrapper`
@@ -35889,12 +35905,12 @@ class monthCalendar extends BaseComponent {
     }, style);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Calendar"
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       role: "grid",
       className: monthCls,
       key: this.state.itemLimit,
       style: monthStyle
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       role: "presentation",
       className: `${monthCalendar_prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
@@ -36158,11 +36174,11 @@ class RangeCalendar extends BaseComponent {
     }, style);
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Calendar"
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: weekCls,
       style: weekStyle,
       ref: this.dom
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${rangeCalendar_prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale), this.renderAllDay(locale)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${rangeCalendar_prefixCls}-scroll-wrapper`
@@ -36523,15 +36539,6 @@ const flatten = children => {
   });
   return res;
 };
-;// CONCATENATED MODULE: ../semi-foundation/utils/getDataAttr.ts
-function getDataAttr(props) {
-  return Object.keys(props).reduce((prev, key) => {
-    if (key.substr(0, 5) === 'aria-' || key.substr(0, 5) === 'data-' || key === 'role') {
-      prev[key] = props[key];
-    }
-    return prev;
-  }, {});
-}
 ;// CONCATENATED MODULE: ./space/index.tsx
 
 
@@ -37418,14 +37425,14 @@ class Carousel extends BaseComponent {
     const carouselWrapperCls = classnames_default()(className, {
       [carousel_constants_cssClasses.CAROUSEL]: true
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       // role='listbox'
       // tabIndex={0}
       className: carouselWrapperCls,
       style: style,
       onMouseEnter: debounce_default()(this.handleMouseEnter, 400),
       onMouseLeave: debounce_default()(this.handleMouseLeave, 400)
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: classnames_default()([`${carousel_constants_cssClasses.CAROUSEL_CONTENT}-${animation}`], {
         [`${carousel_constants_cssClasses.CAROUSEL_CONTENT}`]: true,
         [`${carousel_constants_cssClasses.CAROUSEL_CONTENT}-reverse`]: slideDirection === 'left' ? isReverse : !isReverse
@@ -39544,7 +39551,7 @@ class Checkbox extends BaseComponent {
     return (
       /*#__PURE__*/
       // label is better than span, however span is here which is to solve gitlab issue #364
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", Object.assign({
         role: role,
         tabIndex: tabIndex,
         style: style,
@@ -39555,7 +39562,7 @@ class Checkbox extends BaseComponent {
         onClick: this.handleChange,
         onKeyPress: this.handleEnterPress,
         "aria-labelledby": this.props['aria-labelledby']
-      }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(checkboxInner, Object.assign({}, this.props, props, {
+      }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(checkboxInner, Object.assign({}, this.props, props, {
         addonId: children && addonId,
         extraId: extra && extraId,
         isPureCardType: props.isPureCardType,
@@ -39775,7 +39782,7 @@ class CheckboxGroup extends BaseComponent {
         role: 'listitem'
       }));
     }
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       id: id,
       role: "list",
       "aria-label": this.props['aria-label'],
@@ -39783,7 +39790,7 @@ class CheckboxGroup extends BaseComponent {
       style: style,
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby']
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Context.Provider, {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(Context.Provider, {
       value: {
         checkboxGroup: {
           onChange: this.onChange,
@@ -42547,6 +42554,14 @@ function sortableElement(WrappedComponent) {
 
 
 
+var tagInput_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -42967,14 +42982,16 @@ class TagInput extends BaseComponent {
     }
   }
   render() {
-    const {
-      size,
-      style,
-      className,
-      disabled,
-      placeholder,
-      validateStatus
-    } = this.props;
+    const _a = this.props,
+      {
+        size,
+        style,
+        className,
+        disabled,
+        placeholder,
+        validateStatus
+      } = _a,
+      rest = tagInput_rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus"]);
     const {
       focusing,
       hovering,
@@ -42996,7 +43013,7 @@ class TagInput extends BaseComponent {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
         ref: this.tagInputRef,
         style: style,
         className: tagInputCls,
@@ -43012,7 +43029,7 @@ class TagInput extends BaseComponent {
         onClick: e => {
           this.handleClick(e);
         }
-      }, this.renderPrefix(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+      }, this.getDataAttr(rest)), this.renderPrefix(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
         className: wrapperCls
       }, this.renderTags(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(input_0, {
         "aria-label": 'input value',
@@ -43567,7 +43584,7 @@ class Cascader extends BaseComponent {
         // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
         role: "combobox",
         tabIndex: 0
-      }), inner);
+      }, this.getDataAttr(this.props)), inner);
     };
     this.state = {
       disabledKeys: new Set(),
@@ -44305,7 +44322,7 @@ class Collapsible extends BaseComponent {
     const wrapperCls = classnames_default()(`${collapsible_constants_cssClasses.PREFIX}-wrapper`, {
       [`${collapsible_constants_cssClasses.PREFIX}-transition`]: this.props.motion && this.state.isTransitioning
     }, this.props.className);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperCls,
       style: wrapperStyle,
       onTransitionEnd: () => {
@@ -44316,7 +44333,7 @@ class Collapsible extends BaseComponent {
         this.foundation.updateIsTransitioning(false);
         (_b = (_a = this.props).onMotionEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
       }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       "x-semi-prop": "children",
       ref: this.domRef,
       style: {
@@ -44585,10 +44602,10 @@ class Collapse extends BaseComponent {
     const {
       activeSet
     } = this.state;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: clsPrefix,
       style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(collapse_context.Provider, {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(collapse_context.Provider, {
       value: {
         activeSet,
         expandIcon,
@@ -49038,9 +49055,11 @@ class DatePickerFoundation extends foundation {
     const inputValue = '';
     if (!this._isControlledComponent('value')) {
       this._updateValueAndInput(value, true, inputValue);
+      this._adapter.updateInsetInputValue(null);
       this.resetCachedSelectedValue(value);
     }
     this._notifyChange(value);
+    this._adapter.setRangeInputFocus(false);
     this._adapter.notifyClear(e);
   }
   // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -50169,6 +50188,7 @@ class inputFoundation_InputFoundation extends foundation {
       case 'dateTime':
       case 'dateTimeRange':
         [datePlaceholder, timePlaceholder] = insetInputFormat.split(' ');
+        break;
       case 'monthRange':
         datePlaceholder = insetInputFormat + rangeSeparator + insetInputFormat;
         break;
@@ -50476,15 +50496,17 @@ class DateInput extends BaseComponent {
       showClear,
       prefixCls,
       disabled,
-      clearIcon
+      clearIcon,
+      showClearIgnoreDisabled
     } = this.props;
-    const allowClear = (rangeStart || rangeEnd) && showClear;
-    return allowClear && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const isRealDisabled = disabled && !showClearIgnoreDisabled;
+    const allowClear = (rangeStart || rangeEnd) && showClear && !isRealDisabled;
+    return allowClear ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       role: "button",
       tabIndex: 0,
       "aria-label": "Clear range input value",
       className: `${prefixCls}-range-input-clearbtn`,
-      onMouseDown: e => !disabled && this.handleRangeInputClear(e)
+      onMouseDown: e => this.handleRangeInputClear(e)
     }, clearIcon ? clearIcon : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconClear, {
       "aria-hidden": true
     })) : null;
@@ -50682,9 +50704,10 @@ class DateInput extends BaseComponent {
         rangeSeparator,
         insetInput,
         insetInputValue,
-        defaultPickerValue
+        defaultPickerValue,
+        showClearIgnoreDisabled
       } = _a,
-      rest = dateInput_rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "inputRef", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue"]);
+      rest = dateInput_rest(_a, ["placeholder", "type", "value", "inputValue", "inputStyle", "disabled", "showClear", "inputReadOnly", "insetLabel", "validateStatus", "block", "prefixCls", "multiple", "dateFnsLocale", "onBlur", "onClear", "onFocus", "prefix", "autofocus", "size", "inputRef", "rangeInputStartRef", "rangeInputEndRef", "onRangeClear", "onRangeBlur", "onRangeEndTabPress", "rangeInputFocus", "rangeSeparator", "insetInput", "insetInputValue", "defaultPickerValue", "showClearIgnoreDisabled"]);
     const dateIcon = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconCalendar, {
       "aria-hidden": true
     });
@@ -50711,6 +50734,7 @@ class DateInput extends BaseComponent {
       ref: inputRef,
       insetLabel: insetLabel,
       disabled: disabled,
+      showClearIgnoreDisabled: showClearIgnoreDisabled,
       readonly: inputReadOnly,
       className: inputCls,
       style: inputStyle,
@@ -53602,6 +53626,14 @@ class ScrollListFoundation extends foundation {}
 // EXTERNAL MODULE: ../semi-foundation/scrollList/scrollList.scss
 var scrollList = __webpack_require__("AadH");
 ;// CONCATENATED MODULE: ./scrollList/index.tsx
+var scrollList_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -53617,25 +53649,27 @@ class ScrollList extends BaseComponent {
     this.foundation = new ScrollListFoundation(this.adapter);
   }
   render() {
-    const {
-      children,
-      header,
-      footer,
-      prefixCls,
-      bodyHeight,
-      className,
-      style
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        header,
+        footer,
+        prefixCls,
+        bodyHeight,
+        className,
+        style
+      } = _a,
+      rest = scrollList_rest(_a, ["children", "header", "footer", "prefixCls", "bodyHeight", "className", "style"]);
     const clsWrapper = classnames_default()(className, {
       [prefixCls || scrollList_constants_cssClasses.PREFIX]: true
     });
     const clsHeader = classnames_default()({
       [`${prefixCls || scrollList_constants_cssClasses.PREFIX}-header`]: true
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: clsWrapper,
       style: style
-    }, header ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(rest)), header ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${clsHeader}-title`,
@@ -55159,7 +55193,8 @@ class QuickControl extends external_root_React_commonjs2_react_commonjs_react_am
       onPresetClick,
       type,
       presetPosition,
-      insetInput
+      insetInput,
+      locale
     } = this.props;
     const isTypeRange = type === 'dateRange' || type === 'dateTimeRange';
     const isPanelTopAndBottom = presetPosition === 'top' || presetPosition === 'bottom';
@@ -55199,7 +55234,7 @@ class QuickControl extends external_root_React_commonjs2_react_commonjs_react_am
       "x-insetinput": insetInput ? "true" : "false"
     }, !isPanelTopAndBottom && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: headerCls
-    }, "\u5FEB\u6377\u9009\u62E9"), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, locale.presets), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: contentWrapperCls
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: contentCls
@@ -55226,7 +55261,8 @@ QuickControl.propTypes = {
   presetPosition: prop_types_default().oneOf(datePicker_constants_strings.PRESET_POSITION_SET),
   onPresetClick: (prop_types_default()).func,
   type: (prop_types_default()).string,
-  insetInput: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).object])
+  insetInput: prop_types_default().oneOfType([(prop_types_default()).bool, (prop_types_default()).object]),
+  locale: (prop_types_default()).object
 };
 QuickControl.defaultProps = {
   presets: [],
@@ -55268,6 +55304,14 @@ var datePicker = __webpack_require__("jUTk");
 
 
 
+var datePicker_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/interactive-supports-focus */
 /* eslint-disable max-len */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
@@ -55846,14 +55890,16 @@ class DatePicker extends BaseComponent {
       presets,
       type,
       presetPosition,
-      insetInput
+      insetInput,
+      locale
     } = this.props;
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(quickControl, {
       type: type,
       presets: presets,
       insetInput: insetInput,
       presetPosition: presetPosition,
-      onPresetClick: (item, e) => this.foundation.handlePresetClick(item, e)
+      onPresetClick: (item, e) => this.foundation.handlePresetClick(item, e),
+      locale: locale
     });
   }
   renderDateInput() {
@@ -55933,6 +55979,7 @@ class DatePicker extends BaseComponent {
     const phText = placeholder || locale.placeholder[type]; // i18n
     // These values should be passed to triggerRender, do not delete any key if it is not necessary
     const props = Object.assign(Object.assign({}, extraProps), {
+      showClearIgnoreDisabled: Boolean(insetInput),
       placeholder: phText,
       clearIcon,
       disabled: inputDisabled,
@@ -55984,13 +56031,15 @@ class DatePicker extends BaseComponent {
     })) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(DateInput, Object.assign({}, props)));
   }
   render() {
-    const {
-      style,
-      className,
-      prefixCls,
-      type
-    } = this.props;
-    const outerProps = {
+    const _a = this.props,
+      {
+        style,
+        className,
+        prefixCls,
+        type
+      } = _a,
+      rest = datePicker_rest(_a, ["style", "className", "prefixCls", "type"]);
+    const outerProps = Object.assign({
       style,
       className: classnames_default()(className, {
         [prefixCls]: true
@@ -56001,7 +56050,7 @@ class DatePicker extends BaseComponent {
       'aria-labelledby': this.props['aria-labelledby'],
       'aria-describedby': this.props['aria-describedby'],
       'aria-required': this.props['aria-required']
-    };
+    }, this.getDataAttr(rest));
     const innerPropKeys = [];
     if (!type.toLowerCase().includes("range")) {
       innerPropKeys.push("borderless");
@@ -56206,6 +56255,15 @@ var descriptions = __webpack_require__("3/Sr");
 const DescriptionsContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext(null);
 /* harmony default export */ const descriptions_context = (DescriptionsContext);
 ;// CONCATENATED MODULE: ./descriptions/item.tsx
+var descriptions_item_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
@@ -56216,32 +56274,34 @@ const keyCls = `${item_prefixCls}-key`;
 const valCls = `${item_prefixCls}-value`;
 class item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   render() {
-    const {
-      itemKey,
-      hidden,
-      className,
-      style,
-      children
-    } = this.props;
+    const _a = this.props,
+      {
+        itemKey,
+        hidden,
+        className,
+        style,
+        children
+      } = _a,
+      rest = descriptions_item_rest(_a, ["itemKey", "hidden", "className", "style", "children"]);
     const {
       align
     } = this.context;
     if (hidden) {
       return null;
     }
-    const item = align === 'plain' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("tr", {
+    const item = align === 'plain' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("tr", Object.assign({
       className: className,
       style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("td", {
+    }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("td", {
       className: `${item_prefixCls}-item`
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       className: keyCls
     }, itemKey, ":"), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       className: valCls
-    }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("tr", {
+    }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("tr", Object.assign({
       className: className,
       style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("th", {
+    }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("th", {
       className: `${item_prefixCls}-item ${item_prefixCls}-item-th`
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       className: keyCls
@@ -56262,6 +56322,15 @@ item_Item.propTypes = {
 item_Item.contextType = descriptions_context;
 ;// CONCATENATED MODULE: ./descriptions/index.tsx
 
+var descriptions_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
@@ -56272,15 +56341,17 @@ item_Item.contextType = descriptions_context;
 const descriptions_prefixCls = descriptions_constants_cssClasses.PREFIX;
 class Descriptions extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   render() {
-    const {
-      align,
-      row,
-      size,
-      className,
-      style,
-      children,
-      data
-    } = this.props;
+    const _a = this.props,
+      {
+        align,
+        row,
+        size,
+        className,
+        style,
+        children,
+        data
+      } = _a,
+      rest = descriptions_rest(_a, ["align", "row", "size", "className", "style", "children", "data"]);
     const classNames = classnames_default()(descriptions_prefixCls, className, {
       [`${descriptions_prefixCls}-${align}`]: !row,
       [`${descriptions_prefixCls}-double`]: row,
@@ -56291,10 +56362,10 @@ class Descriptions extends external_root_React_commonjs2_react_commonjs_react_am
     }, item, {
       key: index
     }), item.value) : null) : children;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: classNames,
       style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("table", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("tbody", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(descriptions_context.Provider, {
+    }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("table", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("tbody", null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(descriptions_context.Provider, {
       value: {
         align
       }
@@ -56402,6 +56473,14 @@ const empty_constants_strings = {
 // EXTERNAL MODULE: ../semi-foundation/empty/empty.scss
 var empty_empty = __webpack_require__("vbeS");
 ;// CONCATENATED MODULE: ./empty/index.tsx
+var empty_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -56448,17 +56527,19 @@ class Empty extends BaseComponent {
     this.observer && this.observer.disconnect();
   }
   render() {
-    const {
-      className,
-      image,
-      description,
-      style,
-      title,
-      imageStyle,
-      children,
-      layout,
-      darkModeImage
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        image,
+        description,
+        style,
+        title,
+        imageStyle,
+        children,
+        layout,
+        darkModeImage
+      } = _a,
+      rest = empty_rest(_a, ["className", "image", "description", "style", "title", "imageStyle", "children", "layout", "darkModeImage"]);
     const alt = typeof description === 'string' ? description : 'empty';
     const imgSrc = this.state.mode === 'dark' && darkModeImage ? darkModeImage : image;
     let imageNode = null;
@@ -56487,10 +56568,10 @@ class Empty extends BaseComponent {
         fontWeight: 400
       }
     };
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperCls,
       style: style
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${empty_prefixCls}-image`,
       style: imageStyle,
       "x-semi-prop": "image,darkModeImage"
@@ -57059,13 +57140,15 @@ class ModalContent extends BaseComponent {
     this.foundation.destroy();
   }
   render() {
-    const {
-      maskClosable,
-      className,
-      getPopupContainer,
-      maskFixed,
-      getContainerContext
-    } = this.props;
+    const _a = this.props,
+      {
+        maskClosable,
+        className,
+        getPopupContainer,
+        maskFixed,
+        getContainerContext
+      } = _a,
+      rest = ModalContent_rest(_a, ["maskClosable", "className", "getPopupContainer", "maskFixed", "getContainerContext"]);
     const {
       direction
     } = this.context;
@@ -57075,9 +57158,10 @@ class ModalContent extends BaseComponent {
       [`${modal_constants_cssClasses.DIALOG}-rtl`]: direction === 'rtl'
     });
     const containerContext = getContainerContext();
-    const elem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const dataAttr = this.getDataAttr(rest);
+    const elem = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: classList
-    }, this.getMaskElement(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
+    }, dataAttr), this.getMaskElement(), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       role: "none",
       className: classnames_default()({
         [`${modal_constants_cssClasses.DIALOG}-wrap`]: true,
@@ -57793,6 +57877,9 @@ class DropdownFoundation extends foundation {
   handleKeyDown(event) {
     var _a, _b;
     const id = (_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.attributes['data-popupid']) === null || _b === void 0 ? void 0 : _b.value;
+    const {
+      visible
+    } = this._adapter.getStates();
     switch (event.key) {
       case ' ':
       case 'Enter':
@@ -57802,11 +57889,11 @@ class DropdownFoundation extends foundation {
         break;
       case 'ArrowDown':
         this.setFocusToFirstMenuItem(id);
-        handlePrevent(event);
+        visible && handlePrevent(event);
         break;
       case 'ArrowUp':
         this.setFocusToLastMenuItem(id);
-        handlePrevent(event);
+        visible && handlePrevent(event);
         break;
       default:
         break;
@@ -58889,6 +58976,7 @@ var list_item_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const list_item_prefixCls = list_constants_cssClasses.PREFIX;
 class ListItem extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   wrapWithGrid(content) {
@@ -58905,19 +58993,21 @@ class ListItem extends external_root_React_commonjs2_react_commonjs_react_amd_re
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(col, Object.assign({}, rest), content);
   }
   render() {
-    const {
-      header,
-      main,
-      className,
-      style,
-      extra,
-      children,
-      align,
-      onClick,
-      onRightClick,
-      onMouseEnter,
-      onMouseLeave
-    } = this.props;
+    const _a = this.props,
+      {
+        header,
+        main,
+        className,
+        style,
+        extra,
+        children,
+        align,
+        onClick,
+        onRightClick,
+        onMouseEnter,
+        onMouseLeave
+      } = _a,
+      rest = list_item_rest(_a, ["header", "main", "className", "style", "extra", "children", "align", "onClick", "onRightClick", "onMouseEnter", "onMouseLeave"]);
     const {
       onRightClick: contextOnRightClick,
       onClick: contextOnClick,
@@ -58942,14 +59032,14 @@ class ListItem extends external_root_React_commonjs2_react_commonjs_react_amd_re
     let content =
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
+    external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", Object.assign({
       className: itemCls,
       style: style,
       onClick: handleClick,
       onContextMenu: handleContextMenu,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
-    }, body ? body : null, children, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, getDataAttr(rest)), body ? body : null, children, extra ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${list_item_prefixCls}-item-extra`
     }, extra) : null);
     if (this.context && contextGrid) {
@@ -58979,6 +59069,14 @@ ListItem.defaultProps = {
 };
 ;// CONCATENATED MODULE: ./list/index.tsx
 
+var list_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -59032,24 +59130,26 @@ class List extends BaseComponent {
     }, childrenList ? childrenList : null, children);
   }
   render() {
-    const {
-      style,
-      className,
-      header,
-      loading,
-      onRightClick,
-      onClick,
-      footer,
-      layout,
-      grid,
-      size,
-      split,
-      loadMore,
-      bordered,
-      dataSource,
-      renderItem,
-      children
-    } = this.props;
+    const _a = this.props,
+      {
+        style,
+        className,
+        header,
+        loading,
+        onRightClick,
+        onClick,
+        footer,
+        layout,
+        grid,
+        size,
+        split,
+        loadMore,
+        bordered,
+        dataSource,
+        renderItem,
+        children
+      } = _a,
+      rest = list_rest(_a, ["style", "className", "header", "loading", "onRightClick", "onClick", "footer", "layout", "grid", "size", "split", "loadMore", "bordered", "dataSource", "renderItem", "children"]);
     const wrapperCls = classnames_default()(list_prefixCls, className, {
       [`${list_prefixCls}-flex`]: layout === 'horizontal',
       [`${list_prefixCls}-${size}`]: size,
@@ -59070,10 +59170,10 @@ class List extends BaseComponent {
     } else if (!children && !loading) {
       childrenList = this.renderEmpty();
     }
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperCls,
       style: style
-    }, header ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(rest)), header ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${list_constants_cssClasses.PREFIX}-header`,
       "x-semi-prop": "header"
     }, header) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(list_context.Provider, {
@@ -62332,6 +62432,14 @@ NavHeader.elementType = "NavHeader";
 
 
 
+var navigation_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-lines-per-function */
 
 
@@ -62498,28 +62606,30 @@ class Nav extends BaseComponent {
     return finalDom;
   }
   render() {
-    const {
-      children: originChildren,
-      mode,
-      onOpenChange,
-      onSelect,
-      onClick,
-      style,
-      className,
-      subNavCloseDelay,
-      subNavOpenDelay,
-      subNavMotion,
-      tooltipShowDelay,
-      tooltipHideDelay,
-      prefixCls,
-      bodyStyle,
-      footer,
-      header,
-      toggleIconPosition,
-      limitIndent,
-      renderWrapper,
-      getPopupContainer
-    } = this.props;
+    const _a = this.props,
+      {
+        children: originChildren,
+        mode,
+        onOpenChange,
+        onSelect,
+        onClick,
+        style,
+        className,
+        subNavCloseDelay,
+        subNavOpenDelay,
+        subNavMotion,
+        tooltipShowDelay,
+        tooltipHideDelay,
+        prefixCls,
+        bodyStyle,
+        footer,
+        header,
+        toggleIconPosition,
+        limitIndent,
+        renderWrapper,
+        getPopupContainer
+      } = _a,
+      rest = navigation_rest(_a, ["children", "mode", "onOpenChange", "onSelect", "onClick", "style", "className", "subNavCloseDelay", "subNavOpenDelay", "subNavMotion", "tooltipShowDelay", "tooltipHideDelay", "prefixCls", "bodyStyle", "footer", "header", "toggleIconPosition", "limitIndent", "renderWrapper", "getPopupContainer"]);
     const {
       selectedKeys,
       openKeys,
@@ -62619,10 +62729,10 @@ class Nav extends BaseComponent {
         renderWrapper,
         getPopupContainer
       }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: finalCls,
       style: finalStyle
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${prefixCls}-inner`
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: headerListOuterCls
@@ -67868,6 +67978,14 @@ var select_select = __webpack_require__("mSc3");
 
 
 
+var select_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-len */
 /* eslint-disable max-lines-per-function */
 
@@ -68885,25 +69003,27 @@ class Select extends BaseComponent {
     }, labelNode);
   }
   renderSelection() {
-    const {
-      disabled,
-      multiple,
-      filter,
-      style,
-      id,
-      size,
-      className,
-      validateStatus,
-      showArrow,
-      suffix,
-      prefix,
-      insetLabel,
-      placeholder,
-      triggerRender,
-      arrowIcon,
-      clearIcon,
-      borderless
-    } = this.props;
+    const _a = this.props,
+      {
+        disabled,
+        multiple,
+        filter,
+        style,
+        id,
+        size,
+        className,
+        validateStatus,
+        showArrow,
+        suffix,
+        prefix,
+        insetLabel,
+        placeholder,
+        triggerRender,
+        arrowIcon,
+        clearIcon,
+        borderless
+      } = _a,
+      rest = select_rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless"]);
     const {
       selections,
       isOpen,
@@ -69003,7 +69123,7 @@ class Select extends BaseComponent {
         onFocus: e => this.foundation.handleTriggerFocus(e),
         onBlur: e => this.foundation.handleTriggerBlur(e),
         onKeyPress: this.onKeyPress
-      }, keyboardEventSet), inner)
+      }, keyboardEventSet, this.getDataAttr(rest)), inner)
     );
   }
   render() {
@@ -69194,6 +69314,14 @@ Select.defaultProps = {
 /* harmony default export */ const select_0 = (Select);
 ;// CONCATENATED MODULE: ./pagination/index.tsx
 
+var pagination_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-len */
 /* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */
 
@@ -69318,21 +69446,23 @@ class Pagination extends BaseComponent {
   }
   renderPrevBtn() {
     const {
-      prevText
+      prevText,
+      disabled
     } = this.props;
     const {
       prevDisabled
     } = this.state;
+    const isDisabled = prevDisabled || disabled;
     const preClassName = classnames_default()({
       [`${pagination_prefixCls}-item`]: true,
       [`${pagination_prefixCls}-prev`]: true,
-      [`${pagination_prefixCls}-item-disabled`]: prevDisabled
+      [`${pagination_prefixCls}-item-disabled`]: isDisabled
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
       role: "button",
-      "aria-disabled": prevDisabled ? true : false,
+      "aria-disabled": isDisabled ? true : false,
       "aria-label": "Previous",
-      onClick: e => !prevDisabled && this.foundation.goPrev(e),
+      onClick: e => !isDisabled && this.foundation.goPrev(e),
       className: preClassName,
       "x-semi-prop": "prevText"
     }, prevText || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronLeft, {
@@ -69341,21 +69471,23 @@ class Pagination extends BaseComponent {
   }
   renderNextBtn() {
     const {
-      nextText
+      nextText,
+      disabled
     } = this.props;
     const {
       nextDisabled
     } = this.state;
+    const isDisabled = nextDisabled || disabled;
     const nextClassName = classnames_default()({
       [`${pagination_prefixCls}-item`]: true,
-      [`${pagination_prefixCls}-item-disabled`]: nextDisabled,
+      [`${pagination_prefixCls}-item-disabled`]: isDisabled,
       [`${pagination_prefixCls}-next`]: true
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
       role: "button",
-      "aria-disabled": nextDisabled ? true : false,
+      "aria-disabled": isDisabled ? true : false,
       "aria-label": "Next",
-      onClick: e => !nextDisabled && this.foundation.goNext(e),
+      onClick: e => !isDisabled && this.foundation.goNext(e),
       className: nextClassName,
       "x-semi-prop": "prevText"
     }, nextText || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(IconChevronRight, {
@@ -69370,7 +69502,8 @@ class Pagination extends BaseComponent {
     const defaultPopoverPosition = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
     const {
       showSizeChanger,
-      popoverPosition = defaultPopoverPosition
+      popoverPosition = defaultPopoverPosition,
+      disabled
     } = this.props;
     const {
       pageSize
@@ -69390,6 +69523,7 @@ class Pagination extends BaseComponent {
       className: switchCls
     }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(select_0, {
       "aria-label": "Page size selector",
+      disabled: disabled,
       onChange: newPageSize => this.foundation.changePageSize(newPageSize),
       value: pageSize,
       key: pageSize,
@@ -69400,7 +69534,8 @@ class Pagination extends BaseComponent {
   }
   renderQuickJump(locale) {
     const {
-      showQuickJumper
+      showQuickJumper,
+      disabled
     } = this.props;
     const {
       quickJumpPage,
@@ -69411,7 +69546,7 @@ class Pagination extends BaseComponent {
       return null;
     }
     const totalPageNum = this.foundation._getTotalPageNumber(total, pageSize);
-    const isDisabled = totalPageNum === 1;
+    const isDisabled = totalPageNum === 1 || disabled;
     const quickJumpCls = classnames_default()({
       [`${pagination_prefixCls}-quickjump`]: true,
       [`${pagination_prefixCls}-quickjump-disabled`]: isDisabled
@@ -69437,22 +69572,25 @@ class Pagination extends BaseComponent {
     } = this.state;
     const {
       popoverPosition,
-      popoverZIndex
+      popoverZIndex,
+      disabled
     } = this.props;
     return pageList.map((page, i) => {
       const pageListClassName = classnames_default()(`${pagination_prefixCls}-item`, {
-        [`${pagination_prefixCls}-item-active`]: currentPage === page
+        [`${pagination_prefixCls}-item-active`]: currentPage === page,
+        [`${pagination_prefixCls}-item-all-disabled`]: disabled,
+        [`${pagination_prefixCls}-item-all-disabled-active`]: currentPage === page && disabled
         // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
       });
 
       const pageEl = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
         key: `${page}${i}`,
-        onClick: () => this.foundation.goPage(page, i),
+        onClick: () => !disabled && this.foundation.goPage(page, i),
         className: pageListClassName,
         "aria-label": page === '...' ? 'More' : `Page ${page}`,
         "aria-current": currentPage === page ? "page" : false
       }, page);
-      if (page === '...') {
+      if (page === '...' && !disabled) {
         let content;
         i < 3 ? content = restLeftPageList : content = restRightPageList;
         return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, {
@@ -69508,14 +69646,19 @@ class Pagination extends BaseComponent {
     );
   }
   renderSmallPage(locale) {
-    const {
-      className,
-      style,
-      hideOnSinglePage,
-      hoverShowPageSelect,
-      showSizeChanger
-    } = this.props;
-    const paginationCls = classnames_default()(`${pagination_prefixCls}-small`, pagination_prefixCls, className);
+    const _a = this.props,
+      {
+        className,
+        style,
+        hideOnSinglePage,
+        hoverShowPageSelect,
+        showSizeChanger,
+        disabled
+      } = _a,
+      rest = pagination_rest(_a, ["className", "style", "hideOnSinglePage", "hoverShowPageSelect", "showSizeChanger", "disabled"]);
+    const paginationCls = classnames_default()(`${pagination_prefixCls}-small`, pagination_prefixCls, className, {
+      [`${pagination_prefixCls}-disabled`]: disabled
+    });
     const {
       currentPage,
       total,
@@ -69529,13 +69672,18 @@ class Pagination extends BaseComponent {
       length: Math.ceil(total / pageSize)
     }, (v, i) => i + 1);
     const pageList = this.renderRestPageList(pageNumbers);
+    const pageCls = classnames_default()({
+      [`${pagination_prefixCls}-item`]: true,
+      [`${pagination_prefixCls}-item-small`]: true,
+      [`${pagination_prefixCls}-item-all-disabled`]: disabled
+    });
     const page = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-      className: `${pagination_prefixCls}-item ${pagination_prefixCls}-item-small`
+      className: pageCls
     }, currentPage, "/", totalPageNum, " ");
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: paginationCls,
       style: style
-    }, this.renderPrevBtn(), hoverShowPageSelect ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, {
+    }, this.getDataAttr(rest)), this.renderPrevBtn(), hoverShowPageSelect && !disabled ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(popover_0, {
       content: pageList
     }, page) : page, this.renderNextBtn(), this.renderQuickJump(locale));
   }
@@ -69544,14 +69692,19 @@ class Pagination extends BaseComponent {
       total,
       pageSize
     } = this.state;
-    const {
-      showTotal,
-      className,
-      style,
-      hideOnSinglePage,
-      showSizeChanger
-    } = this.props;
-    const paginationCls = classnames_default()(className, `${pagination_prefixCls}`);
+    const _a = this.props,
+      {
+        showTotal,
+        className,
+        style,
+        hideOnSinglePage,
+        showSizeChanger,
+        disabled
+      } = _a,
+      rest = pagination_rest(_a, ["showTotal", "className", "style", "hideOnSinglePage", "showSizeChanger", "disabled"]);
+    const paginationCls = classnames_default()(className, `${pagination_prefixCls}`, {
+      [`${pagination_prefixCls}-disabled`]: disabled
+    });
     const showTotalCls = `${pagination_prefixCls}-total`;
     const totalPageNum = Math.ceil(total / pageSize);
     if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
@@ -69559,10 +69712,10 @@ class Pagination extends BaseComponent {
     }
     const totalNum = Math.ceil(total / pageSize);
     const totalToken = locale.total.replace('${total}', totalNum.toString());
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", Object.assign({
       className: paginationCls,
       style: style
-    }, showTotal ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+    }, this.getDataAttr(rest)), showTotal ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       className: showTotalCls
     }, totalToken) : null, this.renderPrevBtn(), this.renderPageList(), this.renderNextBtn(), this.renderPageSizeSwitch(locale), this.renderQuickJump(locale));
   }
@@ -69596,7 +69749,8 @@ Pagination.propTypes = {
   className: (prop_types_default()).string,
   hideOnSinglePage: (prop_types_default()).bool,
   hoverShowPageSelect: (prop_types_default()).bool,
-  showQuickJumper: (prop_types_default()).bool
+  showQuickJumper: (prop_types_default()).bool,
+  disabled: (prop_types_default()).bool
 };
 Pagination.defaultProps = {
   total: 1,
@@ -69612,7 +69766,8 @@ Pagination.defaultProps = {
   showSizeChanger: false,
   className: '',
   hideOnSinglePage: false,
-  showQuickJumper: false
+  showQuickJumper: false,
+  disabled: false
 };
 ;// CONCATENATED MODULE: ../semi-foundation/popconfirm/constants.ts
 
@@ -70185,6 +70340,15 @@ const SEMI_DESIGN_TOKENS = {
 };
 
 ;// CONCATENATED MODULE: ./progress/index.tsx
+var progress_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
@@ -70259,20 +70423,22 @@ class Progress extends external_root_React_commonjs2_react_commonjs_react_amd_re
     this._mounted = false;
   }
   renderCircleProgress() {
-    const {
-      strokeLinecap,
-      style,
-      className,
-      strokeWidth,
-      format,
-      size,
-      stroke,
-      strokeGradient,
-      showInfo,
-      percent,
-      orbitStroke,
-      id
-    } = this.props;
+    const _a = this.props,
+      {
+        strokeLinecap,
+        style,
+        className,
+        strokeWidth,
+        format,
+        size,
+        stroke,
+        strokeGradient,
+        showInfo,
+        percent,
+        orbitStroke,
+        id
+      } = _a,
+      rest = progress_rest(_a, ["strokeLinecap", "style", "className", "strokeWidth", "format", "size", "stroke", "strokeGradient", "showInfo", "percent", "orbitStroke", "id"]);
     const ariaLabel = this.props['aria-label'];
     const ariaLabelledBy = this.props['aria-labelledby'];
     const ariaValueText = this.props['aria-valuetext'];
@@ -70302,7 +70468,7 @@ class Progress extends external_root_React_commonjs2_react_commonjs_react_amd_re
     const strokeDashoffset = (1 - perc / 100) * circumference; // Offset
     const strokeDasharray = `${circumference} ${circumference}`;
     const text = format(percNumber);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       id: id,
       className: classNames.wrapper,
       style: style,
@@ -70313,7 +70479,7 @@ class Progress extends external_root_React_commonjs2_react_commonjs_react_amd_re
       "aria-labelledby": ariaLabelledBy,
       "aria-label": ariaLabel,
       "aria-valuetext": ariaValueText
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
+    }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
       key: size,
       className: classNames.svg,
       height: width,
@@ -70368,19 +70534,21 @@ class Progress extends external_root_React_commonjs2_react_commonjs_react_amd_re
     return progress_constants_strings.STROKE_DEFAULT;
   }
   renderLineProgress() {
-    const {
-      className,
-      style,
-      stroke,
-      strokeGradient,
-      direction,
-      format,
-      showInfo,
-      size,
-      percent,
-      orbitStroke,
-      id
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        style,
+        stroke,
+        strokeGradient,
+        direction,
+        format,
+        showInfo,
+        size,
+        percent,
+        orbitStroke,
+        id
+      } = _a,
+      rest = progress_rest(_a, ["className", "style", "stroke", "strokeGradient", "direction", "format", "showInfo", "size", "percent", "orbitStroke", "id"]);
     const ariaLabel = this.props['aria-label'];
     const ariaLabelledBy = this.props['aria-labelledby'];
     const ariaValueText = this.props['aria-valuetext'];
@@ -70409,7 +70577,7 @@ class Progress extends external_root_React_commonjs2_react_commonjs_react_amd_re
       innerStyle.height = `${perc}%`;
     }
     const text = format(percNumber);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       id: id,
       className: progressWrapperCls,
       style: style,
@@ -70420,7 +70588,7 @@ class Progress extends external_root_React_commonjs2_react_commonjs_react_amd_re
       "aria-labelledby": ariaLabelledBy,
       "aria-label": ariaLabel,
       "aria-valuetext": ariaValueText
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: progressTrackCls,
       style: orbitStroke ? {
         backgroundColor: orbitStroke
@@ -70802,6 +70970,14 @@ RadioInner.defaultProps = {
 
 
 
+var radio_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable prefer-destructuring */
 
 
@@ -70905,21 +71081,23 @@ class Radio extends BaseComponent {
     this.radioEntity.blur();
   }
   render() {
-    const {
-      addonClassName,
-      addonStyle,
-      disabled,
-      style,
-      className,
-      prefixCls,
-      displayMode,
-      children,
-      extra,
-      mode,
-      type,
-      value: propValue,
-      name
-    } = this.props;
+    const _a = this.props,
+      {
+        addonClassName,
+        addonStyle,
+        disabled,
+        style,
+        className,
+        prefixCls,
+        displayMode,
+        children,
+        extra,
+        mode,
+        type,
+        value: propValue,
+        name
+      } = _a,
+      rest = radio_rest(_a, ["addonClassName", "addonStyle", "disabled", "style", "className", "prefixCls", "displayMode", "children", "extra", "mode", "type", "value", "name"]);
     let realChecked, isDisabled, realMode, isButtonRadioGroup, isCardRadioGroup, isPureCardRadioGroup, isButtonRadioComponent, buttonSize, realPrefixCls;
     const {
       hover: isHover,
@@ -71000,12 +71178,12 @@ class Radio extends BaseComponent {
         "x-semi-prop": "extra"
       }, extra) : null);
     };
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", Object.assign({
       style: style,
       className: wrapper,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(radioInner, Object.assign({}, this.props, props, {
+    }, this.getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(radioInner, Object.assign({}, this.props, props, {
       mode: realMode,
       name: name !== null && name !== void 0 ? name : groupName,
       isButtonRadio: isButtonRadio,
@@ -71058,6 +71236,14 @@ Radio.elementType = 'Radio';
 /* harmony default export */ const radio_radio_0 = (Radio);
 ;// CONCATENATED MODULE: ./radio/radioGroup.tsx
 
+var radioGroup_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -71109,18 +71295,20 @@ class RadioGroup extends BaseComponent {
     });
   }
   render() {
-    const {
-      children,
-      options,
-      mode,
-      prefixCls,
-      className,
-      style,
-      direction,
-      type,
-      buttonSize,
-      id
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        options,
+        mode,
+        prefixCls,
+        className,
+        style,
+        direction,
+        type,
+        buttonSize,
+        id
+      } = _a,
+      rest = radioGroup_rest(_a, ["children", "options", "mode", "prefixCls", "className", "style", "direction", "type", "buttonSize", "id"]);
     const isButtonRadio = type === radio_constants_strings.TYPE_BUTTON;
     const isPureCardRadio = type === radio_constants_strings.TYPE_PURECARD;
     const isCardRadio = type === radio_constants_strings.TYPE_CARD || isPureCardRadio;
@@ -71160,7 +71348,7 @@ class RadioGroup extends BaseComponent {
         key: index
       }) : null);
     }
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: prefixClsDisplay,
       style: style,
       id: id,
@@ -71170,7 +71358,7 @@ class RadioGroup extends BaseComponent {
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby'],
       "aria-required": this.props['aria-required']
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(radio_context.Provider, {
+    }, this.getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(radio_context.Provider, {
       value: {
         radioGroup: {
           onChange: this.onChange,
@@ -71675,6 +71863,14 @@ rating_item_Item.propTypes = {
   preventScroll: (prop_types_default()).bool
 };
 ;// CONCATENATED MODULE: ./rating/index.tsx
+var rating_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -71911,15 +72107,17 @@ class Rating extends BaseComponent {
     this.foundation.destroy();
   }
   render() {
-    const {
-      style,
-      prefixCls,
-      disabled,
-      className,
-      id,
-      count,
-      tabIndex
-    } = this.props;
+    const _a = this.props,
+      {
+        style,
+        prefixCls,
+        disabled,
+        className,
+        id,
+        count,
+        tabIndex
+      } = _a,
+      rest = rating_rest(_a, ["style", "prefixCls", "disabled", "className", "id", "count", "tabIndex"]);
     const {
       value,
       emptyStarFocusVisible
@@ -71934,7 +72132,7 @@ class Rating extends BaseComponent {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
+      external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", Object.assign({
         "aria-label": ariaLabel,
         "aria-labelledby": this.props['aria-labelledby'],
         "aria-describedby": this.props['aria-describedby'],
@@ -71947,7 +72145,7 @@ class Rating extends BaseComponent {
         onKeyDown: disabled ? function_noop : this.onKeyDown,
         ref: this.saveRate,
         id: id
-      }, itemList)
+      }, this.getDataAttr(rest)), itemList)
     );
   }
 }
@@ -72026,6 +72224,7 @@ var SideSheetContent_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 let SideSheetContent_uuid = 0;
 const SideSheetContent_prefixCls = sideSheet_constants_cssClasses.PREFIX;
 class SideSheetContent extends (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).PureComponent {
@@ -72133,11 +72332,29 @@ class SideSheetContent extends (external_root_React_commonjs2_react_commonjs_rea
     return dialogElement;
   }
   render() {
-    const {
-      mask,
-      className,
-      width
-    } = this.props;
+    const _a = this.props,
+      {
+        mask,
+        className,
+        width,
+        onClose,
+        maskStyle,
+        maskClosable,
+        maskClassName,
+        title,
+        closable,
+        headerStyle,
+        height,
+        style,
+        size,
+        bodyStyle,
+        dialogClassName,
+        children,
+        footer,
+        maskExtraProps,
+        wrapperExtraProps
+      } = _a,
+      rest = SideSheetContent_rest(_a, ["mask", "className", "width", "onClose", "maskStyle", "maskClosable", "maskClassName", "title", "closable", "headerStyle", "height", "style", "size", "bodyStyle", "dialogClassName", "children", "footer", "maskExtraProps", "wrapperExtraProps"]);
     const wrapperCls = classnames_default()(className, {
       [`${SideSheetContent_prefixCls}-fixed`]: !mask,
       [`${SideSheetContent_prefixCls}-size-${this.props.size}`]: !mask
@@ -72146,10 +72363,11 @@ class SideSheetContent extends (external_root_React_commonjs2_react_commonjs_rea
     if (!mask && width) {
       wrapperStyle.width = width;
     }
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const dataAttr = getDataAttr(rest);
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperCls,
       style: wrapperStyle
-    }, this.getMaskElement(), this.getDialogElement());
+    }, dataAttr), this.getMaskElement(), this.getDialogElement());
   }
 }
 SideSheetContent.propTypes = {
@@ -73273,6 +73491,14 @@ var slider = __webpack_require__("1MNb");
 ;// CONCATENATED MODULE: ./slider/index.tsx
 
 
+var slider_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-lines-per-function */
 /* eslint-disable react/no-find-dom-node */
 
@@ -73811,14 +74037,16 @@ class Slider extends BaseComponent {
       min,
       max
     } = this.state;
-    const {
-      vertical,
-      verticalReverse,
-      style,
-      railStyle,
-      range,
-      className
-    } = this.props;
+    const _a = this.props,
+      {
+        vertical,
+        verticalReverse,
+        style,
+        railStyle,
+        range,
+        className
+      } = _a,
+      rest = slider_rest(_a, ["vertical", "verticalReverse", "style", "railStyle", "range", "className"]);
     const wrapperClass = classnames_default()(`${slider_prefixCls}-wrapper`, {
       [`${slider_prefixCls}-disabled`]: disabled,
       [`${slider_constants_cssClasses.VERTICAL}-wrapper`]: vertical,
@@ -73832,14 +74060,14 @@ class Slider extends BaseComponent {
       [slider_constants_cssClasses.VERTICAL]: vertical
     });
     const ariaLabel = range ? `Range: ${this._getAriaValueText(currentValue[0], 0)} to ${this._getAriaValueText(currentValue[1], 1)}` : undefined;
-    const slider = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const slider = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperClass,
       style: style,
       ref: this.sliderEl,
       "aria-label": ariaLabel,
       onMouseEnter: () => this.foundation.handleWrapperEnter(),
       onMouseLeave: () => this.foundation.handleWrapperLeave()
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${slider_prefixCls}-rail`,
       onClick: this.foundation.handleWrapClick,
       style: railStyle
@@ -74305,6 +74533,15 @@ const Step = props => {
 // EXTERNAL MODULE: ../semi-foundation/steps/steps.scss
 var steps = __webpack_require__("/wkG");
 ;// CONCATENATED MODULE: ./steps/fillSteps.tsx
+var fillSteps_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
@@ -74312,16 +74549,17 @@ var steps = __webpack_require__("/wkG");
 
 const Steps = props => {
   const {
-    current,
-    status,
-    children,
-    prefixCls,
-    initial,
-    direction,
-    className,
-    style,
-    onChange
-  } = props;
+      current,
+      status,
+      children,
+      prefixCls,
+      initial,
+      direction,
+      className,
+      style,
+      onChange
+    } = props,
+    rest = fillSteps_rest(props, ["current", "status", "children", "prefixCls", "initial", "direction", "className", "style", "onChange"]);
   const inner = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
     const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).filter(c => /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(c));
     const colStyle = direction === 'vertical' ? null : {
@@ -74363,11 +74601,11 @@ const Steps = props => {
     [prefixCls]: true,
     [`${prefixCls}-${direction}`]: true
   });
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
     className: wrapperCls,
     style: style,
     "aria-label": props["aria-label"]
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(row, {
+  }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(row, {
     type: "flex",
     justify: "start"
   }, inner));
@@ -74390,24 +74628,34 @@ Steps.defaultProps = {
 };
 /* harmony default export */ const fillSteps = (Steps);
 ;// CONCATENATED MODULE: ./steps/basicSteps.tsx
+var basicSteps_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
 
 const basicSteps_Steps = props => {
   const {
-    size,
-    current,
-    status,
-    children,
-    prefixCls,
-    initial,
-    direction,
-    className,
-    style,
-    hasLine,
-    onChange
-  } = props;
+      size,
+      current,
+      status,
+      children,
+      prefixCls,
+      initial,
+      direction,
+      className,
+      style,
+      hasLine,
+      onChange
+    } = props,
+    rest = basicSteps_rest(props, ["size", "current", "status", "children", "prefixCls", "initial", "direction", "className", "style", "hasLine", "onChange"]);
   const inner = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
     const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).filter(c => /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(c));
     const content = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.map(filteredChildren, (child, index) => {
@@ -74448,11 +74696,11 @@ const basicSteps_Steps = props => {
     [`${prefixCls}-${size}`]: size !== 'default',
     [`${prefixCls}-hasline`]: hasLine
   });
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, getDataAttr(rest)), inner);
 };
 basicSteps_Steps.propTypes = {
   prefixCls: (prop_types_default()).string,
@@ -74475,21 +74723,31 @@ basicSteps_Steps.defaultProps = {
 };
 /* harmony default export */ const basicSteps = (basicSteps_Steps);
 ;// CONCATENATED MODULE: ./steps/navSteps.tsx
+var navSteps_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
 
 const navSteps_Steps = props => {
   const {
-    size,
-    current,
-    initial,
-    children,
-    prefixCls,
-    className,
-    style,
-    onChange
-  } = props;
+      size,
+      current,
+      initial,
+      children,
+      prefixCls,
+      className,
+      style,
+      onChange
+    } = props,
+    rest = navSteps_rest(props, ["size", "current", "initial", "children", "prefixCls", "className", "style", "onChange"]);
   const inner = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
     const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).filter(c => /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(c));
     const total = filteredChildren.length;
@@ -74515,11 +74773,11 @@ const navSteps_Steps = props => {
     [`${prefixCls}-nav`]: true,
     [`${prefixCls}-${size}`]: size !== 'default'
   });
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, getDataAttr(rest)), inner);
 };
 navSteps_Steps.propTypes = {
   prefixCls: (prop_types_default()).string,
@@ -74667,6 +74925,14 @@ const switch_constants_strings = {
 var switch_switch = __webpack_require__("HuwZ");
 ;// CONCATENATED MODULE: ./switch/index.tsx
 
+var switch_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-len */
 
 
@@ -74735,17 +75001,19 @@ class Switch extends BaseComponent {
       nativeControlDisabled,
       focusVisible
     } = this.state;
-    const {
-      className,
-      style,
-      onMouseEnter,
-      onMouseLeave,
-      size,
-      checkedText,
-      uncheckedText,
-      loading,
-      id
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        style,
+        onMouseEnter,
+        onMouseLeave,
+        size,
+        checkedText,
+        uncheckedText,
+        loading,
+        id
+      } = _a,
+      rest = switch_rest(_a, ["className", "style", "onMouseEnter", "onMouseLeave", "size", "checkedText", "uncheckedText", "loading", "id"]);
     const wrapperCls = classnames_default()(className, {
       [switch_constants_cssClasses.PREFIX]: true,
       [switch_constants_cssClasses.CHECKED]: nativeControlChecked,
@@ -74763,12 +75031,12 @@ class Switch extends BaseComponent {
     };
     const showCheckedText = checkedText && nativeControlChecked && size !== 'small';
     const showUncheckedText = uncheckedText && !nativeControlChecked && size !== 'small';
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: wrapperCls,
       style: style,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
-    }, loading ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(spin_0, {
+    }, this.getDataAttr(rest)), loading ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(spin_0, {
       wrapperClassName: switch_constants_cssClasses.LOADING_SPIN,
       size: size === 'default' ? 'middle' : size
     }) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
@@ -80862,13 +81130,14 @@ class Table extends BaseComponent {
       getVirtualizedListRef,
       setBodyHasScrollbar: this.setBodyHasScrollbar
     });
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    const dataAttr = this.getDataAttr(rest);
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       ref: this.rootWrapRef,
       className: classnames_default()(className, `${prefixCls}-wrapper`, `${prefixCls}-wrapper-${props.direction}`),
       "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(table_TableContextProvider, Object.assign({}, tableContextValue, {
+    }, dataAttr), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(table_TableContextProvider, Object.assign({}, tableContextValue, {
       direction: props.direction
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(spin_0, {
       spinning: loading,
@@ -81917,7 +82186,6 @@ var tabs_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
-
 const panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
 
 class Tabs extends BaseComponent {
@@ -82176,7 +82444,7 @@ class Tabs extends BaseComponent {
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: tabWrapperCls,
       style: style
-    }, getDataAttr(restProps)), tabBar, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(tabs_context.Provider, {
+    }, this.getDataAttr(restProps)), tabBar, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(tabs_context.Provider, {
       value: {
         activeKey,
         lazyRender,
@@ -82248,6 +82516,15 @@ const timeline_constants_strings = {
 
 ;// CONCATENATED MODULE: ./timeline/item.tsx
 
+var timeline_item_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
@@ -82256,17 +82533,19 @@ const timeline_constants_strings = {
 const timeline_item_prefixCls = timeline_constants_cssClasses.ITEM;
 class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_.PureComponent {
   render() {
-    const {
-      className,
-      color,
-      children,
-      dot,
-      type,
-      style,
-      time,
-      extra,
-      onClick
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        color,
+        children,
+        dot,
+        type,
+        style,
+        time,
+        extra,
+        onClick
+      } = _a,
+      rest = timeline_item_rest(_a, ["className", "color", "children", "dot", "type", "style", "time", "extra", "onClick"]);
     const itemCls = classnames_default()(timeline_item_prefixCls, className);
     const dotCls = classnames_default()({
       [`${timeline_item_prefixCls}-head`]: true,
@@ -82278,11 +82557,11 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
         backgroundColor: color
       }
     } : null;
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", Object.assign({
       className: itemCls,
       style: style,
       onClick: onClick
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
       className: `${timeline_item_prefixCls}-tail`,
       "aria-hidden": true
     }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
@@ -82314,6 +82593,15 @@ timeline_item_Item.defaultProps = {
   onClick: (noop_default())
 };
 ;// CONCATENATED MODULE: ./timeline/index.tsx
+var timeline_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 
 
 
@@ -82360,13 +82648,15 @@ class Timeline extends external_root_React_commonjs2_react_commonjs_react_amd_re
     });
   }
   render() {
-    const {
-      children,
-      className,
-      style,
-      mode,
-      dataSource
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        className,
+        style,
+        mode,
+        dataSource
+      } = _a,
+      rest = timeline_rest(_a, ["children", "className", "style", "mode", "dataSource"]);
     const classString = classnames_default()(timeline_prefixCls, className, {
       [`${timeline_prefixCls}-${mode}`]: mode
     });
@@ -82378,11 +82668,11 @@ class Timeline extends external_root_React_commonjs2_react_commonjs_react_amd_re
       childrenList = this.addClassName(items);
     }
     const items = childrenList || this.addClassName(children);
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", Object.assign({
       "aria-label": this.props['aria-label'],
       style: style,
       className: classString
-    }, items);
+    }, getDataAttr(rest)), items);
   }
 }
 Timeline.contextType = context;
@@ -85555,6 +85845,14 @@ var tree = __webpack_require__("TKyF");
 
 
 
+var tree_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-lines-per-function */
 
 
@@ -86117,26 +86415,28 @@ class Tree extends BaseComponent {
       checkedKeys,
       realCheckedKeys
     } = this.state;
-    const {
-      blockNode,
-      className,
-      style,
-      filterTreeNode,
-      disabled,
-      icon,
-      directory,
-      multiple,
-      showFilteredOnly,
-      motion,
-      expandAction,
-      loadData,
-      renderLabel,
-      draggable,
-      renderFullLabel,
-      labelEllipsis,
-      virtualize,
-      checkRelation
-    } = this.props;
+    const _a = this.props,
+      {
+        blockNode,
+        className,
+        style,
+        filterTreeNode,
+        disabled,
+        icon,
+        directory,
+        multiple,
+        showFilteredOnly,
+        motion,
+        expandAction,
+        loadData,
+        renderLabel,
+        draggable,
+        renderFullLabel,
+        labelEllipsis,
+        virtualize,
+        checkRelation
+      } = _a,
+      rest = tree_rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "motion", "expandAction", "loadData", "renderLabel", "draggable", "renderFullLabel", "labelEllipsis", "virtualize", "checkRelation"]);
     const wrapperCls = classnames_default()(`${tree_prefixcls}-wrapper`, className);
     const listCls = classnames_default()(`${tree_prefixcls}-option-list`, {
       [`${tree_prefixcls}-option-list-block`]: blockNode
@@ -86185,11 +86485,11 @@ class Tree extends BaseComponent {
         dropPosition,
         labelEllipsis: typeof labelEllipsis === 'undefined' ? virtualize : labelEllipsis
       }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       "aria-label": this.props['aria-label'],
       className: wrapperCls,
       style: style
-    }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
+    }, this.getDataAttr(rest)), filterTreeNode ? this.renderInput() : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: listCls
     }, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(checkboxGroup, {
       value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)
@@ -87079,6 +87379,14 @@ var treeSelect = __webpack_require__("ZrYm");
 
 
 
+var treeSelect_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -87404,24 +87712,26 @@ class TreeSelect extends BaseComponent {
       return null;
     };
     this.renderSelection = () => {
-      const {
-        disabled,
-        multiple,
-        filterTreeNode,
-        validateStatus,
-        prefix,
-        suffix,
-        style,
-        size,
-        insetLabel,
-        className,
-        placeholder,
-        showClear,
-        leafOnly,
-        searchPosition,
-        triggerRender,
-        borderless
-      } = this.props;
+      const _a = this.props,
+        {
+          disabled,
+          multiple,
+          filterTreeNode,
+          validateStatus,
+          prefix,
+          suffix,
+          style,
+          size,
+          insetLabel,
+          className,
+          placeholder,
+          showClear,
+          leafOnly,
+          searchPosition,
+          triggerRender,
+          borderless
+        } = _a,
+        rest = treeSelect_rest(_a, ["disabled", "multiple", "filterTreeNode", "validateStatus", "prefix", "suffix", "style", "size", "insetLabel", "className", "placeholder", "showClear", "leafOnly", "searchPosition", "triggerRender", "borderless"]);
       const {
         inputValue,
         selectedKeys,
@@ -87503,7 +87813,7 @@ class TreeSelect extends BaseComponent {
         "aria-labelledby": this.props['aria-labelledby'],
         "aria-describedby": this.props['aria-describedby'],
         "aria-required": this.props['aria-required']
-      }, mouseEvent), inner);
+      }, mouseEvent, this.getDataAttr(rest)), inner);
     };
     // eslint-disable-next-line @typescript-eslint/no-shadow
     this.renderTagItem = (key, idx) => {
@@ -89840,6 +90150,14 @@ var upload = __webpack_require__("kbHv");
 ;// CONCATENATED MODULE: ./upload/index.tsx
 
 
+var upload_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 /* eslint-disable max-len */
 
 
@@ -90293,22 +90611,24 @@ class Upload extends BaseComponent {
     this.foundation.destroy();
   }
   render() {
-    const {
-      style,
-      className,
-      multiple,
-      accept,
-      disabled,
-      children,
-      capture,
-      listType,
-      prompt,
-      promptPosition,
-      draggable,
-      validateMessage,
-      validateStatus,
-      directory
-    } = this.props;
+    const _a = this.props,
+      {
+        style,
+        className,
+        multiple,
+        accept,
+        disabled,
+        children,
+        capture,
+        listType,
+        prompt,
+        promptPosition,
+        draggable,
+        validateMessage,
+        validateStatus,
+        directory
+      } = _a,
+      rest = upload_rest(_a, ["style", "className", "multiple", "accept", "disabled", "children", "capture", "listType", "prompt", "promptPosition", "draggable", "validateMessage", "validateStatus", "directory"]);
     const uploadCls = classnames_default()(upload_prefixCls, {
       [`${upload_prefixCls}-picture`]: listType === upload_constants_strings.FILE_LIST_PIC,
       [`${upload_prefixCls}-disabled`]: disabled,
@@ -90325,11 +90645,11 @@ class Upload extends BaseComponent {
       directory: 'directory',
       webkitdirectory: 'webkitdirectory'
     } : {};
-    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: uploadCls,
       style: style,
       "x-prompt-pos": promptPosition
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", Object.assign({
+    }, this.getDataAttr(rest)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", Object.assign({
       key: this.state.inputKey,
       capture: capture,
       multiple: multiple,
@@ -90754,6 +91074,14 @@ var transfer = __webpack_require__("4XZ2");
 
 
 
+var transfer_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];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 
 
 
@@ -91295,23 +91623,25 @@ class Transfer extends BaseComponent {
     }, headerCom, content);
   }
   render() {
-    const {
-      className,
-      style,
-      disabled,
-      renderSelectedPanel,
-      renderSourcePanel
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        style,
+        disabled,
+        renderSelectedPanel,
+        renderSourcePanel
+      } = _a,
+      rest = transfer_rest(_a, ["className", "style", "disabled", "renderSelectedPanel", "renderSourcePanel"]);
     const transferCls = classnames_default()(transfer_prefixCls, className, {
       [`${transfer_prefixCls}-disabled`]: disabled,
       [`${transfer_prefixCls}-custom-panel`]: renderSelectedPanel && renderSourcePanel
     });
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(LocaleConsumer, {
       componentName: "Transfer"
-    }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    }, locale => /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", Object.assign({
       className: transferCls,
       style: style
-    }, this.renderLeft(locale), this.renderRight(locale)));
+    }, this.getDataAttr(rest)), this.renderLeft(locale), this.renderRight(locale)));
   }
 }
 Transfer.propTypes = {