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

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

@@ -22,7 +22,69 @@ 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 FillStep: {
+        (props: import("./fillStep").FillStepProps): JSX.Element;
+        propTypes: {
+            prefixCls: PropTypes.Requireable<string>;
+            description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            status: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        };
+        defaultProps: {
+            prefixCls: string;
+            status: string;
+            className: string;
+        };
+        elementType: string;
+    };
+    static BasicStep: {
+        (props: import("./basicStep").BasicStepProps): JSX.Element;
+        propTypes: {
+            prefixCls: PropTypes.Requireable<string>;
+            description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            status: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            active: PropTypes.Requireable<boolean>;
+            done: PropTypes.Requireable<boolean>;
+        };
+        defaultProps: {
+            prefixCls: string;
+            active: boolean;
+            done: boolean;
+            status: string;
+            className: string;
+        };
+        elementType: string;
+    };
+    static NavStep: {
+        (props: import("./navStep").NavStepProps): JSX.Element;
+        propTypes: {
+            prefixCls: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<object>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            active: PropTypes.Requireable<boolean>;
+        };
+        defaultProps: {
+            prefixCls: string;
+            active: boolean;
+            className: string;
+        };
+        elementType: string;
+    };
     static propTypes: {
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;

package/lib/cjs/steps/index.js

@@ -21,6 +21,12 @@ var _basicSteps = _interopRequireDefault(require("./basicSteps"));
 
 var _navSteps = _interopRequireDefault(require("./navSteps"));
 
+var _fillStep = _interopRequireDefault(require("./fillStep"));
+
+var _basicStep = _interopRequireDefault(require("./basicStep"));
+
+var _navStep = _interopRequireDefault(require("./navStep"));
+
 var _context = _interopRequireDefault(require("./context"));
 
 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); }
@@ -77,6 +83,9 @@ class Steps extends _react.Component {
 }
 
 Steps.Step = _step.default;
+Steps.FillStep = _fillStep.default;
+Steps.BasicStep = _basicStep.default;
+Steps.NavStep = _navStep.default;
 Steps.propTypes = {
   onChange: _propTypes.default.func,
   type: _propTypes.default.oneOf(['fill', 'basic', 'nav']),

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"];
+    usedInC2D?: boolean;
+    lastOne?: boolean;
+    size?: string;
 }
 declare const NavStep: {
     (props: NavStepProps): JSX.Element;
@@ -29,5 +32,6 @@ declare const NavStep: {
         active: boolean;
         className: string;
     };
+    elementType: string;
 };
 export default NavStep;

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,14 @@ const NavStep = props => {
     total,
     onClick,
     onKeyDown,
-    onChange
+    onChange,
+    lastOne,
+    size
   } = props;
   const classString = (0, _classnames.default)(prefixCls, {
-    [`${prefixCls}-active`]: active
+    ["".concat(prefixCls, "-active")]: active,
+    ["".concat(prefixCls, "-nav")]: props.usedInC2D,
+    ["".concat(prefixCls, "-small")]: size === 'small'
   }, className);
 
   const handleClick = e => {
@@ -54,6 +64,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 +81,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"
   }))));
@@ -89,5 +106,6 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
+NavStep.elementType = 'Steps.NavStep';
 var _default = NavStep;
 exports.default = _default;

package/lib/cjs/steps/navSteps.js

@@ -40,10 +40,12 @@ const Steps = props => {
         return null;
       }
 
