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

package/lib/cjs/table/TableCell.js

@@ -215,9 +215,9 @@ class TableCell extends _baseComponent.default {
 
     const indentText = indent && indentSize ? /*#__PURE__*/_react.default.createElement("span", {
       style: {
-        paddingLeft: `${indentSize * indent}px`
+        paddingLeft: "".concat(indentSize * indent, "px")
       },
-      className: `${prefixCls}-row-indent indent-level-${indent}`
+      className: "".concat(prefixCls, "-row-indent indent-level-").concat(indent)
     }) : null; // column.render
 
     const realExpandIcon = typeof renderExpandIcon === 'function' ? renderExpandIcon(record) : expandIcon;
@@ -289,7 +289,7 @@ class TableCell extends _baseComponent.default {
 
     if (isSection) {
       inner = /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(`${prefixCls}-section-inner`),
+        className: (0, _classnames.default)("".concat(prefixCls, "-section-inner")),
         style: {
           width: anyColumnFixed ? (0, _utils2.amendTableWidth)(tableWidth) : undefined
         }
@@ -340,11 +340,11 @@ class TableCell extends _baseComponent.default {
     }
 
     const inner = this.renderInner(text, indentText, realExpandIcon);
-    const columnCls = (0, _classnames.default)(className, `${prefixCls}-row-cell`, (0, _get2.default)(customCellProps, 'className'), {
-      [`${prefixCls}-cell-fixed-left`]: fixedLeftFlag,
-      [`${prefixCls}-cell-fixed-left-last`]: lastFixedLeft,
-      [`${prefixCls}-cell-fixed-right`]: fixedRightFlag,
-      [`${prefixCls}-cell-fixed-right-first`]: firstFixedRight
+    const columnCls = (0, _classnames.default)(className, "".concat(prefixCls, "-row-cell"), (0, _get2.default)(customCellProps, 'className'), {
+      ["".concat(prefixCls, "-cell-fixed-left")]: fixedLeftFlag,
+      ["".concat(prefixCls, "-cell-fixed-left-last")]: lastFixedLeft,
+      ["".concat(prefixCls, "-cell-fixed-right")]: fixedRightFlag,
+      ["".concat(prefixCls, "-cell-fixed-right-first")]: firstFixedRight
     });
     return /*#__PURE__*/_react.default.createElement(BodyCell, Object.assign({
       role: "gridcell",

package/lib/cjs/table/TableHeader.js

@@ -127,7 +127,7 @@ class TableHeader extends _baseComponent.default {
     const rows = parseHeaderRows(columns);
     const HeaderWrapper = components.header.wrapper;
     return /*#__PURE__*/_react.default.createElement(HeaderWrapper, {
-      className: `${prefixCls}-thead`,
+      className: "".concat(prefixCls, "-thead"),
       ref: forwardedRef
     }, rows.map((row, idx) => /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {
       prefixCls: prefixCls,

package/lib/cjs/table/TableHeaderRow.js

@@ -59,7 +59,7 @@ class TableHeaderRow extends _baseComponent.default {
           row,
           index
         } = this.props;
-        const cellSelector = `.${prefixCls}-row-head`;
+        const cellSelector = ".".concat(prefixCls, "-row-head");
         const heads = node && node.querySelectorAll && node.querySelectorAll(cellSelector);
         this.context.setHeadWidths((0, _map2.default)(heads, (head, headIndex) => {
           let configWidth = (0, _get2.default)(row, [headIndex, 'column', 'width']);
@@ -108,7 +108,7 @@ class TableHeaderRow extends _baseComponent.default {
     const HeaderRow = (0, _get2.default)(components, 'header.row', 'tr');
     const HeaderCell = (0, _get2.default)(components, 'header.cell', 'th');
     const rowProps = onHeaderRow(columns, index) || {};
-    (0, _set2.default)(rowProps, 'className', (0, _classnames.default)((0, _get2.default)(rowProps, 'className'), `${prefixCls}-row`));
+    (0, _set2.default)(rowProps, 'className', (0, _classnames.default)((0, _get2.default)(rowProps, 'className'), "".concat(prefixCls, "-row")));
     const cells = (0, _map2.default)(row, (cell, cellIndex) => {
       const {
         column
@@ -123,16 +123,16 @@ class TableHeaderRow extends _baseComponent.default {
           textAlign: column.align
         });
         customProps.className = (0, _classnames.default)(customProps.className, column.className, {
-          [`${prefixCls}-align-${column.align}`]: Boolean(column.align)
+          ["".concat(prefixCls, "-align-").concat(column.align)]: Boolean(column.align)
         });
       }
 
-      customProps.className = (0, _classnames.default)(`${prefixCls}-row-head`, column.className, customProps.className, // `${prefixCls}-fixed-columns`,
+      customProps.className = (0, _classnames.default)("".concat(prefixCls, "-row-head"), column.className, customProps.className, // `${prefixCls}-fixed-columns`,
       {
-        [`${prefixCls}-cell-fixed-left`]: (0, _utils.isFixedLeft)(column),
-        [`${prefixCls}-cell-fixed-left-last`]: (0, _utils.isLastLeftFixed)(slicedColumns, column),
-        [`${prefixCls}-cell-fixed-right`]: (0, _utils.isFixedRight)(column),
-        [`${prefixCls}-cell-fixed-right-first`]: (0, _utils.isFirstFixedRight)(slicedColumns, column)
+        ["".concat(prefixCls, "-cell-fixed-left")]: (0, _utils.isFixedLeft)(column),
+        ["".concat(prefixCls, "-cell-fixed-left-last")]: (0, _utils.isLastLeftFixed)(slicedColumns, column),
+        ["".concat(prefixCls, "-cell-fixed-right")]: (0, _utils.isFixedRight)(column),
+        ["".concat(prefixCls, "-cell-fixed-right-first")]: (0, _utils.isFirstFixedRight)(slicedColumns, column)
       });
 
       if (headWidths.length && slicedColumns.length) {

package/lib/cjs/table/TablePagination.js

@@ -35,11 +35,11 @@ class TablePagination extends _react.PureComponent {
     const total = (0, _get2.default)(pagination, 'total');
     const customPagination = renderPagination && (0, _isFunction2.default)(renderPagination) ? renderPagination(pagination) : null;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-pagination-outer`
+      className: "".concat(prefixCls, "-pagination-outer")
     }, /*#__PURE__*/(0, _react.isValidElement)(customPagination) ? customPagination : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${prefixCls}-pagination-info`
+      className: "".concat(prefixCls, "-pagination-info")
     }, info), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${prefixCls}-pagination-wrapper`
+      className: "".concat(prefixCls, "-pagination-wrapper")
     }, total > 0 ? /*#__PURE__*/_react.default.createElement(_pagination.default, Object.assign({}, pagination, {
       key: (0, _get2.default)(pagination, 'pageSize', 'pagination')
     })) : null)));

package/lib/cjs/tabs/TabBar.js

@@ -55,7 +55,7 @@ class TabBar extends _react.default.Component {
         const key = this._getItemKey(itemKey); // eslint-disable-next-line max-len
 
 
-        const tabItem = document.querySelector(`[data-uuid="${this.state.uuid}"] .${_constants.cssClasses.TABS_TAB}[data-scrollkey="${key}"]`);
+        const tabItem = document.querySelector("[data-uuid=\"".concat(this.state.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
         tabItem.scrollIntoView({
           behavior: 'smooth',
           block: 'nearest',
@@ -103,7 +103,7 @@ class TabBar extends _react.default.Component {
       const key = this._getItemKey(lastItem.itemKey); // eslint-disable-next-line max-len
 
 
-      const tabItem = document.querySelector(`[data-uuid="${this.state.uuid}"] .${_constants.cssClasses.TABS_TAB}[data-scrollkey="${key}"]`);
+      const tabItem = document.querySelector("[data-uuid=\"".concat(this.state.uuid, "\"] .").concat(_constants.cssClasses.TABS_TAB, "[data-scrollkey=\"").concat(key, "\"]"));
       tabItem.scrollIntoView({
         behavior: 'smooth',
         block: 'nearest',
@@ -144,17 +144,17 @@ class TabBar extends _react.default.Component {
       }));
 
       const arrowCls = (0, _classnames.default)({
-        [`${_constants.cssClasses.TABS_BAR}-arrow-${pos}`]: pos,
-        [`${_constants.cssClasses.TABS_BAR}-arrow`]: true
+        ["".concat(_constants.cssClasses.TABS_BAR, "-arrow-").concat(pos)]: pos,
+        ["".concat(_constants.cssClasses.TABS_BAR, "-arrow")]: true
       });
       const dropdownCls = (0, _classnames.default)(dropdownClassName, {
-        [`${_constants.cssClasses.TABS_BAR}-dropdown`]: true
+        ["".concat(_constants.cssClasses.TABS_BAR, "-dropdown")]: true
       });
       return /*#__PURE__*/_react.default.createElement(_dropdown.default, {
         className: dropdownCls,
         clickToHide: true,
         clickTriggerToHide: true,
-        key: `${rePosKey}-${pos}`,
+        key: "".concat(rePosKey, "-").concat(pos),
         position: pos === 'start' ? 'bottomLeft' : 'bottomRight',
         render: disabled ? null : menu,
         showTick: true,
@@ -197,14 +197,14 @@ class TabBar extends _react.default.Component {
         items: renderedList,
         overflowRenderer: this.renderOverflow,
         renderMode: "scroll",
-        className: `${_constants.cssClasses.TABS_BAR}-overflow-list`,
+        className: "".concat(_constants.cssClasses.TABS_BAR, "-overflow-list"),
         visibleItemRenderer: this.renderTabItem
       });
     };
 
     this._isActive = key => key === this.props.activeKey;
 
-    this._getItemKey = key => `${key}-bar`;
+    this._getItemKey = key => "".concat(key, "-bar");
 
     this.state = {
       endInd: props.list.length,
@@ -235,8 +235,8 @@ class TabBar extends _react.default.Component {
     };
     const tabBarExtraContentStyle = tabBarExtraContent && tabBarExtraContent.props ? tabBarExtraContent.props.style : {};
     const extraCls = (0, _classnames.default)(_constants.cssClasses.TABS_BAR_EXTRA, {
-      [`${_constants.cssClasses.TABS_BAR}-${type}-extra`]: type,
-      [`${_constants.cssClasses.TABS_BAR}-${type}-extra-${size}`]: size
+      ["".concat(_constants.cssClasses.TABS_BAR, "-").concat(type, "-extra")]: type,
+      ["".concat(_constants.cssClasses.TABS_BAR, "-").concat(type, "-extra-").concat(size)]: size
     });
 
     if (tabBarExtraContent) {
@@ -268,8 +268,8 @@ class TabBar extends _react.default.Component {
       [_constants.cssClasses.TABS_BAR_LINE]: type === 'line',
       [_constants.cssClasses.TABS_BAR_CARD]: type === 'card',
       [_constants.cssClasses.TABS_BAR_BUTTON]: type === 'button',
-      [`${_constants.cssClasses.TABS_BAR}-${tabPosition}`]: tabPosition,
-      [`${_constants.cssClasses.TABS_BAR}-collapse`]: collapsible
+      ["".concat(_constants.cssClasses.TABS_BAR, "-").concat(tabPosition)]: tabPosition,
+      ["".concat(_constants.cssClasses.TABS_BAR, "-collapse")]: collapsible
     });
     const extra = this.renderExtra();
     const contents = collapsible ? this.renderCollapsedTab() : this.renderTabComponents(list);

package/lib/cjs/tabs/TabItem.js

@@ -51,7 +51,7 @@ const TabItem = (props, ref) => {
     return type === 'card' && closable ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
       "aria-label": "Close",
       role: "button",
-      className: `${_constants.cssClasses.TABS_TAB}-icon-close`,
+      className: "".concat(_constants.cssClasses.TABS_TAB, "-icon-close"),
       onClick: e => deleteTabItem(itemKey, e)
     }) : null;
   }, [type, closable, deleteTabItem, itemKey]);
@@ -63,17 +63,17 @@ const TabItem = (props, ref) => {
     !disabled && onClick && onClick(itemKey, e);
   }, [itemKey, disabled, onClick]);
   const panelIcon = icon ? renderIcon(icon) : null;
-  const className = (0, _classnames.default)(_constants.cssClasses.TABS_TAB, `${_constants.cssClasses.TABS_TAB}-${type}`, `${_constants.cssClasses.TABS_TAB}-${tabPosition}`, `${_constants.cssClasses.TABS_TAB}-single`, {
+  const className = (0, _classnames.default)(_constants.cssClasses.TABS_TAB, "".concat(_constants.cssClasses.TABS_TAB, "-").concat(type), "".concat(_constants.cssClasses.TABS_TAB, "-").concat(tabPosition), "".concat(_constants.cssClasses.TABS_TAB, "-single"), {
     [_constants.cssClasses.TABS_TAB_ACTIVE]: selected,
     [_constants.cssClasses.TABS_TAB_DISABLED]: disabled,
-    [`${_constants.cssClasses.TABS_TAB}-small`]: size === 'small',
-    [`${_constants.cssClasses.TABS_TAB}-medium`]: size === 'medium'
+    ["".concat(_constants.cssClasses.TABS_TAB, "-small")]: size === 'small',
+    ["".concat(_constants.cssClasses.TABS_TAB, "-medium")]: size === 'medium'
   });
   return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     role: "tab",
-    id: `semiTab${itemKey}`,
-    "data-tabkey": `semiTab${itemKey}`,
-    "aria-controls": `semiTabPanel${itemKey}`,
+    id: "semiTab".concat(itemKey),
+    "data-tabkey": "semiTab".concat(itemKey),
+    "aria-controls": "semiTabPanel".concat(itemKey),
     "aria-disabled": disabled ? 'true' : 'false',
     "aria-selected": selected ? 'true' : 'false',
     tabIndex: selected ? 0 : -1,

package/lib/cjs/tabs/TabPane.js

@@ -119,8 +119,8 @@ class TabPane extends _react.PureComponent {
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       ref: this.ref,
       role: "tabpanel",
-      id: `semiTabPanel${itemKey}`,
-      "aria-labelledby": `semiTab${itemKey}`,
+      id: "semiTabPanel".concat(itemKey),
+      "aria-labelledby": "semiTab".concat(itemKey),
       className: classNames,
       style: style,
       "aria-hidden": active ? 'false' : 'true',
@@ -137,7 +137,7 @@ class TabPane extends _react.PureComponent {
         animationEventsNeedBind
       } = _ref;
       return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-        className: `${_constants.cssClasses.TABS_PANE_MOTION_OVERLAY} ${animationClassName}`,
+        className: "".concat(_constants.cssClasses.TABS_PANE_MOTION_OVERLAY, " ").concat(animationClassName),
         "x-semi-prop": "children"
       }, animationEventsNeedBind), shouldRender ? children : null);
     }));

package/lib/cjs/tabs/index.js

@@ -336,11 +336,11 @@ class Tabs extends _baseComponent.default {
     } = this.state;
     const tabWrapperCls = (0, _classnames.default)(className, {
       [_constants.cssClasses.TABS]: true,
-      [`${_constants.cssClasses.TABS}-${tabPosition}`]: tabPosition
+      ["".concat(_constants.cssClasses.TABS, "-").concat(tabPosition)]: tabPosition
     });
     const tabContentCls = (0, _classnames.default)({
       [_constants.cssClasses.TABS_CONTENT]: true,
-      [`${_constants.cssClasses.TABS_CONTENT}-${tabPosition}`]: tabPosition
+      ["".concat(_constants.cssClasses.TABS_CONTENT, "-").concat(tabPosition)]: tabPosition
     });
     const tabBarProps = {
       activeKey,

package/lib/cjs/tag/group.js

@@ -54,7 +54,7 @@ class TagGroup extends _react.PureComponent {
         trigger: "hover",
         position: "top",
         autoAdjustOverflow: true,
-        className: `${prefixCls}-rest-group-popover`
+        className: "".concat(prefixCls, "-rest-group-popover")
       }, popoverProps, {
         key: "_+n_Popover"
       }), nTag);
@@ -137,10 +137,10 @@ class TagGroup extends _react.PureComponent {
       size
     } = this.props;
     const groupCls = (0, _classnames.default)({
-      [`${prefixCls}-group`]: true,
-      [`${prefixCls}-group-max`]: maxTagCount,
-      [`${prefixCls}-group-small`]: size === 'small',
-      [`${prefixCls}-group-large`]: size === 'large'
+      ["".concat(prefixCls, "-group")]: true,
+      ["".concat(prefixCls, "-group-max")]: maxTagCount,
+      ["".concat(prefixCls, "-group-small")]: size === 'small',
+      ["".concat(prefixCls, "-group-large")]: size === 'large'
     }, className);
     const tags = this.renderAllTags();
     const tagContents = typeof maxTagCount === 'undefined' ? tags : this.renderMergeTags(tags);

package/lib/cjs/tag/index.js

@@ -184,16 +184,16 @@ class Tag extends _react.Component {
     const baseProps = Object.assign(Object.assign({}, attr), {
       onClick,
       className: (0, _classnames.default)(prefixCls, {
-        [`${prefixCls}-default`]: size === 'default',
-        [`${prefixCls}-small`]: size === 'small',
-        [`${prefixCls}-large`]: size === 'large',
-        [`${prefixCls}-square`]: shape === 'square',
-        [`${prefixCls}-circle`]: shape === 'circle',
-        [`${prefixCls}-${type}`]: type,
-        [`${prefixCls}-${color}-${type}`]: color && type,
-        [`${prefixCls}-closable`]: closable,
-        [`${prefixCls}-invisible`]: !isVisible,
-        [`${prefixCls}-avatar-${avatarShape}`]: avatarSrc
+        ["".concat(prefixCls, "-default")]: size === 'default',
+        ["".concat(prefixCls, "-small")]: size === 'small',
+        ["".concat(prefixCls, "-large")]: size === 'large',
+        ["".concat(prefixCls, "-square")]: shape === 'square',
+        ["".concat(prefixCls, "-circle")]: shape === 'circle',
+        ["".concat(prefixCls, "-").concat(type)]: type,
+        ["".concat(prefixCls, "-").concat(color, "-").concat(type)]: color && type,
+        ["".concat(prefixCls, "-closable")]: closable,
+        ["".concat(prefixCls, "-invisible")]: !isVisible,
+        ["".concat(prefixCls, "-avatar-").concat(avatarShape)]: avatarSrc
       }, className)
     });
     const wrapProps = clickable ? Object.assign(Object.assign({}, baseProps), a11yProps) : baseProps;
@@ -201,15 +201,15 @@ class Tag extends _react.Component {
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     _react.default.createElement("div", {
-      className: `${prefixCls}-close`,
+      className: "".concat(prefixCls, "-close"),
       onClick: e => this.close(e, children, tagKey)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
       size: "small"
     })) : null;
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-      "aria-label": this.props['aria-label'] || (0, _isString2.default)(children) ? `${closable ? 'Closable ' : ''}Tag: ${children}` : ''
+      "aria-label": this.props['aria-label'] || (0, _isString2.default)(children) ? "".concat(closable ? 'Closable ' : '', "Tag: ").concat(children) : ''
     }, wrapProps), avatarSrc ? this.renderAvatar() : null, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-content`
+      className: "".concat(prefixCls, "-content")
     }, children), closeIcon);
   }
 

package/lib/cjs/tagInput/index.js

@@ -54,7 +54,7 @@ const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
     items
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${prefixCls}-sortable-list`
+    className: "".concat(prefixCls, "-sortable-list")
   }, items.map((item, index) =>
   /*#__PURE__*/
   // @ts-ignore skip SortableItem type check
@@ -132,22 +132,22 @@ class TagInput extends _baseComponent.default {
         active
       } = this.state;
       const showIconHandler = active && draggable;
-      const tagCls = (0, _classnames.default)(`${prefixCls}-wrapper-tag`, {
-        [`${prefixCls}-wrapper-tag-size-${size}`]: size,
-        [`${prefixCls}-wrapper-tag-icon`]: showIconHandler
+      const tagCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-tag"), {
+        ["".concat(prefixCls, "-wrapper-tag-size-").concat(size)]: size,
+        ["".concat(prefixCls, "-wrapper-tag-icon")]: showIconHandler
       });
-      const typoCls = (0, _classnames.default)(`${prefixCls}-wrapper-typo`, {
-        [`${prefixCls}-wrapper-typo-disabled`]: disabled
+      const typoCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-typo"), {
+        ["".concat(prefixCls, "-wrapper-typo-disabled")]: disabled
       });
       const itemWrapperCls = (0, _classnames.default)({
-        [`${prefixCls}-drag-item`]: showIconHandler,
-        [`${prefixCls}-wrapper-tag-icon`]: showIconHandler
+        ["".concat(prefixCls, "-drag-item")]: showIconHandler,
+        ["".concat(prefixCls, "-wrapper-tag-icon")]: showIconHandler
       });
       const DragHandle = (0, _reactSortableHoc.SortableHandle)(() => /*#__PURE__*/_react.default.createElement(_semiIcons.IconHandle, {
-        className: `${prefixCls}-drag-handler`
+        className: "".concat(prefixCls, "-drag-handler")
       }));
       return tagsArray.map((value, index) => {
-        const elementKey = showIconHandler ? value : `${index}${value}`;
+        const elementKey = showIconHandler ? value : "".concat(index).concat(value);
 
         const onClose = () => {
           !disabled && this.handleTagClose(index);
@@ -168,9 +168,9 @@ class TagInput extends _baseComponent.default {
             closable: !disabled,
             key: elementKey,
             visible: true,
-            "aria-label": `${!disabled ? 'Closable ' : ''}Tag: ${value}`
+            "aria-label": "".concat(!disabled ? 'Closable ' : '', "Tag: ").concat(value)
           }, /*#__PURE__*/_react.default.createElement("div", {
-            className: `${prefixCls}-tag-content-wrapper`
+            className: "".concat(prefixCls, "-tag-content-wrapper")
           }, showIconHandler && /*#__PURE__*/_react.default.createElement(DragHandle, null), /*#__PURE__*/_react.default.createElement(_paragraph.default, {
             className: typoCls,
             ellipsis: {
@@ -354,8 +354,8 @@ class TagInput extends _baseComponent.default {
       disabled,
       clearIcon
     } = this.props;
-    const clearCls = (0, _classnames.default)(`${prefixCls}-clearBtn`, {
-      [`${prefixCls}-clearBtn-invisible`]: !hovering || inputValue === '' && tagsArray.length === 0 || disabled
+    const clearCls = (0, _classnames.default)("".concat(prefixCls, "-clearBtn"), {
+      ["".concat(prefixCls, "-clearBtn-invisible")]: !hovering || inputValue === '' && tagsArray.length === 0 || disabled
     });
 
     if (showClear) {
@@ -384,11 +384,11 @@ class TagInput extends _baseComponent.default {
       return null;
     }
 
-    const prefixWrapperCls = (0, _classnames.default)(`${prefixCls}-prefix`, {
-      [`${prefixCls}-inset-label`]: insetLabel,
-      [`${prefixCls}-prefix-text`]: labelNode && (0, _isString2.default)(labelNode),
+    const prefixWrapperCls = (0, _classnames.default)("".concat(prefixCls, "-prefix"), {
+      ["".concat(prefixCls, "-inset-label")]: insetLabel,
+      ["".concat(prefixCls, "-prefix-text")]: labelNode && (0, _isString2.default)(labelNode),
       // eslint-disable-next-line max-len
-      [`${prefixCls}-prefix-icon`]: (0, _utils.isSemiIcon)(labelNode)
+      ["".concat(prefixCls, "-prefix-icon")]: (0, _utils.isSemiIcon)(labelNode)
     });
     return (
       /*#__PURE__*/
@@ -412,10 +412,10 @@ class TagInput extends _baseComponent.default {
       return null;
     }
 
-    const suffixWrapperCls = (0, _classnames.default)(`${prefixCls}-suffix`, {
-      [`${prefixCls}-suffix-text`]: suffix && (0, _isString2.default)(suffix),
+    const suffixWrapperCls = (0, _classnames.default)("".concat(prefixCls, "-suffix"), {
+      ["".concat(prefixCls, "-suffix-text")]: suffix && (0, _isString2.default)(suffix),
       // eslint-disable-next-line max-len
-      [`${prefixCls}-suffix-icon`]: (0, _utils.isSemiIcon)(suffix)
+      ["".concat(prefixCls, "-suffix-icon")]: (0, _utils.isSemiIcon)(suffix)
     });
     return (
       /*#__PURE__*/
@@ -442,8 +442,8 @@ class TagInput extends _baseComponent.default {
       tagsArray,
       active
     } = this.state;
-    const restTagsCls = (0, _classnames.default)(`${prefixCls}-wrapper-n`, {
-      [`${prefixCls}-wrapper-n-disabled`]: disabled
+    const restTagsCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-n"), {
+      ["".concat(prefixCls, "-wrapper-n-disabled")]: disabled
     });
     const allTags = this.getAllTags();
     let restTags = [];
@@ -468,7 +468,7 @@ class TagInput extends _baseComponent.default {
       // @ts-ignore skip SortableItem type check
       return /*#__PURE__*/_react.default.createElement(SortableList, {
         useDragHandle: true,
-        helperClass: `${prefixCls}-drag-item-move`,
+        helperClass: "".concat(prefixCls, "-drag-item-move"),
         items: sortableListItems,
         onSortEnd: this.onSortEnd,
         axis: "xy"
@@ -522,16 +522,16 @@ class TagInput extends _baseComponent.default {
       active
     } = this.state;
     const tagInputCls = (0, _classnames.default)(prefixCls, className, {
-      [`${prefixCls}-focus`]: focusing || active,
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-hover`]: hovering && !disabled,
-      [`${prefixCls}-error`]: validateStatus === 'error',
-      [`${prefixCls}-warning`]: validateStatus === 'warning',
-      [`${prefixCls}-small`]: size === 'small',
-      [`${prefixCls}-large`]: size === 'large'
+      ["".concat(prefixCls, "-focus")]: focusing || active,
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-hover")]: hovering && !disabled,
+      ["".concat(prefixCls, "-error")]: validateStatus === 'error',
+      ["".concat(prefixCls, "-warning")]: validateStatus === 'warning',
+      ["".concat(prefixCls, "-small")]: size === 'small',
+      ["".concat(prefixCls, "-large")]: size === 'large'
     });
-    const inputCls = (0, _classnames.default)(`${prefixCls}-wrapper-input`, `${prefixCls}-wrapper-input-${size}`);
-    const wrapperCls = (0, _classnames.default)(`${prefixCls}-wrapper`);
+    const inputCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper-input"), "".concat(prefixCls, "-wrapper-input-").concat(size));
+    const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"));
     return (
       /*#__PURE__*/
       // eslint-disable-next-line

package/lib/cjs/timePicker/Combobox.js

@@ -162,7 +162,7 @@ class Combobox extends _baseComponent.default {
 
     const transformHour = value => value + locale.hour;
 
-    const className = `${prefixCls}-list-hour`;
+    const className = "".concat(prefixCls, "-list-hour");
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('hour', current),
       mode: 'normal',
@@ -193,7 +193,7 @@ class Combobox extends _baseComponent.default {
 
     const value = new Date(timeStampValue);
     const disabledOptions = disabledMinutes && disabledMinutes(value.getHours());
-    const className = `${prefixCls}-list-minute`;
+    const className = "".concat(prefixCls, "-list-minute");
 
     const transformMinute = min => min + locale.minute;
 
@@ -227,7 +227,7 @@ class Combobox extends _baseComponent.default {
 
     const value = new Date(timeStampValue);
     const disabledOptions = disabledSeconds && disabledSeconds(value.getHours(), value.getMinutes());
-    const className = `${prefixCls}-list-second`;
+    const className = "".concat(prefixCls, "-list-second");
 
     const transformSecond = sec => String(sec) + locale.second;
 
@@ -263,7 +263,7 @@ class Combobox extends _baseComponent.default {
       text: locale.PM || '下午'
     }];
     const selected = isAM ? 0 : 1;
-    const className = `${prefixCls}-list-ampm`;
+    const className = "".concat(prefixCls, "-list-ampm");
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('ampm', current),
       mode: 'normal',

package/lib/cjs/timePicker/TimeInput.js

@@ -142,9 +142,9 @@ class TimeInput extends _baseComponent.default {
           rest = __rest(_a, ["prefixCls", "placeholder", "inputReadOnly", "onFocus", "disabled", "type", "locale", "localeCode", "insetLabel", "validateStatus", "value", "onChange", "invalid", "format", "clearText", "disabledHours", "disabledMinutes", "disabledSeconds", "onEsc", "defaultOpenValue", "currentSelectPanel", "focusOnOpen", "timeStampValue", "timeZone", "defaultOpen", "dateFnsLocale"]); // const { focusing } = this.state;
 
 
-    const inputCls = (0, _classnames.default)(`${prefixCls}-input`, {
-      [`${prefixCls}-input-invalid`]: invalid,
-      [`${prefixCls}-input-readonly`]: inputReadOnly
+    const inputCls = (0, _classnames.default)("".concat(prefixCls, "-input"), {
+      ["".concat(prefixCls, "-input-invalid")]: invalid,
+      ["".concat(prefixCls, "-input-readonly")]: inputReadOnly
     });
     const mergeValidateStatus = invalid ? 'error' : validateStatus;
     return /*#__PURE__*/_react.default.createElement(_input.default, Object.assign({}, rest, {
@@ -171,7 +171,7 @@ class TimeInput extends _baseComponent.default {
       prefixCls
     } = this.props;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-input-wrap`
+      className: "".concat(prefixCls, "-input-wrap")
     }, this.getInput());
   }
 

package/lib/cjs/timePicker/TimePicker.js

@@ -223,7 +223,7 @@ class TimePicker extends _baseComponent.default {
       format: format,
       isAM: isAM[0],
       timeStampValue: value[0],
-      prefixCls: `${prefixCls}-panel`,
+      prefixCls: "".concat(prefixCls, "-panel"),
       onChange: v => this.handlePanelChange(v, 0),
       onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
     }, this.createPanelProps(0)))];
@@ -234,7 +234,7 @@ class TimePicker extends _baseComponent.default {
         format: format,
         isAM: isAM[1],
         timeStampValue: value[1],
-        prefixCls: `${prefixCls}-panel`,
+        prefixCls: "".concat(prefixCls, "-panel"),
         onChange: v => this.handlePanelChange(v, 1),
         onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
       }, this.createPanelProps(1))));
@@ -278,10 +278,10 @@ class TimePicker extends _baseComponent.default {
       selectColumnCount += 1;
     }
 
-    return (0, _classnames.default)(`${prefixCls}-panel`, popupClassName, {
-      [`${prefixCls}-panel-narrow`]: (!showHour || !showMinute || !showSecond) && !use12Hours,
+    return (0, _classnames.default)("".concat(prefixCls, "-panel"), popupClassName, {
+      ["".concat(prefixCls, "-panel-narrow")]: (!showHour || !showMinute || !showSecond) && !use12Hours,
       [_constants.cssClasses.RANGE_PICKER]: this.adapter.isRangePicker()
-    }, `${prefixCls}-panel-column-${selectColumnCount}`);
+    }, "".concat(prefixCls, "-panel-column-").concat(selectColumnCount));
   }
 
   focus() {// TODO this.picker is undefined, confirm keep this func or not
@@ -341,11 +341,11 @@ class TimePicker extends _baseComponent.default {
     } = this.state;
     const popupClassName = this.getPopupClassName();
     const headerPrefix = (0, _classnames.default)({
-      [`${prefixCls}-header`]: true
+      ["".concat(prefixCls, "-header")]: true
     });
     const panelPrefix = (0, _classnames.default)({
-      [`${prefixCls}-panel`]: true,
-      [`${prefixCls}-panel-${size}`]: size
+      ["".concat(prefixCls, "-panel")]: true,
+      ["".concat(prefixCls, "-panel-").concat(size)]: size
     });
     const inputProps = Object.assign(Object.assign({}, rest), {
       disabled,

package/lib/cjs/timeline/index.js

@@ -38,26 +38,26 @@ class Timeline extends _react.PureComponent {
 
       if (mode === 'alternate') {
         if (ele.props.position) {
-          return `${prefixCls}-item-${ele.props.position}`;
+          return "".concat(prefixCls, "-item-").concat(ele.props.position);
         }
 
-        return idx % 2 === 0 ? `${prefixCls}-item-left` : `${prefixCls}-item-right`;
+        return idx % 2 === 0 ? "".concat(prefixCls, "-item-left") : "".concat(prefixCls, "-item-right");
       }
 
       if (mode === 'center') {
         if (ele.props.position) {
-          return `${prefixCls}-item-${ele.props.position}`;
+          return "".concat(prefixCls, "-item-").concat(ele.props.position);
         }
 
-        return `${prefixCls}-item-left`;
+        return "".concat(prefixCls, "-item-left");
       }
 
       if (mode === 'left' || mode === 'right') {
-        return `${prefixCls}-item-${mode}`;
+        return "".concat(prefixCls, "-item-").concat(mode);
       }
 
       if (ele.props.position) {
-        return `${prefixCls}-item-${ele.props.position}`;
+        return "".concat(prefixCls, "-item-").concat(ele.props.position);
       }
 
       return '';
@@ -84,13 +84,13 @@ class Timeline extends _react.PureComponent {
       dataSource
     } = this.props;
     const classString = (0, _classnames.default)(prefixCls, className, {
-      [`${prefixCls}-${mode}`]: mode
+      ["".concat(prefixCls, "-").concat(mode)]: mode
     });
     let childrenList;
 
     if (dataSource && dataSource.length) {
       const items = dataSource.map((item, index) => /*#__PURE__*/_react.default.createElement(_item.default, Object.assign({
-        key: `timeline-item-${index}`
+        key: "timeline-item-".concat(index)
       }, item), item.content));
       childrenList = this.addClassName(items);
     }