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

package/lib/es/radio/radio.js

@@ -1,6 +1,14 @@
 import _isBoolean from "lodash/isBoolean";
 import _isUndefined from "lodash/isUndefined";
 import _noop from "lodash/noop";
+var __rest = this && this.__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 */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -104,21 +112,23 @@ class Radio extends BaseComponent {
     this.radioEntity.blur();
   }
   render() {
-    const {
-      addonClassName,
-      addonStyle,
-      disabled,
-      style,
-      className,
-      prefixCls,
-      displayMode,
-      children,
-      extra,
-      mode,
-      type,
-      value: propValue,
-      name
-    } = this.props;
+    const _a = this.props,
+      {
+        addonClassName,
+        addonStyle,
+        disabled,
+        style,
+        className,
+        prefixCls,
+        displayMode,
+        children,
+        extra,
+        mode,
+        type,
+        value: propValue,
+        name
+      } = _a,
+      rest = __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,
@@ -199,12 +209,12 @@ class Radio extends BaseComponent {
         "x-semi-prop": "extra"
       }, extra) : null);
     };
-    return /*#__PURE__*/React.createElement("label", {
+    return /*#__PURE__*/React.createElement("label", Object.assign({
       style: style,
       className: wrapper,
       onMouseEnter: this.handleMouseEnter,
       onMouseLeave: this.handleMouseLeave
-    }, /*#__PURE__*/React.createElement(RadioInner, Object.assign({}, this.props, props, {
+    }, this.getDataAttr(rest)), /*#__PURE__*/React.createElement(RadioInner, Object.assign({}, this.props, props, {
       mode: realMode,
       name: name !== null && name !== void 0 ? name : groupName,
       isButtonRadio: isButtonRadio,

package/lib/es/radio/radioGroup.js

@@ -1,4 +1,12 @@
 import _noop from "lodash/noop";
+var __rest = this && this.__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;
+};
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -50,18 +58,20 @@ class RadioGroup extends BaseComponent {
     });
   }
   render() {
-    const {
-      children,
-      options,
-      mode,
-      prefixCls,
-      className,
-      style,
-      direction,
-      type,
-      buttonSize,
-      id
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        options,
+        mode,
+        prefixCls,
+        className,
+        style,
+        direction,
+        type,
+        buttonSize,
+        id
+      } = _a,
+      rest = __rest(_a, ["children", "options", "mode", "prefixCls", "className", "style", "direction", "type", "buttonSize", "id"]);
     const isButtonRadio = type === strings.TYPE_BUTTON;
     const isPureCardRadio = type === strings.TYPE_PURECARD;
     const isCardRadio = type === strings.TYPE_CARD || isPureCardRadio;
@@ -101,7 +111,7 @@ class RadioGroup extends BaseComponent {
         key: index
       }) : null);
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: prefixClsDisplay,
       style: style,
       id: id,
@@ -111,7 +121,7 @@ class RadioGroup extends BaseComponent {
       "aria-labelledby": this.props['aria-labelledby'],
       "aria-describedby": this.props['aria-describedby'],
       "aria-required": this.props['aria-required']
-    }, /*#__PURE__*/React.createElement(Context.Provider, {
+    }, this.getDataAttr(rest)), /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
         radioGroup: {
           onChange: this.onChange,

package/lib/es/rating/index.js

@@ -1,3 +1,11 @@
+var __rest = this && this.__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;
+};
 import React from 'react';
 import ReactDOM from 'react-dom';
 import BaseComponent from '../_base/baseComponent';
@@ -234,15 +242,17 @@ export default class Rating extends BaseComponent {
     this.foundation.destroy();
   }
   render() {
-    const {
-      style,
-      prefixCls,
-      disabled,
-      className,
-      id,
-      count,
-      tabIndex
-    } = this.props;
+    const _a = this.props,
+      {
+        style,
+        prefixCls,
+        disabled,
+        className,
+        id,
+        count,
+        tabIndex
+      } = _a,
+      rest = __rest(_a, ["style", "prefixCls", "disabled", "className", "id", "count", "tabIndex"]);
     const {
       value,
       emptyStarFocusVisible
@@ -257,7 +267,7 @@ export default class Rating extends BaseComponent {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-      React.createElement("ul", {
+      React.createElement("ul", Object.assign({
         "aria-label": ariaLabel,
         "aria-labelledby": this.props['aria-labelledby'],
         "aria-describedby": this.props['aria-describedby'],
@@ -270,7 +280,7 @@ export default class Rating extends BaseComponent {
         onKeyDown: disabled ? noop : this.onKeyDown,
         ref: this.saveRate,
         id: id
-      }, itemList)
+      }, this.getDataAttr(rest)), itemList)
     );
   }
 }

package/lib/es/scrollList/index.js

@@ -1,3 +1,11 @@
+var __rest = this && this.__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;
+};
 import React from 'react';
 import BaseComponent from '../_base/baseComponent';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/scrollList/constants';
@@ -13,25 +21,27 @@ class ScrollList extends BaseComponent {
     this.foundation = new Foundation(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 = classnames(className, {
       [prefixCls || cssClasses.PREFIX]: true
     });
     const clsHeader = classnames({
       [`${prefixCls || cssClasses.PREFIX}-header`]: true
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: clsWrapper,
       style: style
-    }, header ? /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(rest)), header ? /*#__PURE__*/React.createElement("div", {
       className: clsHeader
     }, /*#__PURE__*/React.createElement("div", {
       className: `${clsHeader}-title`,

package/lib/es/select/index.js

@@ -4,6 +4,14 @@ import _get from "lodash/get";
 import _noop from "lodash/noop";
 import _isString from "lodash/isString";
 import _isEqual from "lodash/isEqual";
+var __rest = this && this.__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 */
 import React, { Fragment } from 'react';
@@ -1021,25 +1029,27 @@ class Select extends BaseComponent {
     }, labelNode);
   }
   renderSelection() {
-    const {
-      disabled,
-      multiple,
-      filter,
-      style,
-      id,
-      size,
-      className,
-      validateStatus,
-      showArrow,
-      suffix,
-      prefix,
-      insetLabel,
-      placeholder,
-      triggerRender,
-      arrowIcon,
-      clearIcon,
-      borderless
-    } = this.props;
+    const _a = this.props,
+      {
+        disabled,
+        multiple,
+        filter,
+        style,
+        id,
+        size,
+        className,
+        validateStatus,
+        showArrow,
+        suffix,
+        prefix,
+        insetLabel,
+        placeholder,
+        triggerRender,
+        arrowIcon,
+        clearIcon,
+        borderless
+      } = _a,
+      rest = __rest(_a, ["disabled", "multiple", "filter", "style", "id", "size", "className", "validateStatus", "showArrow", "suffix", "prefix", "insetLabel", "placeholder", "triggerRender", "arrowIcon", "clearIcon", "borderless"]);
     const {
       selections,
       isOpen,
@@ -1139,7 +1149,7 @@ class Select extends BaseComponent {
         onFocus: e => this.foundation.handleTriggerFocus(e),
         onBlur: e => this.foundation.handleTriggerBlur(e),
         onKeyPress: this.onKeyPress
-      }, keyboardEventSet), inner)
+      }, keyboardEventSet, this.getDataAttr(rest)), inner)
     );
   }
   render() {

package/lib/es/sideSheet/SideSheetContent.js

@@ -13,6 +13,7 @@ import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/sideSheet/constants';
 import Button from '../iconButton';
 import { IconClose } from '@douyinfe/semi-icons';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 let uuid = 0;
 const prefixCls = cssClasses.PREFIX;
 export default class SideSheetContent extends React.PureComponent {
@@ -120,11 +121,29 @@ export default class SideSheetContent extends React.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 = cls(className, {
       [`${prefixCls}-fixed`]: !mask,
       [`${prefixCls}-size-${this.props.size}`]: !mask
@@ -133,10 +152,11 @@ export default class SideSheetContent extends React.PureComponent {
     if (!mask && width) {
       wrapperStyle.width = width;
     }
-    return /*#__PURE__*/React.createElement("div", {
+    const dataAttr = getDataAttr(rest);
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: wrapperCls,
       style: wrapperStyle
-    }, this.getMaskElement(), this.getDialogElement());
+    }, dataAttr), this.getMaskElement(), this.getDialogElement());
   }
 }
 SideSheetContent.propTypes = {

package/lib/es/slider/index.js

@@ -1,5 +1,13 @@
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
+var __rest = this && this.__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 */
 import React from 'react';
@@ -538,14 +546,16 @@ export default class Slider extends BaseComponent {
       min,
       max
     } = this.state;
-    const {
-      vertical,
-      verticalReverse,
-      style,
-      railStyle,
-      range,
-      className
-    } = this.props;
+    const _a = this.props,
+      {
+        vertical,
+        verticalReverse,
+        style,
+        railStyle,
+        range,
+        className
+      } = _a,
+      rest = __rest(_a, ["vertical", "verticalReverse", "style", "railStyle", "range", "className"]);
     const wrapperClass = cls(`${prefixCls}-wrapper`, {
       [`${prefixCls}-disabled`]: disabled,
       [`${cssClasses.VERTICAL}-wrapper`]: vertical,
@@ -559,14 +569,14 @@ export default class Slider extends BaseComponent {
       [cssClasses.VERTICAL]: vertical
     });
     const ariaLabel = range ? `Range: ${this._getAriaValueText(currentValue[0], 0)} to ${this._getAriaValueText(currentValue[1], 1)}` : undefined;
-    const slider = /*#__PURE__*/React.createElement("div", {
+    const slider = /*#__PURE__*/React.createElement("div", Object.assign({
       className: wrapperClass,
       style: style,
       ref: this.sliderEl,
       "aria-label": ariaLabel,
       onMouseEnter: () => this.foundation.handleWrapperEnter(),
       onMouseLeave: () => this.foundation.handleWrapperLeave()
-    }, /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(rest)), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-rail`,
       onClick: this.foundation.handleWrapClick,
       style: railStyle

package/lib/es/spin/index.js

@@ -1,3 +1,11 @@
+var __rest = this && this.__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;
+};
 import React from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
@@ -63,13 +71,15 @@ class Spin extends BaseComponent {
   }
   render() {
     this.foundation.updateLoadingIfNeedDelay();
-    const {
-      children,
-      style,
-      wrapperClassName,
-      childStyle,
-      size
-    } = this.props;
+    const _a = this.props,
+      {
+        children,
+        style,
+        wrapperClassName,
+        childStyle,
+        size
+      } = _a,
+      rest = __rest(_a, ["children", "style", "wrapperClassName", "childStyle", "size"]);
     const {
       loading
     } = this.state;
@@ -78,10 +88,10 @@ class Spin extends BaseComponent {
       [`${prefixCls}-block`]: children,
       [`${prefixCls}-hidden`]: !loading
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", Object.assign({
       className: spinCls,
       style: style
-    }, this.renderSpin(), /*#__PURE__*/React.createElement("div", {
+    }, this.getDataAttr(rest)), this.renderSpin(), /*#__PURE__*/React.createElement("div", {
       className: `${prefixCls}-children`,
       style: childStyle,
       "x-semi-prop": "children"

package/lib/es/steps/basicSteps.js

@@ -1,21 +1,31 @@
+var __rest = this && this.__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;
+};
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 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 = useMemo(() => {
     const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const content = Children.map(filteredChildren, (child, index) => {
@@ -56,11 +66,11 @@ const Steps = props => {
     [`${prefixCls}-${size}`]: size !== 'default',
     [`${prefixCls}-hasline`]: hasLine
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, getDataAttr(rest)), inner);
 };
 Steps.propTypes = {
   prefixCls: PropTypes.string,

package/lib/es/steps/fillSteps.js

@@ -1,20 +1,30 @@
+var __rest = this && this.__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;
+};
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import { Row, Col } from '../grid';
 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 = useMemo(() => {
     const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const colStyle = direction === 'vertical' ? null : {
@@ -56,11 +66,11 @@ const Steps = props => {
     [prefixCls]: true,
     [`${prefixCls}-${direction}`]: true
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     className: wrapperCls,
     style: style,
     "aria-label": props["aria-label"]
-  }, /*#__PURE__*/React.createElement(Row, {
+  }, getDataAttr(rest)), /*#__PURE__*/React.createElement(Row, {
     type: "flex",
     justify: "start"
   }, inner));

package/lib/es/steps/navSteps.js

@@ -1,18 +1,28 @@
+var __rest = this && this.__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;
+};
 import React, { cloneElement, Children, useMemo, isValidElement } from 'react';
 import PropTypes from 'prop-types';
+import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 import cls from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 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 = useMemo(() => {
     const filteredChildren = Children.toArray(children).filter(c => /*#__PURE__*/isValidElement(c));
     const total = filteredChildren.length;
@@ -38,11 +48,11 @@ const Steps = props => {
     [`${prefixCls}-nav`]: true,
     [`${prefixCls}-${size}`]: size !== 'default'
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     "aria-label": props["aria-label"],
     className: wrapperCls,
     style: style
-  }, inner);
+  }, getDataAttr(rest)), inner);
 };
 Steps.propTypes = {
   prefixCls: PropTypes.string,