@douyinfe/semi-ui 2.29.0 → 2.30.0-alpha.0

package/lib/cjs/space/index.js

@@ -57,27 +57,27 @@ class Space extends _react.PureComponent {
       if ((0, _isString2.default)(spacing[0])) {
         spacingHorizontalType = spacing[0];
       } else if ((0, _isNumber2.default)(spacing[0])) {
-        realStyle.columnGap = `${spacing[0]}px`;
+        realStyle.columnGap = "".concat(spacing[0], "px");
       }
 
       if ((0, _isString2.default)(spacing[1])) {
         spacingVerticalType = spacing[1];
       } else if ((0, _isNumber2.default)(spacing[1])) {
-        realStyle.rowGap = `${spacing[1]}px`;
+        realStyle.rowGap = "".concat(spacing[1], "px");
       }
     }
 
     const classNames = (0, _classnames.default)(prefixCls, className, {
-      [`${prefixCls}-align-${align}`]: align,
-      [`${prefixCls}-vertical`]: vertical,
-      [`${prefixCls}-horizontal`]: !vertical,
-      [`${prefixCls}-wrap`]: isWrap,
-      [`${prefixCls}-tight-horizontal`]: spacingHorizontalType === _constants.strings.SPACING_TIGHT,
-      [`${prefixCls}-tight-vertical`]: spacingVerticalType === _constants.strings.SPACING_TIGHT,
-      [`${prefixCls}-medium-horizontal`]: spacingHorizontalType === _constants.strings.SPACING_MEDIUM,
-      [`${prefixCls}-medium-vertical`]: spacingVerticalType === _constants.strings.SPACING_MEDIUM,
-      [`${prefixCls}-loose-horizontal`]: spacingHorizontalType === _constants.strings.SPACING_LOOSE,
-      [`${prefixCls}-loose-vertical`]: spacingVerticalType === _constants.strings.SPACING_LOOSE
+      ["".concat(prefixCls, "-align-").concat(align)]: align,
+      ["".concat(prefixCls, "-vertical")]: vertical,
+      ["".concat(prefixCls, "-horizontal")]: !vertical,
+      ["".concat(prefixCls, "-wrap")]: isWrap,
+      ["".concat(prefixCls, "-tight-horizontal")]: spacingHorizontalType === _constants.strings.SPACING_TIGHT,
+      ["".concat(prefixCls, "-tight-vertical")]: spacingVerticalType === _constants.strings.SPACING_TIGHT,
+      ["".concat(prefixCls, "-medium-horizontal")]: spacingHorizontalType === _constants.strings.SPACING_MEDIUM,
+      ["".concat(prefixCls, "-medium-vertical")]: spacingVerticalType === _constants.strings.SPACING_MEDIUM,
+      ["".concat(prefixCls, "-loose-horizontal")]: spacingHorizontalType === _constants.strings.SPACING_LOOSE,
+      ["".concat(prefixCls, "-loose-vertical")]: spacingVerticalType === _constants.strings.SPACING_LOOSE
     });
     const childrenNodes = (0, _utils.flatten)(children);
     return /*#__PURE__*/_react.default.createElement("div", {

package/lib/cjs/spin/icon.js

@@ -42,7 +42,7 @@ function Icon() {
     _propsId = _id;
   }
 
-  const id = `linearGradient-${_propsId}`;
+  const id = "linearGradient-".concat(_propsId);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
     className: className,
     width: "48",
@@ -83,7 +83,7 @@ function Icon() {
     height: "36"
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951",
-    stroke: `url(#${id})`,
+    stroke: "url(#".concat(id, ")"),
     strokeWidth: "4",
     strokeLinecap: "round"
   })));

package/lib/cjs/spin/index.js

@@ -77,9 +77,9 @@ class Spin extends _baseComponent.default {
       loading
     } = this.state;
     return loading ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-wrapper`
+      className: "".concat(prefixCls, "-wrapper")
     }, indicator ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-animate`,