-      const childProps = Object.assign({
+      const childProps = Object.assign(Object.assign({
         index,
         total
-      }, child.props);
+      }, child.props), {
+        size
+      });
       childProps.active = index === current;
 
       childProps.onChange = () => {
@@ -58,8 +60,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

@@ -9,5 +9,8 @@ export interface StepProps {
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
-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

@@ -45,5 +45,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

package/lib/cjs/table/ColumnSorter.js

@@ -35,10 +35,10 @@ class ColumnSorter extends _react.PureComponent {
       title
     } = this.props;
     const iconBtnSize = 'default';
-    const upCls = (0, _classnames.default)(`${prefixCls}-column-sorter-up`, {
+    const upCls = (0, _classnames.default)("".concat(prefixCls, "-column-sorter-up"), {
       on: sortOrder === _constants.strings.SORT_DIRECTIONS[0]
     });
-    const downCls = (0, _classnames.default)(`${prefixCls}-column-sorter-down`, {
+    const downCls = (0, _classnames.default)("".concat(prefixCls, "-column-sorter-down"), {
       on: sortOrder === _constants.strings.SORT_DIRECTIONS[1]
     });
     const ariaProps = {
@@ -46,25 +46,25 @@ class ColumnSorter extends _react.PureComponent {
        * Set 'aria-sort' to aria-columnheader is difficult, so set 'aria-label' about sort info to sorter
        * reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/ariaSort
        */
-      'aria-label': `Current sort order is ${sortOrder ? `${sortOrder}ing` : 'none'}`,
+      'aria-label': "Current sort order is ".concat(sortOrder ? "".concat(sortOrder, "ing") : 'none'),
       'aria-roledescription': 'Sort data with this column'
     };
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      className: `${prefixCls}-column-sorter-wrapper`,
+      className: "".concat(prefixCls, "-column-sorter-wrapper"),
       onClick: onClick,
       onKeyPress: e => (0, _isEnterPress.default)(e) && onClick(e)
     }), title, /*#__PURE__*/_react.default.createElement("div", {
       style: style,
-      className: `${prefixCls}-column-sorter`
+      className: "".concat(prefixCls, "-column-sorter")
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${upCls}`
+      className: "".concat(upCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretup, {
       size: iconBtnSize
     })), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${downCls}`
+      className: "".concat(downCls)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCaretdown, {
       size: iconBtnSize
     }))));

package/lib/cjs/table/CustomExpandIcon.js

@@ -67,7 +67,7 @@ function CustomExpandIcon(props) {
     const originIcon = icon;
     icon = /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
       animationState: expanded ? "enter" : "leave",
-      startClassName: `${_constants.cssClasses.PREFIX}-expandedIcon-${expanded ? 'show' : "hide"}`
+      startClassName: "".concat(_constants.cssClasses.PREFIX, "-expandedIcon-").concat(expanded ? 'show' : "hide")
     }, _ref => {
       let {
         animationClassName
@@ -85,7 +85,7 @@ function CustomExpandIcon(props) {
     onClick: handleClick,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    className: `${prefixCls}-expand-icon`,
+    className: "".concat(prefixCls, "-expand-icon"),
     onKeyPress: e => (0, _isEnterPress.default)(e) && handleClick(e)
   }, icon);
 }

package/lib/cjs/table/HeadTable.js

@@ -78,8 +78,8 @@ class HeadTable extends _react.default.PureComponent {
       onDidUpdate: onDidUpdate
     }));
 
-    const headTableCls = (0, _classnames.default)(`${prefixCls}-header`, {
-      [`${prefixCls}-header-sticky`]: sticky
+    const headTableCls = (0, _classnames.default)("".concat(prefixCls, "-header"), {
+      ["".concat(prefixCls, "-header-sticky")]: sticky
     });
     const stickyTop = (0, _get2.default)(sticky, 'top', 0);
 
@@ -96,7 +96,7 @@ class HeadTable extends _react.default.PureComponent {
     }, /*#__PURE__*/_react.default.createElement(Table, {
       style: tableStyle,
       className: (0, _classnames.default)(prefixCls, {
-        [`${prefixCls}-fixed`]: anyColumnFixed
+        ["".concat(prefixCls, "-fixed")]: anyColumnFixed
       })
     }, colgroup, tableHeader));
   }

package/lib/cjs/table/Table.js

@@ -296,17 +296,17 @@ class Table extends _baseComponent.default {
       const {
         prefixCls
       } = this.props;
-      const positionAll = [`${prefixCls}-scroll-position-both`, `${prefixCls}-scroll-position-middle`, `${prefixCls}-scroll-position-left`, `${prefixCls}-scroll-position-right`];
+      const positionAll = ["".concat(prefixCls, "-scroll-position-both"), "".concat(prefixCls, "-scroll-position-middle"), "".concat(prefixCls, "-scroll-position-left"), "".concat(prefixCls, "-scroll-position-right")];
       this.scrollPosition = position;
       const tableNode = this.wrapRef.current;
 
       if (tableNode && tableNode.nodeType) {
         if (position === 'both') {
-          const acceptPosition = [`${prefixCls}-scroll-position-left`, `${prefixCls}-scroll-position-right`];
+          const acceptPosition = ["".concat(prefixCls, "-scroll-position-left"), "".concat(prefixCls, "-scroll-position-right")];
           tableNode.classList.remove(...(0, _difference2.default)(positionAll, acceptPosition));
           tableNode.classList.add(...acceptPosition);
         } else {
-          const acceptPosition = [`${prefixCls}-scroll-position-${position}`];
+          const acceptPosition = ["".concat(prefixCls, "-scroll-position-").concat(position)];
           tableNode.classList.remove(...(0, _difference2.default)(positionAll, acceptPosition));
           tableNode.classList.add(...acceptPosition);
         }
@@ -366,7 +366,7 @@ class Table extends _baseComponent.default {
           const hasRowSelected = _this.foundation.hasRowSelected(selectedRowKeys, allRowKeysSet);
 
           return /*#__PURE__*/_react.default.createElement(_ColumnSelection.default, {
-            "aria-label": `${allIsSelected ? 'Deselect' : 'Select'} all rows`,
+            "aria-label": "".concat(allIsSelected ? 'Deselect' : 'Select', " all rows"),
             disabled: disabled,
             key: columnKey,
             selected: allIsSelected,
@@ -383,7 +383,7 @@ class Table extends _baseComponent.default {
           const checkboxPropsFn = () => typeof getCheckboxProps === 'function' ? getCheckboxProps(record) : {};
 
           return /*#__PURE__*/_react.default.createElement(_ColumnSelection.default, {
-            "aria-label": `${selected ? 'Deselect' : 'Select'} this row`,
+            "aria-label": "".concat(selected ? 'Deselect' : 'Select', " this row"),
             getCheckboxProps: checkboxPropsFn,
             selected: selected,
             onChange: (status, e) => _this.toggleSelectRow(status, key, e)
@@ -419,7 +419,7 @@ class Table extends _baseComponent.default {
           column = Object.assign(Object.assign({}, column), (0, _omit2.default)(rowSelection, needOmitSelectionKey));
         }
 
-        column.className = (0, _classnames.default)(column.className, `${prefixCls}-column-selection`);
+        column.className = (0, _classnames.default)(column.className, "".concat(prefixCls, "-column-selection"));
         column.title = _this.renderTitleSelectionCallback;
         column.render = _this.renderRowSelectionCallback;
       }
@@ -485,7 +485,7 @@ class Table extends _baseComponent.default {
         fixed: expandCellFixed,
         key: _constants.strings.DEFAULT_KEY_COLUMN_EXPAND
       };
-      column.className = (0, _classnames.default)(column.className, `${prefixCls}-column-expand`);
+      column.className = (0, _classnames.default)(column.className, "".concat(prefixCls, "-column-expand"));
       column.render = expandIcon !== false ? function () {
         let text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
         let record = arguments.length > 1 ? arguments[1] : undefined;
@@ -618,7 +618,7 @@ class Table extends _baseComponent.default {
       }
 
       return /*#__PURE__*/(0, _react.isValidElement)(title) || typeof title === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-title`,
+        className: "".concat(prefixCls, "-title"),
         "x-semi-prop": "title"
       }, title) : null;
     };
@@ -630,7 +630,7 @@ class Table extends _baseComponent.default {
         empty,
         dataSource
       } = props;
-      const wrapCls = `${prefixCls}-placeholder`;
+      const wrapCls = "".concat(prefixCls, "-placeholder");
 
       const isEmpty = _this.foundation.isEmpty(dataSource);
 
@@ -644,7 +644,7 @@ class Table extends _baseComponent.default {
       }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("div", {
         className: wrapCls
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-empty`,
+        className: "".concat(prefixCls, "-empty"),
         "x-semi-prop": "empty"
       }, empty || locale.emptyText)));
     };
@@ -664,7 +664,7 @@ class Table extends _baseComponent.default {
       }
 
       return /*#__PURE__*/(0, _react.isValidElement)(footer) || typeof footer === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-footer`,
+        className: "".concat(prefixCls, "-footer"),
         key: "footer",
         "x-semi-prop": "footer"
       }, footer) : null;
@@ -1473,13 +1473,13 @@ class Table extends _baseComponent.default {
     }
 
     const wrapCls = (0, _classnames.default)({
-      [`${prefixCls}-${_constants.strings.SIZE_SMALL}`]: size === _constants.strings.SIZE_SMALL,
-      [`${prefixCls}-${_constants.strings.SIZE_MIDDLE}`]: size === _constants.strings.SIZE_MIDDLE,
-      [`${prefixCls}-virtualized`]: Boolean(virtualized),
-      [`${prefixCls}-bordered`]: bordered,
-      [`${prefixCls}-fixed-header`]: Boolean(y),
-      [`${prefixCls}-scroll-position-left`]: ['both', 'left'].includes(this.position),
-      [`${prefixCls}-scroll-position-right`]: ['both', 'right'].includes(this.position)
+      ["".concat(prefixCls, "-").concat(_constants.strings.SIZE_SMALL)]: size === _constants.strings.SIZE_SMALL,
+      ["".concat(prefixCls, "-").concat(_constants.strings.SIZE_MIDDLE)]: size === _constants.strings.SIZE_MIDDLE,
+      ["".concat(prefixCls, "-virtualized")]: Boolean(virtualized),
+      ["".concat(prefixCls, "-bordered")]: bordered,
+      ["".concat(prefixCls, "-fixed-header")]: Boolean(y),
+      ["".concat(prefixCls, "-scroll-position-left")]: ['both', 'left'].includes(this.position),
+      ["".concat(prefixCls, "-scroll-position-right")]: ['both', 'right'].includes(this.position)
     }); // pagination
 
     const tablePagination = pagination && propPagination ? this.renderPagination(pagination, propRenderPagination) : null;
@@ -1500,7 +1500,7 @@ class Table extends _baseComponent.default {
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: this.rootWrapRef,
-      className: (0, _classnames.default)(className, `${prefixCls}-wrapper`),
+      className: (0, _classnames.default)(className, "".concat(prefixCls, "-wrapper")),
       "data-column-fixed": anyColumnFixed,
       style: wrapStyle,
       id: id
@@ -1517,7 +1517,7 @@ class Table extends _baseComponent.default {
       dataSource: props.dataSource,
       prefixCls: props.prefixCls
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-container`
+      className: "".concat(prefixCls, "-container")
     }, this.renderMainTable(Object.assign({}, props))), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: 'pagination-bottom'
     }, ['bottom', 'both'].includes(paginationPosition) ? tablePagination : null)))));