@douyinfe/semi-ui 2.25.2 → 2.25.4

package/lib/es/spin/icon.js

@@ -32,7 +32,7 @@ function Icon() {
     _propsId = _id;
   }
 
-  const id = "linearGradient-".concat(_propsId);
+  const id = `linearGradient-${_propsId}`;
   return /*#__PURE__*/React.createElement("svg", Object.assign({}, rest, {
     className: className,
     width: "48",
@@ -73,7 +73,7 @@ function Icon() {
     height: "36"
   }), /*#__PURE__*/React.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(#".concat(id, ")"),
+    stroke: `url(#${id})`,
     strokeWidth: "4",
     strokeLinecap: "round"
   })));

package/lib/es/spin/index.js

@@ -60,9 +60,9 @@ class Spin extends BaseComponent {
       loading
     } = this.state;
     return loading ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-wrapper")
+      className: `${prefixCls}-wrapper`
     }, indicator ? /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-animate"),
+      className: `${prefixCls}-animate`,
       "x-semi-prop": "indicator"
     }, indicator) : /*#__PURE__*/React.createElement(SpinIcon, null), tip ? /*#__PURE__*/React.createElement("div", {
       "x-semi-prop": "tip"
@@ -82,15 +82,15 @@ class Spin extends BaseComponent {
       loading
     } = this.state;
     const spinCls = cls(prefixCls, wrapperClassName, {
-      ["".concat(prefixCls, "-").concat(size)]: size,
-      ["".concat(prefixCls, "-block")]: children,
-      ["".concat(prefixCls, "-hidden")]: !loading
+      [`${prefixCls}-${size}`]: size,
+      [`${prefixCls}-block`]: children,
+      [`${prefixCls}-hidden`]: !loading
     });
     return /*#__PURE__*/React.createElement("div", {
       className: spinCls,
       style: style
     }, this.renderSpin(), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-children"),
+      className: `${prefixCls}-children`,
       style: childStyle,
       "x-semi-prop": "children"
     }, children));

package/lib/es/steps/basicStep.js

@@ -46,13 +46,13 @@ const BasicStep = props => {
 
         case 'wait':
           inner = /*#__PURE__*/React.createElement("span", {
-            className: "".concat(prefixCls, "-number-icon")
+            className: `${prefixCls}-number-icon`
           }, stepNumber);
           break;
 
         case 'process':
           inner = /*#__PURE__*/React.createElement("span", {
-            className: "".concat(prefixCls, "-number-icon")
+            className: `${prefixCls}-number-icon`
           }, stepNumber);
           progress = true;
           break;
@@ -76,18 +76,18 @@ const BasicStep = props => {
     }
 
     const cls = classnames({
-      ["".concat(prefixCls, "-icon")]: true,
-      ["".concat(prefixCls, "-custom-icon")]: 'icon' in props,
-      ["".concat(prefixCls, "-icon-process")]: progress
+      [`${prefixCls}-icon`]: true,
+      [`${prefixCls}-custom-icon`]: 'icon' in props,
+      [`${prefixCls}-icon-process`]: progress
     });
     return inner ? /*#__PURE__*/React.createElement("span", {
       className: cls
     }, inner) : null;
   };
 
-  const classString = classnames(prefixCls, "".concat(prefixCls, "-").concat(status), {
-    ["".concat(prefixCls, "-active")]: active,
-    ["".concat(prefixCls, "-done")]: done
+  const classString = classnames(prefixCls, `${prefixCls}-${status}`, {
+    [`${prefixCls}-active`]: active,
+    [`${prefixCls}-done`]: done
   }, className);
 
   const handleClick = e => {
@@ -118,17 +118,17 @@ const BasicStep = props => {
     onClick: e => handleClick(e),
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-container")
+    className: `${prefixCls}-container`
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-left")
+    className: `${prefixCls}-left`
   }, renderIcon()), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-content")
+    className: `${prefixCls}-content`
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
+    className: `${prefixCls}-title`
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title-text")
+    className: `${prefixCls}-title-text`
   }, title)), description && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-description")
+    className: `${prefixCls}-description`
   }, description))));
 };
 

package/lib/es/steps/basicSteps.js

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

package/lib/es/steps/fillStep.js

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

package/lib/es/steps/fillSteps.js

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

package/lib/es/steps/navStep.js