+      className: "".concat(prefixCls, "-animate"),
       "x-semi-prop": "indicator"
     }, indicator) : /*#__PURE__*/_react.default.createElement(_icon.default, null), tip ? /*#__PURE__*/_react.default.createElement("div", {
       "x-semi-prop": "tip"
@@ -99,15 +99,15 @@ class Spin extends _baseComponent.default {
       loading
     } = this.state;
     const spinCls = (0, _classnames.default)(prefixCls, wrapperClassName, {
-      [`${prefixCls}-${size}`]: size,
-      [`${prefixCls}-block`]: children,
-      [`${prefixCls}-hidden`]: !loading
+      ["".concat(prefixCls, "-").concat(size)]: size,
+      ["".concat(prefixCls, "-block")]: children,
+      ["".concat(prefixCls, "-hidden")]: !loading
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       className: spinCls,
       style: style
     }, this.renderSpin(), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-children`,
+      className: "".concat(prefixCls, "-children"),
       style: childStyle,
       "x-semi-prop": "children"
     }, children));

package/lib/cjs/steps/basicStep.d.ts

@@ -19,6 +19,8 @@ export interface BasicStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
+    type?: string;
+    direction?: string;
 }
 export declare enum stepSizeMapIconSize {
     small = "large",

package/lib/cjs/steps/basicStep.js

@@ -42,7 +42,9 @@ const BasicStep = props => {
     stepNumber,
     onClick,
     onChange,
-    onKeyDown
+    onKeyDown,
+    type: typeInProps,
+    direction: directionInProps
   } = props;
 
   const renderIcon = () => {
@@ -62,13 +64,13 @@ const BasicStep = props => {
 
         case 'wait':
           inner = /*#__PURE__*/_react.default.createElement("span", {
-            className: `${prefixCls}-number-icon`
+            className: "".concat(prefixCls, "-number-icon")
           }, stepNumber);
           break;
 
         case 'process':
           inner = /*#__PURE__*/_react.default.createElement("span", {
-            className: `${prefixCls}-number-icon`
+            className: "".concat(prefixCls, "-number-icon")
           }, stepNumber);
           progress = true;
           break;
@@ -92,18 +94,21 @@ const BasicStep = props => {
     }
 
     const cls = (0, _classnames.default)({
-      [`${prefixCls}-icon`]: true,
-      [`${prefixCls}-custom-icon`]: 'icon' in props,
-      [`${prefixCls}-icon-process`]: progress
+      ["".concat(prefixCls, "-icon")]: true,
+      ["".concat(prefixCls, "-custom-icon")]: 'icon' in props,
+      ["".concat(prefixCls, "-icon-process")]: progress
     });
     return inner ? /*#__PURE__*/_react.default.createElement("span", {
       className: cls
     }, inner) : null;
   };
 
-  const classString = (0, _classnames.default)(prefixCls, `${prefixCls}-${status}`, {
-    [`${prefixCls}-active`]: active,
-    [`${prefixCls}-done`]: done
+  const classString = (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(status), {
+    ["".concat(prefixCls, "-active")]: active,
+    ["".concat(prefixCls, "-done")]: done,
+    ["".concat(prefixCls, "-basic")]: typeInProps,
+    ["".concat(prefixCls, "-").concat(directionInProps)]: directionInProps,
+    ["".concat(prefixCls, "-small")]: size === 'small'
   }, className);
 
   const handleClick = e => {
@@ -134,17 +139,17 @@ const BasicStep = props => {
     onClick: e => handleClick(e),
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-container`
+    className: "".concat(prefixCls, "-container")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-left`
+    className: "".concat(prefixCls, "-left")
   }, renderIcon()), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-content`
+    className: "".concat(prefixCls, "-content")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-title`
+    className: "".concat(prefixCls, "-title")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-title-text`
+    className: "".concat(prefixCls, "-title-text")
   }, title)), description && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-description`
+    className: "".concat(prefixCls, "-description")
   }, description))));
 };
 

package/lib/cjs/steps/basicSteps.js

@@ -43,12 +43,12 @@ const Steps = props => {
 
       const stepNumber = initial + index;
       const childProps = Object.assign({
-        stepNumber: `${stepNumber + 1}`,
+        stepNumber: "".concat(stepNumber + 1),
         size
       }, child.props);
 
       if (status === 'error' && index === current - 1) {
-        childProps.className = `${prefixCls}-next-error`;
+        childProps.className = "".concat(prefixCls, "-next-error");
       }
 
       if (!child.props.status) {
@@ -76,10 +76,10 @@ const Steps = props => {
     return content;
   }, [children, initial, prefixCls, direction, status, current, size, onChange]);
   const wrapperCls = (0, _classnames.default)(className, {
-    [`${prefixCls}-basic`]: true,
-    [`${prefixCls}-${direction}`]: true,
-    [`${prefixCls}-${size}`]: size !== 'default',
-    [`${prefixCls}-hasline`]: hasLine
+    ["".concat(prefixCls, "-basic")]: true,
+    ["".concat(prefixCls, "-").concat(direction)]: true,
+    ["".concat(prefixCls, "-").concat(size)]: size !== 'default',
+    ["".concat(prefixCls, "-hasline")]: hasLine
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     "aria-label": props["aria-label"],

package/lib/cjs/steps/fillStep.d.ts

@@ -15,6 +15,7 @@ export interface FillStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
+    type?: string;
 }
 declare const FillStep: {
     (props: FillStepProps): JSX.Element;

package/lib/cjs/steps/fillStep.js

@@ -75,10 +75,10 @@ const FillStep = props => {
     }
 
     const cls = (0, _classnames.default)({
-      [`${prefixCls}-left`]: true,
-      [`${prefixCls}-icon`]: 'icon' in props,
-      [`${prefixCls}-plain`]: !('icon' in props),
-      [`${prefixCls}-icon-process`]: progress
+      ["".concat(prefixCls, "-left")]: true,
+      ["".concat(prefixCls, "-icon")]: 'icon' in props,
+      ["".concat(prefixCls, "-plain")]: !('icon' in props),
+      ["".concat(prefixCls, "-icon-process")]: progress
     });
     return inner ? /*#__PURE__*/_react.default.createElement("div", {
       className: cls
@@ -110,8 +110,9 @@ const FillStep = props => {
     tabIndex: 0,
     className: (0, _classnames.default)({
       [prefixCls]: true,
-      [`${prefixCls}-${status}`]: Boolean(status),
-      [`${prefixCls}-clickable`]: onClick
+      ["".concat(prefixCls, "-").concat(status)]: Boolean(status),
+      ["".concat(prefixCls, "-clickable")]: onClick,
+      ["".concat(prefixCls, "-fill")]: props.type === 'fill'
     }, className),
     style: style,
     onClick: e => {
@@ -119,14 +120,14 @@ const FillStep = props => {
     },
     onKeyDown: handleKeyDown
   }, renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-content`
