@douyinfe/semi-ui 2.36.0 → 2.37.0

package/lib/cjs/_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/cjs/_base/baseComponent.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _log = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/log"));
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
@@ -65,6 +66,9 @@ class BaseComponent extends _react.Component {
     }
     return (0, _log.default)(text, ...rest);
   }
+  getDataAttr(props) {
+    return (0, _getDataAttr.default)(props);
+  }
 }
 exports.default = BaseComponent;
 BaseComponent.propTypes = {};

package/lib/cjs/anchor/index.js

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

package/lib/cjs/autoComplete/index.js

@@ -189,7 +189,7 @@ class AutoComplete extends _baseComponent.default {
       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 ? (0, _classnames.default)(className) : (0, _classnames.default)({
         [prefixCls]: true,
@@ -201,7 +201,7 @@ class AutoComplete extends _baseComponent.default {
     }, 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/cjs/banner/index.js

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

package/lib/cjs/breadcrumb/index.js

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

package/lib/cjs/breadcrumb/item.js

@@ -175,7 +175,7 @@ class BreadcrumbItem extends _baseComponent.default {
 
     return /*#__PURE__*/_react.default.createElement("span", Object.assign({
       className: wrapperCLs
-    }, pageLabel), item, shouldRenderSeparator && separator);
+    }, pageLabel, this.getDataAttr(this.props)), item, shouldRenderSeparator && separator);
   }
 }
 exports.default = BreadcrumbItem;

package/lib/cjs/calendar/dayCalendar.js

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

package/lib/cjs/calendar/monthCalendar.js

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

package/lib/cjs/calendar/rangeCalendar.js

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

package/lib/cjs/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/cjs/calendar/foundation';
 import BaseComponent from '../_base/baseComponent';
