@douyinfe/semi-ui 2.36.0 → 2.37.0

package/lib/cjs/timeline/item.js

@@ -9,24 +9,35 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.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;
+};
 const prefixCls = _constants.cssClasses.ITEM;
 class Item extends _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 = __rest(_a, ["className", "color", "children", "dot", "type", "style", "time", "extra", "onClick"]);
     const itemCls = (0, _classnames.default)(prefixCls, className);
     const dotCls = (0, _classnames.default)({
       [`${prefixCls}-head`]: true,
@@ -38,11 +49,11 @@ class Item extends _react.PureComponent {
         backgroundColor: color
       }
     } : null;
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/_react.default.createElement("li", Object.assign({
       className: itemCls,
       style: style,
       onClick: onClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-tail`,
       "aria-hidden": true
     }), /*#__PURE__*/_react.default.createElement("div", Object.assign({

package/lib/cjs/toast/index.d.ts

@@ -26,6 +26,7 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -59,6 +60,7 @@ declare const createBaseToast: () => {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -120,6 +122,7 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;
@@ -153,6 +156,7 @@ declare const _default: {
         componentWillUnmount(): void;
         isControlled: (key: any) => boolean;
         log(text: string, ...rest: any): any;
+        getDataAttr(props?: any): {};
         context: unknown;
         setState<K extends keyof ToastListState>(state: ToastListState | ((prevState: Readonly<ToastListState>, props: Readonly<ToastListProps>) => ToastListState | Pick<ToastListState, K>) | Pick<ToastListState, K>, callback?: () => void): void;
         forceUpdate(callback?: () => void): void;

package/lib/cjs/tooltip/index.js

@@ -213,7 +213,9 @@ class Tooltip extends _baseComponent.default {
           role: role,
           "x-placement": placement,
           id: id
-        }), contentNode, icon);
+        }), /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefix}-content`
+        }, contentNode), icon);
       });
       return /*#__PURE__*/_react.default.createElement(_index.default, {
         getPopupContainer: this.props.getPopupContainer,

package/lib/cjs/transfer/index.js

@@ -26,6 +26,14 @@ var _button = _interopRequireDefault(require("../button"));
 var _tree = _interopRequireDefault(require("../tree"));
 var _semiIcons = require("@douyinfe/semi-icons");
 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;
 // SortableItem & SortableList should not be assigned inside of the render function
 const SortableItem = (0, _reactSortableHoc.SortableElement)(props => props.item.node);
@@ -551,23 +559,25 @@ class Transfer extends _baseComponent.default {
     }, headerCom, content);
   }
   render() {
-    const {
-      className,
-      style,
-      disabled,
-      renderSelectedPanel,
-      renderSourcePanel
-    } = this.props;
+    const _a = this.props,
+      {
+        className,
+        style,
+        disabled,
+        renderSelectedPanel,
+        renderSourcePanel
+      } = _a,
+      rest = __rest(_a, ["className", "style", "disabled", "renderSelectedPanel", "renderSourcePanel"]);
     const transferCls = (0, _classnames.default)(prefixCls, className, {
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-custom-panel`]: renderSelectedPanel && renderSourcePanel
     });
     return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Transfer"
-    }, locale => /*#__PURE__*/_react.default.createElement("div", {
+    }, locale => /*#__PURE__*/_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 = {

package/lib/cjs/tree/index.js

@@ -41,6 +41,14 @@ Object.keys(_interface).forEach(function (key) {
   });
 });
 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 */
 
 const prefixcls = _constants.cssClasses.PREFIX;
@@ -584,26 +592,28 @@ class Tree extends _baseComponent.default {
       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 = __rest(_a, ["blockNode", "className", "style", "filterTreeNode", "disabled", "icon", "directory", "multiple", "showFilteredOnly", "motion", "expandAction", "loadData", "renderLabel", "draggable", "renderFullLabel", "labelEllipsis", "virtualize", "checkRelation"]);
     const wrapperCls = (0, _classnames.default)(`${prefixcls}-wrapper`, className);
     const listCls = (0, _classnames.default)(`${prefixcls}-option-list`, {
       [`${prefixcls}-option-list-block`]: blockNode
@@ -652,11 +662,11 @@ class Tree extends _baseComponent.default {
         dropPosition,
         labelEllipsis: typeof labelEllipsis === 'undefined' ? virtualize : labelEllipsis
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", Object.assign({
       "aria-label": this.props['aria-label'],
       className: wrapperCls,
       style: style
-    }, filterTreeNode ? this.renderInput() : null, /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    }, this.getDataAttr(rest)), filterTreeNode ? this.renderInput() : null, /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: listCls
     }, ariaAttr), noData ? this.renderEmpty() : multiple ? /*#__PURE__*/_react.default.createElement(_checkboxGroup.default, {
       value: Array.from(checkRelation === 'related' ? checkedKeys : realCheckedKeys)

package/lib/cjs/treeSelect/index.js

@@ -44,6 +44,14 @@ var _virtualRow = _interopRequireDefault(require("../select/virtualRow"));
 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;
+};
 const prefixcls = _constants.cssClasses.PREFIX;
 const prefixTree = _constants.cssClasses.PREFIX_TREE;
 const key = 0;
@@ -340,24 +348,26 @@ class TreeSelect extends _baseComponent.default {
       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 = __rest(_a, ["disabled", "multiple", "filterTreeNode", "validateStatus", "prefix", "suffix", "style", "size", "insetLabel", "className", "placeholder", "showClear", "leafOnly", "searchPosition", "triggerRender", "borderless"]);
       const {
         inputValue,
         selectedKeys,
@@ -439,7 +449,7 @@ class TreeSelect extends _baseComponent.default {
         "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) => {
@@ -561,7 +571,8 @@ class TreeSelect extends _baseComponent.default {
         searchPosition,
         searchAutoFocus,
         multiple,
-        disabled
+        disabled,
+        preventScroll
       } = this.props;
       const isDropdownPositionSearch = searchPosition === _constants.strings.SEARCH_POSITION_DROPDOWN;
       const inputcls = (0, _classnames.default)({
@@ -574,6 +585,7 @@ class TreeSelect extends _baseComponent.default {
       const baseInputProps = {
         value: inputValue,
         className: inputcls,
+        preventScroll,
         onChange: value => this.search(value)
       };
       const inputDropdownProps = {

package/lib/cjs/typography/title.d.ts

@@ -39,7 +39,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/cjs/upload/index.js

@@ -17,6 +17,14 @@ var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer")
 var _semiIcons = require("@douyinfe/semi-icons");
 require("@douyinfe/semi-foundation/lib/cjs/upload/upload.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-len */
 
 const prefixCls = _constants.cssClasses.PREFIX;
@@ -461,22 +469,24 @@ class Upload extends _baseComponent.default {
     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 = __rest(_a, ["style", "className", "multiple", "accept", "disabled", "children", "capture", "listType", "prompt", "promptPosition", "draggable", "validateMessage", "validateStatus", "directory"]);
     const uploadCls = (0, _classnames.default)(prefixCls, {
       [`${prefixCls}-picture`]: listType === _constants.strings.FILE_LIST_PIC,
       [`${prefixCls}-disabled`]: disabled,
@@ -493,11 +503,11 @@ class Upload extends _baseComponent.default {
       directory: 'directory',
       webkitdirectory: 'webkitdirectory'
     } : {};
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: uploadCls,
       style: style,
       "x-prompt-pos": promptPosition
-    }, /*#__PURE__*/_react.default.createElement("input", Object.assign({
+    }, this.getDataAttr(rest)), /*#__PURE__*/_react.default.createElement("input", Object.assign({
       key: this.state.inputKey,
       capture: capture,
       multiple: multiple,

package/lib/es/_base/baseComponent.d.ts

@@ -23,4 +23,5 @@ export default class BaseComponent<P extends BaseProps = {}, S = {}> extends Com
     get adapter(): DefaultAdapter<P, S>;
     isControlled: (key: any) => boolean;
     log(text: string, ...rest: any): any;
+    getDataAttr(props?: any): {};
 }

package/lib/es/_base/baseComponent.js

@@ -4,6 +4,7 @@
  */
 import { Component } from 'react';
 import log from '@douyinfe/semi-foundation/lib/es/utils/log';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 const {
   hasOwnProperty
 } = Object.prototype;
@@ -57,6 +58,9 @@ export default class BaseComponent extends Component {
     }
     return log(text, ...rest);
   }
+  getDataAttr(props) {
+    return getDataAttr(props);
+  }
 }
 BaseComponent.propTypes = {};
 BaseComponent.defaultProps = {};

package/lib/es/anchor/index.js

@@ -241,13 +241,13 @@ class Anchor extends BaseComponent {
         addLink: this.addLink,
         removeLink: this.removeLink
       }
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", Object.assign({
       role: "navigation",
       "aria-label": ariaLabel || 'Side navigation',
       className: wrapperCls,
       style: wrapperStyle,
       id: this.anchorID
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       "aria-hidden": true,
       className: slideCls,
       style: {

package/lib/es/autoComplete/index.js

@@ -181,7 +181,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 ? cls(className) : cls({
         [prefixCls]: true,
@@ -193,7 +193,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,

package/lib/es/banner/index.js

@@ -127,11 +127,11 @@ export default class Banner extends BaseComponent {
       [`${prefixCls}-in-container`]: !fullMode,
       [`${prefixCls}-bordered`]: !fullMode && bordered
     });
-    const banner = visible ? /*#__PURE__*/React.createElement("div", {
+    const banner = visible ? /*#__PURE__*/React.createElement("div", Object.assign({
       className: wrapper,
       style: style,
       role: "alert"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-content-wrapper`
     }, /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-content`

package/lib/es/breadcrumb/index.js

@@ -170,11 +170,11 @@ class Breadcrumb extends BaseComponent {
         compact,
         separator
       }
-    }, /*#__PURE__*/React.createElement("nav", {
+    }, /*#__PURE__*/React.createElement("nav", Object.assign({
       "aria-label": this.props['aria-label'],
       className: sizeCls,
       style: style
-    }, breadcrumbs));
+    }, this.getDataAttr(this.props)), breadcrumbs));
   }
 }
 Breadcrumb.contextType = BreadContext;

package/lib/es/breadcrumb/item.js

@@ -166,7 +166,7 @@ export default class BreadcrumbItem extends BaseComponent {
 
     return /*#__PURE__*/React.createElement("span", Object.assign({
       className: wrapperCLs
-    }, pageLabel), item, shouldRenderSeparator && separator);
+    }, pageLabel, this.getDataAttr(this.props)), item, shouldRenderSeparator && separator);
   }
 }
 BreadcrumbItem.isBreadcrumbItem = true;

package/lib/es/calendar/dayCalendar.js

@@ -135,11 +135,11 @@ export default class DayCalendar extends BaseComponent {
       scrollHeight
     } = this.state;
     this.isWeekend = markWeekend && this.checkWeekend(displayValue);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: dayCls,
       style: dayStyle,
       ref: this.dom
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-sticky-top`
     }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-scroll-wrapper`

package/lib/es/calendar/monthCalendar.js

@@ -371,12 +371,12 @@ export default class monthCalendar extends BaseComponent {
     }, style);
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Calendar"
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", {
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", Object.assign({
       role: "grid",
       className: monthCls,
       key: this.state.itemLimit,
       style: monthStyle
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       role: "presentation",
       className: `${prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale)), /*#__PURE__*/React.createElement("div", {

package/lib/es/calendar/rangeCalendar.js

@@ -232,11 +232,11 @@ export default class RangeCalendar extends BaseComponent {
     }, style);
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Calendar"
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", {
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", Object.assign({
       className: weekCls,
       style: weekStyle,
       ref: this.dom
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale), this.renderAllDay(locale)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-scroll-wrapper`

package/lib/es/calendar/weekCalendar.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import CalendarFoundation, { CalendarAdapter, EventObject, ParsedEvents, ParsedRangeEvent, WeeklyData } from '@douyinfe/semi-foundation/lib/es/calendar/foundation';
 import BaseComponent from '../_base/baseComponent';
-import { WeekCalendarProps } from './interface';
+import type { WeekCalendarProps } from './interface';
 import '@douyinfe/semi-foundation/lib/es/calendar/calendar.css';
 import { Locale } from '../locale/interface';
 export interface WeekCalendarState {

package/lib/es/calendar/weekCalendar.js

@@ -233,11 +233,11 @@ export default class WeekCalendar extends BaseComponent {
     }, style);
     return /*#__PURE__*/React.createElement(LocaleConsumer, {
       componentName: "Calendar"
-    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", {
+    }, (locale, localeCode, dateFnsLocale) => /*#__PURE__*/React.createElement("div", Object.assign({
       className: weekCls,
       style: weekStyle,
       ref: this.dom
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-sticky-top`
     }, header, this.renderHeader(dateFnsLocale), this.renderAllDay(locale)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-scroll-wrapper`

package/lib/es/carousel/index.js

@@ -226,14 +226,14 @@ class Carousel extends BaseComponent {
     const carouselWrapperCls = cls(className, {
       [cssClasses.CAROUSEL]: true
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       // role='listbox'
       // tabIndex={0}
       className: carouselWrapperCls,
       style: style,
       onMouseEnter: _debounce(this.handleMouseEnter, 400),
       onMouseLeave: _debounce(this.handleMouseLeave, 400)
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement("div", {
       className: cls([`${cssClasses.CAROUSEL_CONTENT}-${animation}`], {
         [`${cssClasses.CAROUSEL_CONTENT}`]: true,
         [`${cssClasses.CAROUSEL_CONTENT}-reverse`]: slideDirection === 'left' ? isReverse : !isReverse

package/lib/es/cascader/index.js

@@ -458,7 +458,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(),

package/lib/es/checkbox/checkbox.js

@@ -207,7 +207,7 @@ class Checkbox extends BaseComponent {
     return (
       /*#__PURE__*/
       // label is better than span, however span is here which is to solve gitlab issue #364
-      React.createElement("span", {
+      React.createElement("span", Object.assign({
         role: role,
         tabIndex: tabIndex,
         style: style,
@@ -218,7 +218,7 @@ class Checkbox extends BaseComponent {
         onClick: this.handleChange,
         onKeyPress: this.handleEnterPress,
         "aria-labelledby": this.props['aria-labelledby']
-      }, /*#__PURE__*/React.createElement(CheckboxInner, Object.assign({}, this.props, props, {
+      }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement(CheckboxInner, Object.assign({}, this.props, props, {
         addonId: children && addonId,
         extraId: extra && extraId,
         isPureCardType: props.isPureCardType,

package/lib/es/checkbox/checkboxGroup.js

@@ -97,7 +97,7 @@ class CheckboxGroup extends BaseComponent {
         role: 'listitem'
       }));
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       id: id,
       role: "list",
       "aria-label": this.props['aria-label'],
@@ -105,7 +105,7 @@ class CheckboxGroup extends BaseComponent {
       style: style,
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby']
-    }, /*#__PURE__*/React.createElement(Context.Provider, {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         checkboxGroup: {
           onChange: this.onChange,