@@ -19,7 +19,7 @@ const NavStep = props => {
     onChange
   } = props;
   const classString = classnames(prefixCls, {
-    ["".concat(prefixCls, "-active")]: active
+    [`${prefixCls}-active`]: active
   }, className);
 
   const handleClick = e => {
@@ -50,13 +50,13 @@ const NavStep = props => {
     onClick: e => handleClick(e),
     onKeyDown: handleKeyDown
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-container")
+    className: `${prefixCls}-container`
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-content")
+    className: `${prefixCls}-content`
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title")
+    className: `${prefixCls}-title`
   }, title)), index !== total - 1 && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-icon")
+    className: `${prefixCls}-icon`
   }, /*#__PURE__*/React.createElement(IconChevronRight, {
     size: "small"
   }))));

package/lib/es/steps/navSteps.js

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

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

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

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

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

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

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

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

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

package/lib/es/table/ColGroup.js

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

package/lib/es/table/ColumnFilter.js

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

package/lib/es/table/ColumnSelection.js

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

package/lib/es/table/ColumnSorter.js

@@ -15,10 +15,10 @@ export default class ColumnSorter extends PureComponent {
       title
     } = this.props;
     const iconBtnSize = 'default';
-    const upCls = cls("".concat(prefixCls, "-column-sorter-up"), {
+    const upCls = cls(`${prefixCls}-column-sorter-up`, {
       on: sortOrder === strings.SORT_DIRECTIONS[0]
     });
-    const downCls = cls("".concat(prefixCls, "-column-sorter-down"), {
+    const downCls = cls(`${prefixCls}-column-sorter-down`, {
       on: sortOrder === strings.SORT_DIRECTIONS[1]
     });
     const ariaProps = {
@@ -26,25 +26,25 @@ export default class ColumnSorter extends 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 ".concat(sortOrder ? "".concat(sortOrder, "ing") : 'none'),
+      'aria-label': `Current sort order is ${sortOrder ? `${sortOrder}ing` : 'none'}`,
       'aria-roledescription': 'Sort data with this column'
     };
     return /*#__PURE__*/React.createElement("div", Object.assign({
       role: 'button'
     }, ariaProps, {
       tabIndex: -1,
-      className: "".concat(prefixCls, "-column-sorter-wrapper"),
+      className: `${prefixCls}-column-sorter-wrapper`,
       onClick: onClick,
       onKeyPress: e => isEnterPress(e) && onClick(e)
     }), title, /*#__PURE__*/React.createElement("div", {
       style: style,
-      className: "".concat(prefixCls, "-column-sorter")
+      className: `${prefixCls}-column-sorter`
     }, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(upCls)
+      className: `${upCls}`
     }, /*#__PURE__*/React.createElement(IconCaretup, {
       size: iconBtnSize
     })), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(downCls)
+      className: `${downCls}`
     }, /*#__PURE__*/React.createElement(IconCaretdown, {
       size: iconBtnSize
     }))));

package/lib/es/table/CustomExpandIcon.js

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

package/lib/es/table/HeadTable.js

@@ -63,8 +63,8 @@ class HeadTable extends React.PureComponent {
       components: components,
       onDidUpdate: onDidUpdate
     }));
-    const headTableCls = classnames("".concat(prefixCls, "-header"), {
-      ["".concat(prefixCls, "-header-sticky")]: sticky
+    const headTableCls = classnames(`${prefixCls}-header`, {
+      [`${prefixCls}-header-sticky`]: sticky
     });
 
     const stickyTop = _get(sticky, 'top', 0);
@@ -82,7 +82,7 @@ class HeadTable extends React.PureComponent {
     }, /*#__PURE__*/React.createElement(Table, {
       style: tableStyle,
       className: classnames(prefixCls, {
-        ["".concat(prefixCls, "-fixed")]: anyColumnFixed
+        [`${prefixCls}-fixed`]: anyColumnFixed
       })
     }, colgroup, tableHeader));
   }

package/lib/es/table/Table.d.ts

@@ -280,7 +280,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
      * Combine pagination and table paging processing functions
      */
     mergePagination: (pagination: TablePaginationProps) => {
-        position?: "both" | "top" | "bottom";
+        position?: "top" | "bottom" | "both";
         formatPageText?: import("./interface").FormatPageText;
         style?: React.CSSProperties;
         className?: string;