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

package/lib/cjs/pagination/index.js

@@ -22,9 +22,16 @@ var _index2 = _interopRequireDefault(require("../inputNumber/index"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _index3 = _interopRequireDefault(require("../popover/index"));
 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 jsx-a11y/no-noninteractive-element-to-interactive-role */
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const {
   Option
@@ -131,21 +138,23 @@ class Pagination extends _baseComponent.default {
   }
   renderPrevBtn() {
     const {
-      prevText
+      prevText,
+      disabled
     } = this.props;
     const {
       prevDisabled
     } = this.state;
+    const isDisabled = prevDisabled || disabled;
     const preClassName = (0, _classnames.default)({
       [`${prefixCls}-item`]: true,
       [`${prefixCls}-prev`]: true,
-      [`${prefixCls}-item-disabled`]: prevDisabled
+      [`${prefixCls}-item-disabled`]: isDisabled
     });
     return /*#__PURE__*/_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__*/_react.default.createElement(_semiIcons.IconChevronLeft, {
@@ -154,21 +163,23 @@ class Pagination extends _baseComponent.default {
   }
   renderNextBtn() {
     const {
-      nextText
+      nextText,
+      disabled
     } = this.props;
     const {
       nextDisabled
     } = this.state;
+    const isDisabled = nextDisabled || disabled;
     const nextClassName = (0, _classnames.default)({
       [`${prefixCls}-item`]: true,
-      [`${prefixCls}-item-disabled`]: nextDisabled,
+      [`${prefixCls}-item-disabled`]: isDisabled,
       [`${prefixCls}-next`]: true
     });
     return /*#__PURE__*/_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__*/_react.default.createElement(_semiIcons.IconChevronRight, {
@@ -183,7 +194,8 @@ class Pagination extends _baseComponent.default {
     const defaultPopoverPosition = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
     const {
       showSizeChanger,
-      popoverPosition = defaultPopoverPosition
+      popoverPosition = defaultPopoverPosition,
+      disabled
     } = this.props;
     const {
       pageSize
@@ -203,6 +215,7 @@ class Pagination extends _baseComponent.default {
       className: switchCls
     }, /*#__PURE__*/_react.default.createElement(_index.default, {
       "aria-label": "Page size selector",
+      disabled: disabled,
       onChange: newPageSize => this.foundation.changePageSize(newPageSize),
       value: pageSize,
       key: pageSize,
@@ -213,7 +226,8 @@ class Pagination extends _baseComponent.default {
   }
   renderQuickJump(locale) {
     const {
-      showQuickJumper
+      showQuickJumper,
+      disabled
     } = this.props;
     const {
       quickJumpPage,
@@ -224,7 +238,7 @@ class Pagination extends _baseComponent.default {
       return null;
     }
     const totalPageNum = this.foundation._getTotalPageNumber(total, pageSize);
-    const isDisabled = totalPageNum === 1;
+    const isDisabled = totalPageNum === 1 || disabled;
     const quickJumpCls = (0, _classnames.default)({
       [`${prefixCls}-quickjump`]: true,
       [`${prefixCls}-quickjump-disabled`]: isDisabled
@@ -250,22 +264,25 @@ class Pagination extends _baseComponent.default {
     } = this.state;
     const {
       popoverPosition,
-      popoverZIndex
+      popoverZIndex,
+      disabled
     } = this.props;
     return pageList.map((page, i) => {
       const pageListClassName = (0, _classnames.default)(`${prefixCls}-item`, {
-        [`${prefixCls}-item-active`]: currentPage === page
+        [`${prefixCls}-item-active`]: currentPage === page,
+        [`${prefixCls}-item-all-disabled`]: disabled,
+        [`${prefixCls}-item-all-disabled-active`]: currentPage === page && disabled
         // [`${prefixCls}-item-rest-opening`]: (i < 3 && isLeftRestHover && page ==='...') || (i > 3 && isRightRestHover && page === '...')
       });
 
       const pageEl = /*#__PURE__*/_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__*/_react.default.createElement(_index3.default, {
@@ -321,14 +338,19 @@ class Pagination extends _baseComponent.default {
     );
   }
   renderSmallPage(locale) {
-    const {
-      className,
-      style,
-      hideOnSinglePage,
-      hoverShowPageSelect,
-      showSizeChanger
-    } = this.props;
-    const paginationCls = (0, _classnames.default)(`${prefixCls}-small`, prefixCls, className);
+    const _a = this.props,
+      {
+        className,
+        style,
+        hideOnSinglePage,
+        hoverShowPageSelect,
+        showSizeChanger,
+        disabled
+      } = _a,
+      rest = __rest(_a, ["className", "style", "hideOnSinglePage", "hoverShowPageSelect", "showSizeChanger", "disabled"]);
+    const paginationCls = (0, _classnames.default)(`${prefixCls}-small`, prefixCls, className, {
+      [`${prefixCls}-disabled`]: disabled
+    });
     const {
       currentPage,
       total,
@@ -342,13 +364,18 @@ class Pagination extends _baseComponent.default {
       length: Math.ceil(total / pageSize)
     }, (v, i) => i + 1);
     const pageList = this.renderRestPageList(pageNumbers);
+    const pageCls = (0, _classnames.default)({
+      [`${prefixCls}-item`]: true,
+      [`${prefixCls}-item-small`]: true,
+      [`${prefixCls}-item-all-disabled`]: disabled
+    });
     const page = /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-item ${prefixCls}-item-small`
+      className: pageCls
     }, currentPage, "/", totalPageNum, " ");
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: paginationCls,
       style: style
-    }, this.renderPrevBtn(), hoverShowPageSelect ? /*#__PURE__*/_react.default.createElement(_index3.default, {
+    }, this.getDataAttr(rest)), this.renderPrevBtn(), hoverShowPageSelect && !disabled ? /*#__PURE__*/_react.default.createElement(_index3.default, {
       content: pageList
     }, page) : page, this.renderNextBtn(), this.renderQuickJump(locale));
   }
@@ -357,14 +384,19 @@ class Pagination extends _baseComponent.default {
       total,
       pageSize
     } = this.state;
-    const {
-      showTotal,
-      className,
-      style,
-      hideOnSinglePage,
-      showSizeChanger
-    } = this.props;
-    const paginationCls = (0, _classnames.default)(className, `${prefixCls}`);
+    const _a = this.props,
+      {
+        showTotal,
+        className,
+        style,
+        hideOnSinglePage,
+        showSizeChanger,
+        disabled
+      } = _a,
+      rest = __rest(_a, ["showTotal", "className", "style", "hideOnSinglePage", "showSizeChanger", "disabled"]);
+    const paginationCls = (0, _classnames.default)(className, `${prefixCls}`, {
+      [`${prefixCls}-disabled`]: disabled
+    });
     const showTotalCls = `${prefixCls}-total`;
     const totalPageNum = Math.ceil(total / pageSize);
     if (totalPageNum < 2 && hideOnSinglePage && !showSizeChanger) {
@@ -372,10 +404,10 @@ class Pagination extends _baseComponent.default {
     }
     const totalNum = Math.ceil(total / pageSize);
     const totalToken = locale.total.replace('${total}', totalNum.toString());
-    return /*#__PURE__*/_react.default.createElement("ul", {
+    return /*#__PURE__*/_react.default.createElement("ul", Object.assign({
       className: paginationCls,
       style: style
-    }, showTotal ? /*#__PURE__*/_react.default.createElement("span", {
+    }, this.getDataAttr(rest)), showTotal ? /*#__PURE__*/_react.default.createElement("span", {
       className: showTotalCls
     }, totalToken) : null, this.renderPrevBtn(), this.renderPageList(), this.renderNextBtn(), this.renderPageSizeSwitch(locale), this.renderQuickJump(locale));
   }
@@ -410,7 +442,8 @@ Pagination.propTypes = {
   className: _propTypes.default.string,
   hideOnSinglePage: _propTypes.default.bool,
   hoverShowPageSelect: _propTypes.default.bool,
-  showQuickJumper: _propTypes.default.bool
+  showQuickJumper: _propTypes.default.bool,
+  disabled: _propTypes.default.bool
 };
 Pagination.defaultProps = {
   total: 1,
@@ -426,5 +459,6 @@ Pagination.defaultProps = {
   showSizeChanger: false,
   className: '',
   hideOnSinglePage: false,
-  showQuickJumper: false
+  showQuickJumper: false,
+  disabled: false
 };

package/lib/cjs/progress/index.js

@@ -8,12 +8,21 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/progress/constants");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 require("@douyinfe/semi-foundation/lib/cjs/progress/progress.css");
 var _semiAnimation = require("@douyinfe/semi-animation");
 var _generates = require("@douyinfe/semi-foundation/lib/cjs/progress/generates");
 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 Progress extends _react.Component {
   constructor(props) {
@@ -81,20 +90,22 @@ class Progress extends _react.Component {
     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 = __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'];
@@ -124,7 +135,7 @@ class Progress extends _react.Component {
     const strokeDashoffset = (1 - perc / 100) * circumference; // Offset
     const strokeDasharray = `${circumference} ${circumference}`;
     const text = format(percNumber);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       id: id,
       className: classNames.wrapper,
       style: style,
@@ -135,7 +146,7 @@ class Progress extends _react.Component {
       "aria-labelledby": ariaLabelledBy,
       "aria-label": ariaLabel,
       "aria-valuetext": ariaValueText
-    }, /*#__PURE__*/_react.default.createElement("svg", {
+    }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement("svg", {
       key: size,
       className: classNames.svg,
       height: width,
@@ -190,19 +201,21 @@ class Progress extends _react.Component {
     return _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 = __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'];
@@ -231,7 +244,7 @@ class Progress extends _react.Component {
       innerStyle.height = `${perc}%`;
     }
     const text = format(percNumber);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       id: id,
       className: progressWrapperCls,
       style: style,
@@ -242,7 +255,7 @@ class Progress extends _react.Component {
       "aria-labelledby": ariaLabelledBy,
       "aria-label": ariaLabel,
       "aria-valuetext": ariaValueText
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement("div", {
       className: progressTrackCls,
       style: orbitStroke ? {
         backgroundColor: orbitStroke

package/lib/cjs/radio/radio.js

@@ -18,6 +18,14 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _radioInner = _interopRequireDefault(require("./radioInner"));
 var _context = _interopRequireDefault(require("./context"));
 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 prefer-destructuring */
 
 class Radio extends _baseComponent.default {
@@ -112,21 +120,23 @@ class Radio extends _baseComponent.default {
     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 = __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,
@@ -207,12 +217,12 @@ class Radio extends _baseComponent.default {
         "x-semi-prop": "extra"
       }, extra) : null);
     };
-    return /*#__PURE__*/_react.default.createElement("label", {
+    return /*#__PURE__*/_react.default.createElement("label", Object.assign({
       style: style,
       className: wrapper,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave
-    }, /*#__PURE__*/_react.default.createElement(_radioInner.default, Object.assign({}, this.props, props, {
+    }, this.getDataAttr(rest)), /*#__PURE__*/_react.default.createElement(_radioInner.default, Object.assign({}, this.props, props, {
       mode: realMode,
       name: name !== null && name !== void 0 ? name : groupName,
       isButtonRadio: isButtonRadio,

package/lib/cjs/radio/radioGroup.js

@@ -14,6 +14,14 @@ var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 var _radio = _interopRequireDefault(require("./radio"));
 var _context = _interopRequireDefault(require("./context"));
 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;
+};
 class RadioGroup extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -57,18 +65,20 @@ class RadioGroup extends _baseComponent.default {
     });
   }
   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 = __rest(_a, ["children", "options", "mode", "prefixCls", "className", "style", "direction", "type", "buttonSize", "id"]);
     const isButtonRadio = type === _constants.strings.TYPE_BUTTON;
     const isPureCardRadio = type === _constants.strings.TYPE_PURECARD;
     const isCardRadio = type === _constants.strings.TYPE_CARD || isPureCardRadio;
@@ -108,7 +118,7 @@ class RadioGroup extends _baseComponent.default {
         key: index
       }) : null);
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: prefixClsDisplay,
       style: style,
       id: id,
@@ -118,7 +128,7 @@ class RadioGroup extends _baseComponent.default {
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby'],
       "aria-required": this.props['aria-required']
-    }, /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+    }, this.getDataAttr(rest)), /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
       value: {
         radioGroup: {
           onChange: this.onChange,

package/lib/cjs/rating/index.js

@@ -17,6 +17,14 @@ var _tooltip = _interopRequireDefault(require("../tooltip"));
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/rating/foundation"));
 require("@douyinfe/semi-foundation/lib/cjs/rating/rating.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;
+};
 class Rating extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -241,15 +249,17 @@ class Rating extends _baseComponent.default {
     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 = __rest(_a, ["style", "prefixCls", "disabled", "className", "id", "count", "tabIndex"]);
     const {
       value,
       emptyStarFocusVisible
@@ -264,7 +274,7 @@ class Rating extends _baseComponent.default {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-      _react.default.createElement("ul", {
+      _react.default.createElement("ul", Object.assign({
         "aria-label": ariaLabel,
         "aria-labelledby": this.props['aria-labelledby'],
         "aria-describedby": this.props['aria-describedby'],
@@ -277,7 +287,7 @@ class Rating extends _baseComponent.default {
         onKeyDown: disabled ? _function.noop : this.onKeyDown,
         ref: this.saveRate,
         id: id
-      }, itemList)
+      }, this.getDataAttr(rest)), itemList)
     );
   }
 }

package/lib/cjs/scrollList/index.js

@@ -13,6 +13,14 @@ var _scrollItem = _interopRequireDefault(require("./scrollItem"));
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/scrollList/foundation"));
 require("@douyinfe/semi-foundation/lib/cjs/scrollList/scrollList.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-next-line @typescript-eslint/ban-types
 class ScrollList extends _baseComponent.default {
   constructor(props) {
@@ -20,25 +28,27 @@ class ScrollList extends _baseComponent.default {
     this.foundation = new _foundation.default(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 = __rest(_a, ["children", "header", "footer", "prefixCls", "bodyHeight", "className", "style"]);
     const clsWrapper = (0, _classnames.default)(className, {
       [prefixCls || _constants.cssClasses.PREFIX]: true
     });
     const clsHeader = (0, _classnames.default)({
       [`${prefixCls || _constants.cssClasses.PREFIX}-header`]: true
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: clsWrapper,
       style: style
-    }, header ? /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getDataAttr(rest)), header ? /*#__PURE__*/_react.default.createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: `${clsHeader}-title`,