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

package/lib/cjs/typography/copyable.js

@@ -103,8 +103,8 @@ class Copyable extends _react.default.PureComponent {
       copied
     } = this.state;
     const finalCls = (0, _classnames.default)(className, {
-      [`${prefixCls}-action-copy`]: !copied,
-      [`${prefixCls}-action-copied`]: copied
+      ["".concat(prefixCls, "-action-copy")]: !copied,
+      ["".concat(prefixCls, "-action-copied")]: copied
     });
     return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Typography"
@@ -117,7 +117,7 @@ class Copyable extends _react.default.PureComponent {
     }, copied ? this.renderSuccessTip() : /*#__PURE__*/_react.default.createElement(_index.default, {
       content: typeof copyTip !== 'undefined' ? copyTip : locale.copy
     }, /*#__PURE__*/_react.default.createElement("a", {
-      className: `${prefixCls}-action-copy-icon`
+      className: "".concat(prefixCls, "-action-copy-icon")
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCopy, {
       role: "button",
       tabIndex: 0,

package/lib/cjs/typography/numeral.d.ts

@@ -28,7 +28,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
     static propTypes: {
         rule: PropTypes.Requireable<"text" | "numbers" | "bytes-decimal" | "bytes-binary" | "percentages" | "exponential">;
         precision: PropTypes.Requireable<number>;
-        truncate: PropTypes.Requireable<"round" | "ceil" | "floor">;
+        truncate: PropTypes.Requireable<"ceil" | "floor" | "round">;
         parser: PropTypes.Requireable<(...args: any[]) => any>;
         copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;

package/lib/cjs/typography/paragraph.js

@@ -28,7 +28,7 @@ class Paragraph extends _react.PureComponent {
     const {
       className
     } = this.props;
-    const paragraphCls = (0, _classnames.default)(className, `${prefixCls}-paragraph`);
+    const paragraphCls = (0, _classnames.default)(className, "".concat(prefixCls, "-paragraph"));
     return /*#__PURE__*/_react.default.createElement(_base.default, Object.assign({
       component: 'p'
     }, this.props, {

package/lib/cjs/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 6 | 5>;
+        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/lib/cjs/typography/title.js

@@ -38,7 +38,7 @@ class Title extends _react.PureComponent {
     } = _a,
           rest = __rest(_a, ["heading"]);
 
-    const component = _constants.strings.HEADING.indexOf(heading) !== -1 ? `h${heading}` : 'h1'; // Passing headings to support custom components
+    const component = _constants.strings.HEADING.indexOf(heading) !== -1 ? "h".concat(heading) : 'h1'; // Passing headings to support custom components
 
     return /*#__PURE__*/_react.default.createElement(_base.default, Object.assign({
       component: component,

package/lib/cjs/typography/util.js

@@ -33,7 +33,7 @@ function styleToString(style) {
   // There are some different behavior between Firefox & Chrome.
   // We have to handle this ourself.
   const styleNames = Array.prototype.slice.apply(style);
-  return styleNames.map(name => `${name}: ${style.getPropertyValue(name)};`).join('');
+  return styleNames.map(name => "".concat(name, ": ").concat(style.getPropertyValue(name), ";")).join('');
 }
 
 const getRenderText = function (originEle, rows) {

package/lib/cjs/upload/fileCard.js

@@ -128,13 +128,13 @@ class FileCard extends _react.PureComponent {
       case typeof validateMessage === 'string' && status === _constants.strings.FILE_STATUS_VALIDATING:
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index4.default, {
           size: "small",
-          wrapperClassName: `${prefixCls}-file-card-icon-loading`
+          wrapperClassName: "".concat(prefixCls, "-file-card-icon-loading")
         }), validateMessage);
         break;
 
       case typeof validateMessage === 'string':
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
-          className: `${prefixCls}-file-card-icon-error`
+          className: "".concat(prefixCls, "-file-card-icon-error")
         }), validateMessage);
         break;
 
@@ -160,13 +160,13 @@ class FileCard extends _react.PureComponent {
       case validateMessage && status === _constants.strings.FILE_STATUS_VALIDATING:
         icon = /*#__PURE__*/_react.default.createElement(_index4.default, {
           size: "small",
-          wrapperClassName: `${prefixCls}-picture-file-card-icon-loading`
+          wrapperClassName: "".concat(prefixCls, "-picture-file-card-icon-loading")
         });
         break;
 
       case validateMessage && (status === _constants.strings.FILE_STATUS_VALID_FAIL || status === _constants.strings.FILE_STATUS_UPLOAD_FAIL):
         icon = /*#__PURE__*/_react.default.createElement("div", {
-          className: `${prefixCls}-picture-file-card-icon-error`
+          className: "".concat(prefixCls, "-picture-file-card-icon-error")
         }, /*#__PURE__*/_react.default.createElement(ErrorSvg, null));
         break;
 
@@ -201,20 +201,20 @@ class FileCard extends _react.PureComponent {
     const showReplace = status === _constants.strings.FILE_STATUS_SUCCESS && this.props.showReplace;
     const showPreview = status === _constants.strings.FILE_STATUS_SUCCESS && !this.props.showReplace;
     const filePicCardCls = (0, _classnames.default)({
-      [`${prefixCls}-picture-file-card`]: true,
-      [`${prefixCls}-picture-file-card-disabled`]: disabled,
-      [`${prefixCls}-picture-file-card-show-pointer`]: typeof onPreviewClick !== 'undefined',
-      [`${prefixCls}-picture-file-card-error`]: status === _constants.strings.FILE_STATUS_UPLOAD_FAIL,
-      [`${prefixCls}-picture-file-card-uploading`]: showProgress
+      ["".concat(prefixCls, "-picture-file-card")]: true,
+      ["".concat(prefixCls, "-picture-file-card-disabled")]: disabled,
+      ["".concat(prefixCls, "-picture-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined',
+      ["".concat(prefixCls, "-picture-file-card-error")]: status === _constants.strings.FILE_STATUS_UPLOAD_FAIL,
+      ["".concat(prefixCls, "-picture-file-card-uploading")]: showProgress
     });
 
     const retry = /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
       tabIndex: 0,
-      className: `${prefixCls}-picture-file-card-retry`,
+      className: "".concat(prefixCls, "-picture-file-card-retry"),
       onClick: e => this.onRetry(e)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconRefresh, {
-      className: `${prefixCls}-picture-file-card-icon-retry`
+      className: "".concat(prefixCls, "-picture-file-card-icon-retry")
     }));
 
     const replace = /*#__PURE__*/_react.default.createElement(_index3.default, {
@@ -226,27 +226,27 @@ class FileCard extends _react.PureComponent {
     }, /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
       tabIndex: 0,
-      className: `${prefixCls}-picture-file-card-replace`,
+      className: "".concat(prefixCls, "-picture-file-card-replace"),
       onClick: e => this.onReplace(e)
     }, /*#__PURE__*/_react.default.createElement(ReplaceSvg, {
-      className: `${prefixCls}-picture-file-card-icon-replace`
+      className: "".concat(prefixCls, "-picture-file-card-icon-replace")
     })));
 
     const preview = /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-picture-file-card-preview`
+      className: "".concat(prefixCls, "-picture-file-card-preview")
     }, typeof renderPicPreviewIcon === 'function' ? renderPicPreviewIcon(this.props) : null);
 
     const close = /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
       tabIndex: 0,
-      className: `${prefixCls}-picture-file-card-close`,
+      className: "".concat(prefixCls, "-picture-file-card-close"),
       onClick: e => this.onRemove(e)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, {
-      className: `${prefixCls}-picture-file-card-icon-close`
+      className: "".concat(prefixCls, "-picture-file-card-icon-close")
     }));
 
     const picInfo = typeof renderPicInfo === 'function' ? renderPicInfo(this.props) : /*#__PURE__*/_react.default.createElement("div", {
-      className: `${prefixCls}-picture-file-card-pic-info`
+      className: "".concat(prefixCls, "-picture-file-card-pic-info")
     }, index + 1);
     const thumbnail = typeof renderThumbnail === 'function' ? renderThumbnail(this.props) : /*#__PURE__*/_react.default.createElement("img", {
       src: url,
@@ -282,17 +282,17 @@ class FileCard extends _react.PureComponent {
       renderFileOperation
     } = this.props;
     const fileCardCls = (0, _classnames.default)({
-      [`${prefixCls}-file-card`]: true,
-      [`${prefixCls}-file-card-fail`]: status === _constants.strings.FILE_STATUS_VALID_FAIL || status === _constants.strings.FILE_STATUS_UPLOAD_FAIL,
-      [`${prefixCls}-file-card-show-pointer`]: typeof onPreviewClick !== 'undefined'
+      ["".concat(prefixCls, "-file-card")]: true,
+      ["".concat(prefixCls, "-file-card-fail")]: status === _constants.strings.FILE_STATUS_VALID_FAIL || status === _constants.strings.FILE_STATUS_UPLOAD_FAIL,
+      ["".concat(prefixCls, "-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined'
     });
     const previewCls = (0, _classnames.default)({
-      [`${prefixCls}-file-card-preview`]: true,
-      [`${prefixCls}-file-card-preview-placeholder`]: !preview || previewFile
+      ["".concat(prefixCls, "-file-card-preview")]: true,
+      ["".concat(prefixCls, "-file-card-preview-placeholder")]: !preview || previewFile
     });
-    const infoCls = `${prefixCls}-file-card-info`;
-    const closeCls = `${prefixCls}-file-card-close`;
-    const replaceCls = `${prefixCls}-file-card-replace`;
+    const infoCls = "".concat(prefixCls, "-file-card-info");
+    const closeCls = "".concat(prefixCls, "-file-card-close");
+    const replaceCls = "".concat(prefixCls, "-file-card-replace");
     const showProgress = !(percent === 100 || typeof percent === 'undefined') && status === _constants.strings.FILE_STATUS_UPLOADING; // only show retry when upload fail & showRetry is true, no need to show during validate fail
 
     const showRetry = status === _constants.strings.FILE_STATUS_UPLOAD_FAIL && propsShowRetry;
@@ -325,13 +325,13 @@ class FileCard extends _react.PureComponent {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: previewCls
     }, previewContent), /*#__PURE__*/_react.default.createElement("div", {
-      className: `${infoCls}-main`
+      className: "".concat(infoCls, "-main")
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${infoCls}-main-text`
+      className: "".concat(infoCls, "-main-text")
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${infoCls}-name`
+      className: "".concat(infoCls, "-name")
     }, name), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${infoCls}-size`
+      className: "".concat(infoCls, "-size")
     }, fileSize), showReplace && /*#__PURE__*/_react.default.createElement(_index3.default, {
       trigger: "hover",
       position: "top",
@@ -351,13 +351,13 @@ class FileCard extends _react.PureComponent {
       },
       "aria-label": "uploading file progress"
     }) : null, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${infoCls}-main-control`
+      className: "".concat(infoCls, "-main-control")
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${infoCls}-validate-message`
+      className: "".concat(infoCls, "-validate-message")
     }, this.renderValidateMessage()), showRetry ? /*#__PURE__*/_react.default.createElement("span", {
       role: "button",
       tabIndex: 0,
-      className: `${infoCls}-retry`,
+      className: "".concat(infoCls, "-retry"),
       onClick: e => this.onRetry(e)
     }, locale.retry) : null)), operation);
   }

package/lib/cjs/upload/index.js

@@ -162,7 +162,7 @@ class Upload extends _baseComponent.default {
         onRemove,
         onRetry,
         index,
-        key: uid || `${name}${index}`,
+        key: uid || "".concat(name).concat(index),
         style: itemStyle,
         disabled,
         showPicInfo,
@@ -220,19 +220,19 @@ class Upload extends _baseComponent.default {
       } = this.state;
       const fileList = this.props.fileList || stateFileList;
       const showAddTriggerInList = limit ? limit > fileList.length : true;
-      const dragAreaBaseCls = `${prefixCls}-drag-area`;
-      const uploadAddCls = (0, _classnames.default)(`${prefixCls}-add`, {
-        [`${prefixCls}-picture-add`]: true,
-        [`${prefixCls}-picture-add-disabled`]: disabled
+      const dragAreaBaseCls = "".concat(prefixCls, "-drag-area");
+      const uploadAddCls = (0, _classnames.default)("".concat(prefixCls, "-add"), {
+        ["".concat(prefixCls, "-picture-add")]: true,
+        ["".concat(prefixCls, "-picture-add-disabled")]: disabled
       });
-      const fileListCls = (0, _classnames.default)(`${prefixCls}-file-list`, {
-        [`${prefixCls}-picture-file-list`]: true
+      const fileListCls = (0, _classnames.default)("".concat(prefixCls, "-file-list"), {
+        ["".concat(prefixCls, "-picture-file-list")]: true
       });
       const dragAreaCls = (0, _classnames.default)({
-        [`${dragAreaBaseCls}-legal`]: dragAreaStatus === _constants.strings.DRAG_AREA_LEGAL,
-        [`${dragAreaBaseCls}-illegal`]: dragAreaStatus === _constants.strings.DRAG_AREA_ILLEGAL
+        ["".concat(dragAreaBaseCls, "-legal")]: dragAreaStatus === _constants.strings.DRAG_AREA_LEGAL,
+        ["".concat(dragAreaBaseCls, "-illegal")]: dragAreaStatus === _constants.strings.DRAG_AREA_ILLEGAL
       });
-      const mainCls = `${prefixCls}-file-list-main`;
+      const mainCls = "".concat(prefixCls, "-file-list-main");
       const addContentProps = {
         role: 'button',
         className: uploadAddCls,
@@ -285,9 +285,9 @@ class Upload extends _baseComponent.default {
         fileList: stateFileList
       } = this.state;
       const fileList = this.props.fileList || stateFileList;
-      const fileListCls = (0, _classnames.default)(`${prefixCls}-file-list`);
-      const titleCls = `${prefixCls}-file-list-title`;
-      const mainCls = `${prefixCls}-file-list-main`;
+      const fileListCls = (0, _classnames.default)("".concat(prefixCls, "-file-list"));
+      const titleCls = "".concat(prefixCls, "-file-list-title");
+      const mainCls = "".concat(prefixCls, "-file-list-main");
       const showTitle = limit !== 1 && fileList.length;
       const showClear = this.props.showClear && !disabled;
       const containerProps = {
@@ -303,12 +303,12 @@ class Upload extends _baseComponent.default {
       }, locale => /*#__PURE__*/_react.default.createElement("div", Object.assign({}, containerProps), showTitle ? /*#__PURE__*/_react.default.createElement("div", {
         className: titleCls
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: `${titleCls}-choosen`
+        className: "".concat(titleCls, "-choosen")
       }, locale.selectedFiles), showClear ? /*#__PURE__*/_react.default.createElement("span", {
         role: "button",
         tabIndex: 0,
         onClick: this.clear,
-        className: `${titleCls}-clear`
+        className: "".concat(titleCls, "-clear")
       }, locale.clear) : null) : null, /*#__PURE__*/_react.default.createElement("div", {
         className: mainCls,
         role: "list",
@@ -340,7 +340,7 @@ class Upload extends _baseComponent.default {
         listType,
         disabled
       } = this.props;
-      const uploadAddCls = (0, _classnames.default)(`${prefixCls}-add`);
+      const uploadAddCls = (0, _classnames.default)("".concat(prefixCls, "-add"));
 
       if (listType === _constants.strings.FILE_LIST_PIC) {
         return null;
@@ -370,11 +370,11 @@ class Upload extends _baseComponent.default {
         dragSubText,
         disabled
       } = this.props;
-      const dragAreaBaseCls = `${prefixCls}-drag-area`;
+      const dragAreaBaseCls = "".concat(prefixCls, "-drag-area");
       const dragAreaCls = (0, _classnames.default)(dragAreaBaseCls, {
-        [`${dragAreaBaseCls}-legal`]: dragAreaStatus === _constants.strings.DRAG_AREA_LEGAL,
-        [`${dragAreaBaseCls}-illegal`]: dragAreaStatus === _constants.strings.DRAG_AREA_ILLEGAL,
-        [`${dragAreaBaseCls}-custom`]: children
+        ["".concat(dragAreaBaseCls, "-legal")]: dragAreaStatus === _constants.strings.DRAG_AREA_LEGAL,
+        ["".concat(dragAreaBaseCls, "-illegal")]: dragAreaStatus === _constants.strings.DRAG_AREA_ILLEGAL,
+        ["".concat(dragAreaBaseCls, "-custom")]: children
       });
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Upload"
@@ -389,24 +389,24 @@ class Upload extends _baseComponent.default {
         onDragEnter: this.onDragEnter,
         onClick: this.onClick
       }, children ? children : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${dragAreaBaseCls}-icon`,
+        className: "".concat(dragAreaBaseCls, "-icon"),
         "x-semi-prop": "dragIcon"
       }, dragIcon || /*#__PURE__*/_react.default.createElement(_semiIcons.IconUpload, {
         size: "extra-large"
       })), /*#__PURE__*/_react.default.createElement("div", {
-        className: `${dragAreaBaseCls}-text`
+        className: "".concat(dragAreaBaseCls, "-text")
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${dragAreaBaseCls}-main-text`,
+        className: "".concat(dragAreaBaseCls, "-main-text"),
         "x-semi-prop": "dragMainText"
       }, dragMainText || locale.mainText), /*#__PURE__*/_react.default.createElement("div", {
-        className: `${dragAreaBaseCls}-sub-text`,
+        className: "".concat(dragAreaBaseCls, "-sub-text"),
         "x-semi-prop": "dragSubText"
       }, dragSubText), /*#__PURE__*/_react.default.createElement("div", {
-        className: `${dragAreaBaseCls}-tips`
+        className: "".concat(dragAreaBaseCls, "-tips")
       }, dragAreaStatus === _constants.strings.DRAG_AREA_LEGAL && /*#__PURE__*/_react.default.createElement("span", {
-        className: `${dragAreaBaseCls}-tips-legal`
+        className: "".concat(dragAreaBaseCls, "-tips-legal")
       }, locale.legalTips), dragAreaStatus === _constants.strings.DRAG_AREA_ILLEGAL && /*#__PURE__*/_react.default.createElement("span", {
-        className: `${dragAreaBaseCls}-tips-illegal`
+        className: "".concat(dragAreaBaseCls, "-tips-illegal")
       }, locale.illegalTips))))));
     };
 
@@ -545,17 +545,17 @@ class Upload extends _baseComponent.default {
       directory
     } = this.props;
     const uploadCls = (0, _classnames.default)(prefixCls, {
-      [`${prefixCls}-picture`]: listType === _constants.strings.FILE_LIST_PIC,
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-default`]: validateStatus === 'default',
-      [`${prefixCls}-error`]: validateStatus === 'error',
-      [`${prefixCls}-warning`]: validateStatus === 'warning',
-      [`${prefixCls}-success`]: validateStatus === 'success'
+      ["".concat(prefixCls, "-picture")]: listType === _constants.strings.FILE_LIST_PIC,
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-default")]: validateStatus === 'default',
+      ["".concat(prefixCls, "-error")]: validateStatus === 'error',
+      ["".concat(prefixCls, "-warning")]: validateStatus === 'warning',
+      ["".concat(prefixCls, "-success")]: validateStatus === 'success'
     }, className);
-    const inputCls = (0, _classnames.default)(`${prefixCls}-hidden-input`);
-    const inputReplaceCls = (0, _classnames.default)(`${prefixCls}-hidden-input-replace`);
-    const promptCls = (0, _classnames.default)(`${prefixCls}-prompt`);
-    const validateMsgCls = (0, _classnames.default)(`${prefixCls}-validate-message`);
+    const inputCls = (0, _classnames.default)("".concat(prefixCls, "-hidden-input"));
+    const inputReplaceCls = (0, _classnames.default)("".concat(prefixCls, "-hidden-input-replace"));
+    const promptCls = (0, _classnames.default)("".concat(prefixCls, "-prompt"));
+    const validateMsgCls = (0, _classnames.default)("".concat(prefixCls, "-validate-message"));
     const dirProps = directory ? {
       directory: 'directory',
       webkitdirectory: 'webkitdirectory'

package/lib/es/_portal/index.js

@@ -35,7 +35,7 @@ class Portal extends PureComponent {
       }
 
       const cls = classnames(prefixCls, ...classNames, {
-        [`${prefixCls}-rtl`]: direction === 'rtl'
+        ["".concat(prefixCls, "-rtl")]: direction === 'rtl'
       });
 
       if (_this.el) {
@@ -118,7 +118,7 @@ class Portal extends PureComponent {
 Portal.contextType = ConfigContext;
 Portal.defaultProps = {
   // getPopupContainer: () => document.body,
-  prefixCls: `${BASE_CLASS_PREFIX}-portal`
+  prefixCls: "".concat(BASE_CLASS_PREFIX, "-portal")
 };
 Portal.propTypes = {
   children: PropTypes.node,

package/lib/es/_utils/index.js

@@ -57,9 +57,7 @@ export function cloneDeep(value, customizer) {
         }); // internal-issues:887
 
         try {
-          warning(_get(process, 'env.NODE_ENV') !== 'production', `[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.
-                    The maximum length of an array is 4294967295.
-                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript`);
+          warning(_get(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
         } catch (e) {}
 
         return newArray;

package/lib/es/anchor/index.d.ts

@@ -48,7 +48,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
         offsetTop: PropTypes.Requireable<number>;
         targetOffset: PropTypes.Requireable<number>;
         showTooltip: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver">;
         maxWidth: PropTypes.Requireable<NonNullable<string | number>>;
         maxHeight: PropTypes.Requireable<NonNullable<string | number>>;
         getContainer: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/anchor/index.js

@@ -130,7 +130,7 @@ class Anchor extends BaseComponent {
       },
       setSlideBarTop: height => {
         this.setState({
-          slideBarTop: `${height}px`
+          slideBarTop: "".concat(height, "px")
         });
       },
       setClickLink: value => {
@@ -189,7 +189,7 @@ class Anchor extends BaseComponent {
         return elTop;
       },
       getAnchorNode: selector => {
-        const selectors = `#${this.anchorID} ${selector}`;
+        const selectors = "#".concat(this.anchorID, " ").concat(selector);
         return document.querySelector(selectors);
       },
       getContentNode: selector => document.querySelector(selector),
@@ -244,15 +244,15 @@ class Anchor extends BaseComponent {
       slideBarTop
     } = this.state;
     const wrapperCls = cls(prefixCls, className, {
-      [`${prefixCls}-size-${size}`]: size
+      ["".concat(prefixCls, "-size-").concat(size)]: size
     });
-    const slideCls = cls(`${prefixCls}-slide`, `${prefixCls}-slide-${railTheme}`);
-    const slideBarCls = cls(`${prefixCls}-slide-bar`, {
-      [`${prefixCls}-slide-bar-${size}`]: size,
-      [`${prefixCls}-slide-bar-${railTheme}`]: railTheme,
-      [`${prefixCls}-slide-bar-active`]: activeLink
+    const slideCls = cls("".concat(prefixCls, "-slide"), "".concat(prefixCls, "-slide-").concat(railTheme));
+    const slideBarCls = cls("".concat(prefixCls, "-slide-bar"), {
+      ["".concat(prefixCls, "-slide-bar-").concat(size)]: size,
+      ["".concat(prefixCls, "-slide-bar-").concat(railTheme)]: railTheme,
+      ["".concat(prefixCls, "-slide-bar-active")]: activeLink
     });
-    const anchorWrapper = `${prefixCls}-link-wrapper`;
+    const anchorWrapper = "".concat(prefixCls, "-link-wrapper");
     const wrapperStyle = Object.assign(Object.assign({}, style), {
       maxWidth,
       maxHeight

package/lib/es/anchor/link.js

@@ -25,10 +25,10 @@ export default class Link extends BaseComponent {
         size
       } = this.context;
       const active = activeLink === href;
-      const linkTitleCls = cls(`${prefixCls}-link-tooltip`, {
-        [`${prefixCls}-link-tooltip-small`]: size === 'small',
-        [`${prefixCls}-link-tooltip-active`]: active,
-        [`${prefixCls}-link-tooltip-disabled`]: disabled
+      const linkTitleCls = cls("".concat(prefixCls, "-link-tooltip"), {
+        ["".concat(prefixCls, "-link-tooltip-small")]: size === 'small',
+        ["".concat(prefixCls, "-link-tooltip-active")]: active,
+        ["".concat(prefixCls, "-link-tooltip-disabled")]: disabled
       });
       const toolTipOpt = position ? {
         position
@@ -140,10 +140,10 @@ export default class Link extends BaseComponent {
       showTooltip
     } = this.context;
     const active = activeLink === href;
-    const linkCls = cls(`${prefixCls}-link`, className);
-    const linkTitleCls = cls(`${prefixCls}-link-title`, {
-      [`${prefixCls}-link-title-active`]: active,
-      [`${prefixCls}-link-title-disabled`]: disabled
+    const linkCls = cls("".concat(prefixCls, "-link"), className);
+    const linkTitleCls = cls("".concat(prefixCls, "-link-title"), {
+      ["".concat(prefixCls, "-link-title-active")]: active,
+      ["".concat(prefixCls, "-link-title-disabled")]: disabled
     });
     const paddingAttributeKey = direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
     const ariaProps = {

package/lib/es/autoComplete/index.d.ts

@@ -116,7 +116,7 @@ declare class AutoComplete<T extends AutoCompleteItems> extends BaseComponent<Au
         onFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         placeholder: PropTypes.Requireable<string>;
         prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         onChangeWithObject: PropTypes.Requireable<boolean>;

package/lib/es/autoComplete/index.js

@@ -59,11 +59,7 @@ class AutoComplete extends BaseComponent {
     this.triggerRef = /*#__PURE__*/React.createRef();
     this.optionsRef = /*#__PURE__*/React.createRef();
     this.clickOutsideHandler = null;
-    warning('triggerRender' in this.props && typeof this.props.triggerRender === 'function', `[Semi AutoComplete]
-            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size',
-            please notice that they will be removed in the next major version.
-            Please use 'componentProps' to retrieve these props instead.
-            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.`);
+    warning('triggerRender' in this.props && typeof this.props.triggerRender === 'function', "[Semi AutoComplete]\n            - If you are using the following props: 'suffix', 'prefix', 'showClear', 'validateStatus', and 'size',\n            please notice that they will be removed in the next major version.\n            Please use 'componentProps' to retrieve these props instead.\n            - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.");
   }
 
   get adapter() {
@@ -200,7 +196,7 @@ class AutoComplete extends BaseComponent {
       style,
       className: useCustomTrigger ? cls(className) : cls({
         [prefixCls]: true,
-        [`${prefixCls}-disabled`]: disabled
+        ["".concat(prefixCls, "-disabled")]: disabled
       }, className),
       onClick: this.handleInputClick,
       ref: this.triggerRef,
@@ -244,7 +240,7 @@ class AutoComplete extends BaseComponent {
   }
 
   renderLoading() {
-    const loadingWrapperCls = `${prefixCls}-loading-wrapper`;
+    const loadingWrapperCls = "".concat(prefixCls, "-loading-wrapper");
     return /*#__PURE__*/React.createElement("div", {
       className: loadingWrapperCls
     }, /*#__PURE__*/React.createElement(Spin, null));
@@ -278,7 +274,7 @@ class AutoComplete extends BaseComponent {
       dropdownMinWidth
     } = this.state;
     const listCls = cls({
-      [`${prefixCls}-option-list`]: true
+      ["".concat(prefixCls, "-option-list")]: true
     }, dropdownClassName);
     let optionsNode;
 

package/lib/es/autoComplete/option.js

@@ -81,13 +81,13 @@ class Option extends PureComponent {
           rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
 
     const optionClassName = classNames(prefixCls, {
-      [`${prefixCls}-disabled`]: disabled,
-      [`${prefixCls}-selected`]: selected,
-      [`${prefixCls}-focused`]: focused,
-      [`${prefixCls}-empty`]: empty,
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(prefixCls, "-selected")]: selected,
+      ["".concat(prefixCls, "-focused")]: focused,
+      ["".concat(prefixCls, "-empty")]: empty,
       [className]: className
     });
-    const selectedIconClassName = classNames([`${prefixCls}-icon`]);
+    const selectedIconClassName = classNames(["".concat(prefixCls, "-icon")]);
 
     if (empty) {
       if (emptyContent === null) {
@@ -125,7 +125,7 @@ class Option extends PureComponent {
       searchWords: inputValue,
       sourceString: children,
       option: {
-        highlightClassName: `${prefixCls}-keyword`
+        highlightClassName: "".concat(prefixCls, "-keyword")
       }
     };
     return (
@@ -148,7 +148,7 @@ class Option extends PureComponent {
       }, showTick ? /*#__PURE__*/React.createElement("div", {
         className: selectedIconClassName
       }, /*#__PURE__*/React.createElement(IconTick, null)) : null, _isString(children) ? /*#__PURE__*/React.createElement("div", {
-        className: `${prefixCls}-text`
+        className: "".concat(prefixCls, "-text")
       }, this.renderOptionContent({
         children,
         config,