@douyinfe/semi-ui 2.36.0 → 2.37.0

package/lib/cjs/select/index.js

@@ -42,9 +42,16 @@ require("@douyinfe/semi-foundation/lib/cjs/select/select.css");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__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 */
-
 const prefixcls = _constants.cssClasses.PREFIX;
 const key = 0;
 // Notes: Use the label of the option as the identifier, that is, the option in Select, the value is allowed to be the same, but the label must be unique
@@ -1031,25 +1038,27 @@ class Select extends _baseComponent.default {
     }, 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 = __rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless"]);
     const {
       selections,
       isOpen,
@@ -1149,7 +1158,7 @@ class Select extends _baseComponent.default {
         onFocus: e => this.foundation.handleTriggerFocus(e),
         onBlur: e => this.foundation.handleTriggerBlur(e),
         onKeyPress: this.onKeyPress
-      }, keyboardEventSet), inner)
+      }, keyboardEventSet, this.getDataAttr(rest)), inner)
     );
   }
   render() {

package/lib/cjs/sideSheet/SideSheetContent.js

@@ -11,6 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/sideSheet/constants");
 var _iconButton = _interopRequireDefault(require("../iconButton"));
 var _semiIcons = require("@douyinfe/semi-icons");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
@@ -127,11 +128,29 @@ class SideSheetContent extends _react.default.PureComponent {
     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 = __rest(_a, ["mask", "className", "width", "onClose", "maskStyle", "maskClosable", "maskClassName", "title", "closable", "headerStyle", "height", "style", "size", "bodyStyle", "dialogClassName", "children", "footer", "maskExtraProps", "wrapperExtraProps"]);
     const wrapperCls = (0, _classnames.default)(className, {
       [`${prefixCls}-fixed`]: !mask,
       [`${prefixCls}-size-${this.props.size}`]: !mask
@@ -140,10 +159,11 @@ class SideSheetContent extends _react.default.PureComponent {
     if (!mask && width) {
       wrapperStyle.width = width;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    const dataAttr = (0, _getDataAttr.default)(rest);
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: wrapperCls,
       style: wrapperStyle
-    }, this.getMaskElement(), this.getDialogElement());
+    }, dataAttr), this.getMaskElement(), this.getDialogElement());
   }
 }
 exports.default = SideSheetContent;

package/lib/cjs/slider/index.js