-import { WeekCalendarProps } from './interface';
+import type { WeekCalendarProps } from './interface';
 import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
 import { Locale } from '../locale/interface';
 export interface WeekCalendarState {

package/lib/cjs/calendar/weekCalendar.js

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

package/lib/cjs/carousel/index.js

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

package/lib/cjs/cascader/index.js

@@ -467,7 +467,7 @@ class Cascader extends _baseComponent.default {
         // 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/cjs/checkbox/checkbox.js

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

package/lib/cjs/checkbox/checkboxGroup.js

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

package/lib/cjs/collapse/index.js

@@ -82,10 +82,10 @@ class Collapse extends _baseComponent.default {
     const {
       activeSet
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: clsPrefix,
       style: style
-    }, /*#__PURE__*/_react.default.createElement(_collapseContext.default.Provider, {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/_react.default.createElement(_collapseContext.default.Provider, {
       value: {
         activeSet,
         expandIcon,

package/lib/cjs/collapsible/index.js

@@ -114,7 +114,7 @@ class Collapsible extends _baseComponent.default {
     const wrapperCls = (0, _classnames.default)(`${_constants.cssClasses.PREFIX}-wrapper`, {
       [`${_constants.cssClasses.PREFIX}-transition`]: this.props.motion && this.state.isTransitioning
     }, this.props.className);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: wrapperCls,
       style: wrapperStyle,
       onTransitionEnd: () => {
@@ -125,7 +125,7 @@ class Collapsible extends _baseComponent.default {
         this.foundation.updateIsTransitioning(false);
         (_b = (_a = this.props).onMotionEnd) === null || _b === void 0 ? void 0 : _b.call(_a);
       }
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getDataAttr(this.props)), /*#__PURE__*/_react.default.createElement("div", {
       "x-semi-prop": "children",
       ref: this.domRef,
       style: {

package/lib/cjs/datePicker/dateInput.d.ts

@@ -18,6 +18,7 @@ export interface DateInputProps extends DateInputFoundationProps, BaseProps {
     inputRef?: React.RefObject<HTMLInputElement>;
     rangeInputStartRef?: React.RefObject<HTMLInputElement>;
     rangeInputEndRef?: React.RefObject<HTMLInputElement>;
+    showClearIgnoreDisabled?: boolean;
 }
 export default class DateInput extends BaseComponent<DateInputProps, {}> {
     static propTypes: {

package/lib/cjs/datePicker/dateInput.js

@@ -148,15 +148,17 @@ class DateInput extends _baseComponent.default {
       showClear,
       prefixCls,
       disabled,
-      clearIcon
+      clearIcon,
+      showClearIgnoreDisabled
     } = this.props;
-    const allowClear = (rangeStart || rangeEnd) && showClear;
-    return allowClear && !disabled ? /*#__PURE__*/_react.default.createElement("div", {
+    const isRealDisabled = disabled && !showClearIgnoreDisabled;
+    const allowClear = (rangeStart || rangeEnd) && showClear && !isRealDisabled;
+    return allowClear ? /*#__PURE__*/_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__*/_react.default.createElement(_semiIcons.IconClear, {
       "aria-hidden": true
     })) : null;
@@ -354,9 +356,10 @@ class DateInput extends _baseComponent.default {
         rangeSeparator,
         insetInput,
         insetInputValue,
-        defaultPickerValue
+        defaultPickerValue,
+        showClearIgnoreDisabled
       } = _a,
-      rest = __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 = __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__*/_react.default.createElement(_semiIcons.IconCalendar, {
       "aria-hidden": true
     });
@@ -383,6 +386,7 @@ class DateInput extends _baseComponent.default {
       ref: inputRef,
       insetLabel: insetLabel,
       disabled: disabled,
+      showClearIgnoreDisabled: showClearIgnoreDisabled,
       readonly: inputReadOnly,
       className: inputCls,
       style: inputStyle,

package/lib/cjs/datePicker/datePicker.js

@@ -28,11 +28,18 @@ var _trigger = _interopRequireDefault(require("../trigger"));
 var _yearAndMonth = _interopRequireDefault(require("./yearAndMonth"));
 require("@douyinfe/semi-foundation/lib/cjs/datePicker/datePicker.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 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 */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 class DatePicker extends _baseComponent.default {
   constructor(props) {
     var _this;
@@ -591,14 +598,16 @@ class DatePicker extends _baseComponent.default {
       presets,
       type,
       presetPosition,
-      insetInput
+      insetInput,
+      locale
     } = this.props;
     return /*#__PURE__*/_react.default.createElement(_quickControl.default, {
       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() {
@@ -678,6 +687,7 @@ class DatePicker extends _baseComponent.default {
     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,
@@ -729,13 +739,15 @@ class DatePicker extends _baseComponent.default {
     })) : /*#__PURE__*/_react.default.createElement(_dateInput.default, Object.assign({}, props)));
   }
   render() {
-    const {
-      style,
-      className,
-      prefixCls,
-      type
-    } = this.props;
-    const outerProps = {
+    const _a = this.props,
+      {
+        style,
+        className,
+        prefixCls,
+        type
+      } = _a,
+      rest = __rest(_a, ["style", "className", "prefixCls", "type"]);
+    const outerProps = Object.assign({
       style,
       className: (0, _classnames.default)(className, {
         [prefixCls]: true
@@ -746,7 +758,7 @@ class DatePicker extends _baseComponent.default {
       '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");

package/lib/cjs/datePicker/quickControl.d.ts

@@ -10,6 +10,7 @@ export interface QuickControlProps {
     onPresetClick: (preset: PresetType, e: React.MouseEvent) => void;
     type: string;
     insetInput: DateInputFoundationProps['insetInput'];
+    locale: any;
 }
 declare class QuickControl extends PureComponent<QuickControlProps> {
     static propTypes: {
@@ -18,6 +19,7 @@ declare class QuickControl extends PureComponent<QuickControlProps> {
         onPresetClick: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
         insetInput: PropTypes.Requireable<NonNullable<boolean | object>>;
+        locale: PropTypes.Requireable<object>;
     };
     static defaultProps: {
         presets: PresetsType;

package/lib/cjs/datePicker/quickControl.js

@@ -27,7 +27,8 @@ class QuickControl extends _react.PureComponent {
       onPresetClick,
       type,
       presetPosition,
-      insetInput
+      insetInput,
+      locale
     } = this.props;
     const isTypeRange = type === 'dateRange' || type === 'dateTimeRange';
     const isPanelTopAndBottom = presetPosition === 'top' || presetPosition === 'bottom';
@@ -67,7 +68,7 @@ class QuickControl extends _react.PureComponent {
       "x-insetinput": insetInput ? "true" : "false"
     }, !isPanelTopAndBottom && /*#__PURE__*/_react.default.createElement("div", {
       className: headerCls
-    }, "\u5FEB\u6377\u9009\u62E9"), /*#__PURE__*/_react.default.createElement("div", {
+    }, locale.presets), /*#__PURE__*/_react.default.createElement("div", {
       className: contentWrapperCls
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: contentCls
@@ -94,7 +95,8 @@ QuickControl.propTypes = {
   presetPosition: _propTypes.default.oneOf(_constants.strings.PRESET_POSITION_SET),
   onPresetClick: _propTypes.default.func,
   type: _propTypes.default.string,
-  insetInput: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object])
+  insetInput: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
+  locale: _propTypes.default.object
 };
 QuickControl.defaultProps = {
   presets: [],

package/lib/cjs/descriptions/index.js

@@ -10,23 +10,34 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/descriptions/constants");
 require("@douyinfe/semi-foundation/lib/cjs/descriptions/descriptions.css");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _descriptionsContext = _interopRequireDefault(require("./descriptions-context"));
 var _item = _interopRequireDefault(require("./item"));
 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;
 class Descriptions extends _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 = __rest(_a, ["align", "row", "size", "className", "style", "children", "data"]);
     const classNames = (0, _classnames.default)(prefixCls, className, {
       [`${prefixCls}-${align}`]: !row,
       [`${prefixCls}-double`]: row,
@@ -37,10 +48,10 @@ class Descriptions extends _react.PureComponent {
     }, item, {
       key: index
     }), item.value) : null) : children;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: classNames,
       style: style
-    }, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_descriptionsContext.default.Provider, {
+    }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_descriptionsContext.default.Provider, {
       value: {
         align
       }

package/lib/cjs/descriptions/item.js

@@ -8,41 +8,52 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/descriptions/constants");
 require("@douyinfe/semi-foundation/lib/cjs/descriptions/descriptions.css");
+var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
 var _descriptionsContext = _interopRequireDefault(require("./descriptions-context"));
 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;
 const keyCls = `${prefixCls}-key`;
 const valCls = `${prefixCls}-value`;
 class Item extends _react.PureComponent {
   render() {
-    const {
-      itemKey,
-      hidden,
-      className,
-      style,
-      children
-    } = this.props;
+    const _a = this.props,
+      {
+        itemKey,
+        hidden,
+        className,
+        style,
+        children
+      } = _a,
+      rest = __rest(_a, ["itemKey", "hidden", "className", "style", "children"]);
     const {
       align
     } = this.context;
     if (hidden) {
       return null;
     }
-    const item = align === 'plain' ? /*#__PURE__*/_react.default.createElement("tr", {
+    const item = align === 'plain' ? /*#__PURE__*/_react.default.createElement("tr", Object.assign({
       className: className,
       style: style
-    }, /*#__PURE__*/_react.default.createElement("td", {
+    }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement("td", {
       className: `${prefixCls}-item`
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: keyCls
     }, itemKey, ":"), /*#__PURE__*/_react.default.createElement("span", {
       className: valCls
-    }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/_react.default.createElement("tr", {
+    }, typeof children === 'function' ? children() : children))) : /*#__PURE__*/_react.default.createElement("tr", Object.assign({
       className: className,
       style: style
-    }, /*#__PURE__*/_react.default.createElement("th", {
+    }, (0, _getDataAttr.default)(rest)), /*#__PURE__*/_react.default.createElement("th", {
       className: `${prefixCls}-item ${prefixCls}-item-th`
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: keyCls

package/lib/cjs/empty/index.js

@@ -11,6 +11,14 @@ require("@douyinfe/semi-foundation/lib/cjs/empty/empty.css");
 var _typography = _interopRequireDefault(require("../typography"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
 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 Empty extends _baseComponent.default {
   constructor(props) {
@@ -51,17 +59,19 @@ class Empty extends _baseComponent.default {
     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 = __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;
@@ -90,10 +100,10 @@ class Empty extends _baseComponent.default {
         fontWeight: 400
       }
     };
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       className: wrapperCls,
       style: style
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-image`,
       style: imageStyle,
       "x-semi-prop": "image,darkModeImage"