+    className: "".concat(prefixCls, "-content")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-title`,
+    className: "".concat(prefixCls, "-title"),
     title: typeof title === 'string' ? title : null
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${prefixCls}-title-text`
+    className: "".concat(prefixCls, "-title-text")
   }, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-description`,
+    className: "".concat(prefixCls, "-description"),
     title: typeof description === 'string' ? description : null
   }, description)));
 };

package/lib/cjs/steps/fillSteps.js

@@ -37,7 +37,7 @@ const Steps = props => {
     const filteredChildren = _react.Children.toArray(children).filter(c => /*#__PURE__*/(0, _react.isValidElement)(c));
 
     const colStyle = direction === 'vertical' ? null : {
-      width: `${100 / filteredChildren.length}%`
+      width: "".concat(100 / filteredChildren.length, "%")
     };
 
     const content = _react.Children.map(filteredChildren, (child, index) => {
@@ -47,12 +47,11 @@ const Steps = props => {
 
       const stepNumber = initial + index;
       const childProps = Object.assign({
-        stepNumber: `${stepNumber + 1}`,
-        direction
+        stepNumber: "".concat(stepNumber + 1)
       }, child.props);
 
       if (status === 'error' && index === current - 1) {
-        childProps.className = `${prefixCls}-next-error`;
+        childProps.className = "".concat(prefixCls, "-next-error");
       }
 
       if (!child.props.status) {
@@ -80,7 +79,7 @@ const Steps = props => {
   }, [children, initial, prefixCls, direction, status, current, onChange]);
   const wrapperCls = (0, _classnames.default)(className, {
     [prefixCls]: true,
-    [`${prefixCls}-${direction}`]: true
+    ["".concat(prefixCls, "-").concat(direction)]: true
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperCls,

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

@@ -22,7 +22,10 @@ export interface NavStepsAllProps extends NavStepsProps {
 }
 export declare type StepsProps = FillStepsAllProps | BasicStepsAllProps | NavStepsAllProps;
 declare class Steps extends Component<StepsProps> {
-    static Step: (props: import("./step").StepProps) => JSX.Element;
+    static Step: {
+        (props: import("./step").StepProps): JSX.Element;
+        elementType: string;
+    };
     static propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;

package/lib/cjs/steps/navStep.d.ts

@@ -13,6 +13,9 @@ export interface NavStepProps {
     onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     "role"?: React.AriaRole;
     "aria-label"?: React.AriaAttributes["aria-label"];
+    type?: string;
+    lastOne?: boolean;
+    size?: string;
 }
 declare const NavStep: {
     (props: NavStepProps): JSX.Element;

package/lib/cjs/steps/navStep.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
+
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -17,6 +19,10 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
 
 var _semiIcons = require("@douyinfe/semi-icons");
 
+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 }; }
 
 const NavStep = props => {
@@ -30,10 +36,15 @@ const NavStep = props => {
     total,
     onClick,
     onKeyDown,
-    onChange
+    onChange,
+    lastOne,
+    type,
+    size
   } = props;
   const classString = (0, _classnames.default)(prefixCls, {
-    [`${prefixCls}-active`]: active
+    ["".concat(prefixCls, "-active")]: active,
+    ["".concat(prefixCls, "-nav")]: type,
+    ["".concat(prefixCls, "-small")]: size === 'small'
   }, className);
 
   const handleClick = e => {
@@ -54,6 +65,13 @@ const NavStep = props => {
     }
   };
 
+  const notLastOne = (0, _react.useMemo)(() => {
+    if ((0, _isNumber2.default)(index) && (0, _isNumber2.default)(total)) {
+      return index !== total - 1;
+    }
+
+    return !Boolean(lastOne);
+  }, [index, total, lastOne]);
   return /*#__PURE__*/_react.default.createElement("div", {
     role: props["role"],
     "aria-label": props["aria-label"],
@@ -64,13 +82,13 @@ const NavStep = props => {
     onClick: e => handleClick(e),
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-container`
+    className: "".concat(prefixCls, "-container")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-content`
+    className: "".concat(prefixCls, "-content")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-title`
-  }, title)), index !== total - 1 && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-icon`
+    className: "".concat(prefixCls, "-title")
+  }, title)), notLastOne && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefixCls, "-icon")
   }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, {
     size: "small"
   }))));

package/lib/cjs/steps/navSteps.js

@@ -58,8 +58,8 @@ const Steps = props => {
     return content;
   }, [children, prefixCls, current, size, initial, onChange]);
   const wrapperCls = (0, _classnames.default)(className, {
-    [`${prefixCls}-nav`]: true,
-    [`${prefixCls}-${size}`]: size !== 'default'
+    ["".concat(prefixCls, "-nav")]: true,
+    ["".concat(prefixCls, "-").concat(size)]: size !== 'default'
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     "aria-label": props["aria-label"],

package/lib/cjs/steps/step.d.ts

@@ -8,6 +8,10 @@ export interface StepProps {
     className?: string;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
+    type?: string;
 }
-declare const Step: (props: StepProps) => JSX.Element;
+declare const Step: {
+    (props: StepProps): JSX.Element;
+    elementType: string;
+};
 export default Step;

package/lib/cjs/steps/step.js

@@ -22,9 +22,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 const Step = props => {
-  const {
-    type
-  } = (0, _react.useContext)(_context.default);
+  const stepContext = (0, _react.useContext)(_context.default);
+  const type = stepContext ? stepContext.type : props.type;
 
   const renderStep = () => {
     switch (type) {
@@ -45,5 +44,6 @@ const Step = props => {
   return renderStep();
 };
 
+Step.elementType = 'Steps.Step';
 var _default = Step;
 exports.default = _default;

package/lib/cjs/table/Body/BaseRow.js

@@ -242,7 +242,7 @@ class TableRow extends _baseComponent.default {
           hideExpandedColumn: hideExpandedColumn,
           indentSize: indentSize,
           isSection: isSection,
-          prefixCls: `${prefixCls}`,
+          prefixCls: "".concat(prefixCls),
           column: column,
           key: columnIndex,
           index: index,
@@ -293,10 +293,10 @@ class TableRow extends _baseComponent.default {
 
     this.adapter.setCache('customRowProps', Object.assign({}, rowProps));
     const baseRowStyle = Object.assign(Object.assign({}, style), customStyle);
-    const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : (0, _classnames.default)(className, `${prefixCls}-row`, {
-      [`${prefixCls}-row-selected`]: selected,
-      [`${prefixCls}-row-expanded`]: expanded,
-      [`${prefixCls}-row-hovered`]: hovered
+    const rowCls = typeof replaceClassName === 'string' && replaceClassName.length ? replaceClassName : (0, _classnames.default)(className, "".concat(prefixCls, "-row"), {
+      ["".concat(prefixCls, "-row-selected")]: selected,
+      ["".concat(prefixCls, "-row-expanded")]: expanded,
+      ["".concat(prefixCls, "-row-hovered")]: hovered
     }, customClassName);
     const ariaProps = {};
 

package/lib/cjs/table/Body/ExpandedRow.js

@@ -110,14 +110,14 @@ class TableExpandedRow extends _react.PureComponent {
       render: () => ({
         props,
         children: /*#__PURE__*/_react.default.createElement("div", {
-          className: (0, _classnames.default)(`${prefixCls}-expand-inner`),
+          className: (0, _classnames.default)("".concat(prefixCls, "-expand-inner")),
           style: {
             width: anyColumnFixed ? (0, _utils2.amendTableWidth)(tableWidth) : undefined
           }
         }, children)
       })
     }, column)];
-    const rowCls = (0, _classnames.default)(className, `${prefixCls}-row-expand`);
+    const rowCls = (0, _classnames.default)(className, "".concat(prefixCls, "-row-expand"));
     const baseRowCellWidths = getCellWidths(columns);
     return /*#__PURE__*/_react.default.createElement(_BaseRow.default, {
       style: style,
@@ -125,7 +125,7 @@ class TableExpandedRow extends _react.PureComponent {
       className: rowCls,
       expandedRow: true,
       renderExpandIcon: renderExpandIcon,
-      rowKey: `${record.key}-expanded-row`,
+      rowKey: "".concat(record.key, "-expanded-row"),
       columns: columns,
       store: store,
       virtualized: virtualized,

package/lib/cjs/table/Body/SectionRow.js

@@ -165,7 +165,7 @@ class SectionRow extends _react.PureComponent {
         children
       })
     }, column)];
-    const rowCls = (0, _classnames.default)(className, `${prefixCls}-row-section`, {
+    const rowCls = (0, _classnames.default)(className, "".concat(prefixCls, "-row-section"), {
       on: expanded
     });
     const {

package/lib/cjs/table/Body/index.js

@@ -114,7 +114,7 @@ class Body extends _baseComponent.default {
       }
 
       if (realSize < defaultConfig.minHeight) {
-        _utils2.logger.warn(`The computed real \`itemSize\` cannot be less than ${defaultConfig.minHeight}`);
+        _utils2.logger.warn("The computed real `itemSize` cannot be less than ".concat(defaultConfig.minHeight));
       }
 
       return realSize;