@@ -16,9 +16,16 @@ var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/
 var _index = _interopRequireDefault(require("../tooltip/index"));
 require("@douyinfe/semi-foundation/lib/cjs/slider/slider.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__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 */
-
 const prefixCls = _constants.cssClasses.PREFIX;
 function domIsInRenderTree(e) {
   if (!e) {
@@ -546,14 +553,16 @@ class Slider extends _baseComponent.default {
       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 = __rest(_a, ["vertical", "verticalReverse", "style", "railStyle", "range", "className"]);
     const wrapperClass = (0, _classnames.default)(`${prefixCls}-wrapper`, {
       [`${prefixCls}-disabled`]: disabled,
       [`${_constants.cssClasses.VERTICAL}-wrapper`]: vertical,
@@ -567,14 +576,14 @@ class Slider extends _baseComponent.default {
       [_constants.cssClasses.VERTICAL]: vertical
     });
     const ariaLabel = range ? `Range: ${this._getAriaValueText(currentValue[0], 0)} to ${this._getAriaValueText(currentValue[1], 1)}` : undefined;
-    const slider = /*#__PURE__*/_react.default.createElement("div", {
+    const slider = /*#__PURE__*/_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__*/_react.default.createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-rail`,
       onClick: this.foundation.handleWrapClick,
       style: railStyle

package/lib/cjs/spin/index.js

@@ -13,6 +13,14 @@ var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/
 var _icon = _interopRequireDefault(require("./icon"));
 require("@douyinfe/semi-foundation/lib/cjs/spin/spin.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__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 prefixCls = _constants.cssClasses.PREFIX;
 class Spin extends _baseComponent.default {
   constructor(props) {
@@ -70,13 +78,15 @@ class Spin extends _baseComponent.default {
   }
   render() {
     this.foundation.updateLoadingIfNeedDelay();
-    const {
-      children,
-      style,
-      wrapperClassName,
-      childStyle,
-      size
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        style,
+        wrapperClassName,
+        childStyle,
+        size
+      } = _a,
+      rest = __rest(_a, ["children", "style", "wrapperClassName", "childStyle", "size"]);
     const {
       loading
     } = this.state;
@@ -85,10 +95,10 @@ class Spin extends _baseComponent.default {
       [`${prefixCls}-block`]: children,
       [`${prefixCls}-hidden`]: !loading
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: spinCls,
       style: style
-    }, this.renderSpin(), /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getDataAttr(rest)), this.renderSpin(), /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-children`,
       style: childStyle,
       "x-semi-prop": "children"

package/lib/cjs/steps/basicSteps.js

@@ -8,23 +8,33 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __rest = void 0 && (void 0).__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 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 = __rest(props, ["size", "current", "status", "children", "prefixCls", "initial", "direction", "className", "style", "hasLine", "onChange"]);
   const inner = (0, _react.useMemo)(() => {
     const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
     const content = _react.Children.map(filteredChildren, (child, index) => {
@@ -65,11 +75,11 @@ const Steps = props => {
     [`${prefixCls}-${size}`]: size !== 'default',
     [`${prefixCls}-hasline`]: hasLine
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, (0, _getDataAttr.default)(rest)), inner);
 };
 Steps.propTypes = {
   prefixCls: _propTypes.default.string,

package/lib/cjs/steps/fillSteps.js

@@ -8,22 +8,32 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _grid = require("../grid");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __rest = void 0 && (void 0).__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 Steps = props => {
   const {
-    current,
-    status,
-    children,
-    prefixCls,
-    initial,
-    direction,
-    className,
-    style,
-    onChange
-  } = props;
+      current,
+      status,
+      children,
+      prefixCls,
+      initial,
+      direction,
+      className,
+      style,
+      onChange
+    } = props,
+    rest = __rest(props, ["current", "status", "children", "prefixCls", "initial", "direction", "className", "style", "onChange"]);
   const inner = (0, _react.useMemo)(() => {
     const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
     const colStyle = direction === 'vertical' ? null : {
@@ -65,11 +75,11 @@ const Steps = props => {
     [prefixCls]: true,
     [`${prefixCls}-${direction}`]: true
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     className: wrapperCls,
     style: style,
     "aria-label": props["aria-label"]
-  }, /*#__PURE__*/_react.default.createElement(_grid.Row, {
+  }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement(_grid.Row, {
     type: "flex",
     justify: "start"
   }, inner));

package/lib/cjs/steps/navSteps.js

@@ -6,22 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __rest = void 0 && (void 0).__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 Steps = props => {
   const {
-    size,
-    current,
-    initial,
-    children,
-    prefixCls,
-    className,
-    style,
-    onChange
-  } = props;
+      size,
+      current,
+      initial,
+      children,
+      prefixCls,
+      className,
+      style,
+      onChange
+    } = props,
+    rest = __rest(props, ["size", "current", "initial", "children", "prefixCls", "className", "style", "onChange"]);
   const inner = (0, _react.useMemo)(() => {
     const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
     const total = filteredChildren.length;
@@ -47,11 +57,11 @@ const Steps = props => {
     [`${prefixCls}-nav`]: true,
     [`${prefixCls}-${size}`]: size !== 'default'
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, (0, _getDataAttr.default)(rest)), inner);
 };
 Steps.propTypes = {
   prefixCls: _propTypes.default.string,

package/lib/cjs/switch/index.js

@@ -14,6 +14,14 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 require("@douyinfe/semi-foundation/lib/cjs/switch/switch.css");
 var _spin = _interopRequireDefault(require("../spin"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__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 */
 
 class Switch extends _baseComponent.default {
@@ -75,17 +83,19 @@ class Switch extends _baseComponent.default {
       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 = __rest(_a, ["className", "style", "onMouseEnter", "onMouseLeave", "size", "checkedText", "uncheckedText", "loading", "id"]);
     const wrapperCls = (0, _classnames.default)(className, {
       [_constants.cssClasses.PREFIX]: true,
       [_constants.cssClasses.CHECKED]: nativeControlChecked,
@@ -103,12 +113,12 @@ class Switch extends _baseComponent.default {
     };
     const showCheckedText = checkedText && nativeControlChecked && size !== 'small';
     const showUncheckedText = uncheckedText && !nativeControlChecked && size !== 'small';
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: wrapperCls,
       style: style,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
-    }, loading ? /*#__PURE__*/_react.default.createElement(_spin.default, {
+    }, this.getDataAttr(rest)), loading ? /*#__PURE__*/_react.default.createElement(_spin.default, {
       wrapperClassName: _constants.cssClasses.LOADING_SPIN,
       size: size === 'default' ? 'middle' : size
     }) : /*#__PURE__*/_react.default.createElement("div", {

package/lib/cjs/table/Table.d.ts

@@ -311,6 +311,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
+        disabled?: boolean;
     };
     render(): JSX.Element;
 }

package/lib/cjs/table/Table.js

@@ -1307,13 +1307,14 @@ class Table extends _baseComponent.default {
       getVirtualizedListRef,
       setBodyHasScrollbar: this.setBodyHasScrollbar
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    const dataAttr = this.getDataAttr(rest);
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       ref: this.rootWrapRef,
       className: (0, _classnames.default)(className, `${prefixCls}-wrapper`, `${prefixCls}-wrapper-${props.direction}`),
       "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
-    }, /*#__PURE__*/_react.default.createElement(_TableContextProvider.default, Object.assign({}, tableContextValue, {
+    }, dataAttr), /*#__PURE__*/_react.default.createElement(_TableContextProvider.default, Object.assign({}, tableContextValue, {
       direction: props.direction
     }), /*#__PURE__*/_react.default.createElement(_spin.default, {
       spinning: loading,

package/lib/cjs/tabs/index.js

@@ -12,7 +12,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tabs/constants");
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/tabs/foundation"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 require("@douyinfe/semi-foundation/lib/cjs/tabs/tabs.css");
@@ -300,7 +299,7 @@ class Tabs extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: tabWrapperCls,
       style: style
-    }, (0, _getDataAttr.default)(restProps)), tabBar, /*#__PURE__*/_react.default.createElement(_tabsContext.default.Provider, {
+    }, this.getDataAttr(restProps)), tabBar, /*#__PURE__*/_react.default.createElement(_tabsContext.default.Provider, {
       value: {
         activeKey,
         lazyRender,

package/lib/cjs/tagInput/index.js

@@ -25,6 +25,14 @@ var _paragraph = _interopRequireDefault(require("../typography/paragraph"));
 var _semiIcons = require("@douyinfe/semi-icons");
 var _reactSortableHoc = require("react-sortable-hoc");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __rest = void 0 && (void 0).__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 prefixCls = _constants.cssClasses.PREFIX;
 const SortableItem = (0, _reactSortableHoc.SortableElement)(props => props.item);
 const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
@@ -431,14 +439,16 @@ class TagInput extends _baseComponent.default {
     }
   }
   render() {
-    const {
-      size,
-      style,
-      className,
-      disabled,
-      placeholder,
-      validateStatus
-    } = this.props;
+    const _a = this.props,
+      {
+        size,
+        style,
+        className,
+        disabled,
+        placeholder,
+        validateStatus
+      } = _a,
+      rest = __rest(_a, ["size", "style", "className", "disabled", "placeholder", "validateStatus"]);
     const {
       focusing,
       hovering,
@@ -460,7 +470,7 @@ class TagInput extends _baseComponent.default {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line
-      _react.default.createElement("div", {
+      _react.default.createElement("div", Object.assign({
         ref: this.tagInputRef,
         style: style,
         className: tagInputCls,
@@ -476,7 +486,7 @@ class TagInput extends _baseComponent.default {
         onClick: e => {
           this.handleClick(e);
         }
-      }, this.renderPrefix(), /*#__PURE__*/_react.default.createElement("div", {
+      }, this.getDataAttr(rest)), this.renderPrefix(), /*#__PURE__*/_react.default.createElement("div", {
         className: wrapperCls
       }, this.renderTags(), /*#__PURE__*/_react.default.createElement(_input.default, {
         "aria-label": 'input value',

package/lib/cjs/timeline/index.js

@@ -9,11 +9,20 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _context = _interopRequireDefault(require("../configProvider/context"));
 var _item = _interopRequireDefault(require("./item"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var __rest = void 0 && (void 0).__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 prefixCls = _constants.cssClasses.PREFIX;
 class Timeline extends _react.PureComponent {
   constructor() {
@@ -53,13 +62,15 @@ class Timeline extends _react.PureComponent {
     });
   }
   render() {
-    const {
-      children,
-      className,
-      style,
-      mode,
-      dataSource
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        className,
+        style,
+        mode,
+        dataSource
+      } = _a,
+      rest = __rest(_a, ["children", "className", "style", "mode", "dataSource"]);
     const classString = (0, _classnames.default)(prefixCls, className, {
       [`${prefixCls}-${mode}`]: mode
     });
@@ -71,11 +82,11 @@ class Timeline extends _react.PureComponent {
       childrenList = this.addClassName(items);
     }
     const items = childrenList || this.addClassName(children);
-    return /*#__PURE__*/_react.default.createElement("ul", {
+    return /*#__PURE__*/_react.default.createElement("ul", Object.assign({
       "aria-label": this.props['aria-label'],
       style: style,
       className: classString
-    }, items);
+    }, (0, _getDataAttr.default)(rest)), items);
   }
 }
 Timeline.contextType = _context.default;