@@ -223,7 +223,7 @@ class Body extends _baseComponent.default {
           }
         },
         // eslint-disable-next-line react/no-this-in-sfc,react/destructuring-assignment
-        className: (0, _classnames.default)(props.className, `${_this.props.prefixCls}-tbody`),
+        className: (0, _classnames.default)(props.className, "".concat(_this.props.prefixCls, "-tbody")),
         style: Object.assign({}, props.style),
         ref: ref
       }));
@@ -244,7 +244,7 @@ class Body extends _baseComponent.default {
       } = this.props; // eslint-disable-next-line react/no-this-in-sfc
 
       const tableWidth = this.getVirtualizedRowWidth();
-      const tableCls = (0, _classnames.default)(`${prefixCls}`, `${prefixCls}-fixed`);
+      const tableCls = (0, _classnames.default)("".concat(prefixCls), "".concat(prefixCls, "-fixed"));
       return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, rest, {
         ref: ref,
         onWheel: function () {
@@ -312,7 +312,7 @@ class Body extends _baseComponent.default {
         overflowX: 'auto',
         overflowY: 'auto'
       };
-      const wrapCls = (0, _classnames.default)(`${prefixCls}-body`);
+      const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-body"));
       return /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, Object.assign({}, typeof virtualized === 'object' ? virtualized : {}, {
         initialScrollOffset: this.state.cache.virtualizedScrollTop,
         onScroll: this.handleVirtualizedScroll,
@@ -531,7 +531,7 @@ class Body extends _baseComponent.default {
       }); // const tableBody = this.renderBody();
 
 
-      const wrapCls = `${prefixCls}-body`;
+      const wrapCls = "".concat(prefixCls, "-body");
 
       const baseTable = /*#__PURE__*/_react.default.createElement("div", {
         key: "bodyTable",
@@ -548,21 +548,21 @@ class Body extends _baseComponent.default {
         "aria-colcount": columns && columns.length,
         style: tableStyle,
         className: (0, _classnames.default)(prefixCls, {
-          [`${prefixCls}-fixed`]: anyColumnFixed
+          ["".concat(prefixCls, "-fixed")]: anyColumnFixed
         })
       }, colgroup, includeHeader && showHeader ? /*#__PURE__*/_react.default.createElement(_TableHeader.default, Object.assign({}, this.props, {
         ref: headerRef,
         components: components,
         columns: columns
       })) : null, /*#__PURE__*/_react.default.createElement(BodyWrapper, {
-        className: `${prefixCls}-tbody`,
+        className: "".concat(prefixCls, "-tbody"),
         onScroll: onScroll
       }, (0, _isMap2.default)(groups) ? this.renderGroupedRows() : this.renderBodyRows(dataSource))), emptySlot);
 
       if (fixed && columns.length) {
         return /*#__PURE__*/_react.default.createElement("div", {
           key: "bodyTable",
-          className: `${prefixCls}-body-outer`
+          className: "".concat(prefixCls, "-body-outer")
         }, baseTable);
       }
 

package/lib/cjs/table/ColGroup.js

@@ -43,12 +43,12 @@ class ColGroup extends _react.default.PureComponent {
       }
 
       return /*#__PURE__*/_react.default.createElement(Col, {
-        className: (0, _classnames.default)(`${prefixCls}-col`, column.className),
+        className: (0, _classnames.default)("".concat(prefixCls, "-col"), column.className),
         key: column.key || column.dataIndex || idx,
         style: colStyle
       });
     });
-    const groupCls = (0, _classnames.default)(`${prefixCls}-colgroup`, className);
+    const groupCls = (0, _classnames.default)("".concat(prefixCls, "-colgroup"), className);
     return /*#__PURE__*/_react.default.createElement(ColGroup, {
       className: groupCls,
       style: style

package/lib/cjs/table/ColumnFilter.js

@@ -88,7 +88,7 @@ function renderDropdown() {
       const {
         value
       } = filter;
-      const key = `${level}_${index}`;
+      const key = "".concat(level, "_").concat(index);
       const dropdownItem = typeof renderFilterDropdownItem === 'function' ? renderFilterDropdownItem({
         onChange: changeFn,
         filterMultiple,
@@ -128,7 +128,7 @@ function renderDropdown() {
   }
 
   return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({}, dropdownProps, {
-    key: `Dropdown_level_${level}`
+    key: "Dropdown_level_".concat(level)
   }), nestedElem);
 }
 
@@ -144,7 +144,7 @@ function ColumnFilter() {
   let {
     filterDropdown = null
   } = props;
-  const finalCls = (0, _classnames.default)(`${prefixCls}-column-filter`, {
+  const finalCls = (0, _classnames.default)("".concat(prefixCls, "-column-filter"), {
     on: Array.isArray(filteredValue) && filteredValue.length
   });
   let iconElem;

package/lib/cjs/table/ColumnSelection.js

@@ -68,8 +68,8 @@ class TableSelectionCell extends _baseComponent.default {
       checkboxProps = Object.assign(Object.assign({}, checkboxProps), getCheckboxProps());
     }
 
-    const wrapCls = (0, _classnames.default)(`${prefixCls}-selection-wrap`, {
-      [`${prefixCls}-selection-disabled`]: disabled
+    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-selection-wrap"), {
+      ["".concat(prefixCls, "-selection-disabled")]: disabled
     }, className);
     return /*#__PURE__*/_react.default.createElement("span", {
       className: wrapCls