@douyinfe/semi-ui 2.27.1-alpha.2 → 2.27.1-alpha.3

package/lib/es/upload/fileCard.js

@@ -103,13 +103,13 @@ class FileCard extends PureComponent {
       case typeof validateMessage === 'string' && status === strings.FILE_STATUS_VALIDATING:
         content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spin, {
           size: "small",
-          wrapperClassName: `${prefixCls}-file-card-icon-loading`
+          wrapperClassName: "".concat(prefixCls, "-file-card-icon-loading")
         }), validateMessage);
         break;
 
       case typeof validateMessage === 'string':
         content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconAlertCircle, {
-          className: `${prefixCls}-file-card-icon-error`
+          className: "".concat(prefixCls, "-file-card-icon-error")
         }), validateMessage);
         break;
 
@@ -135,13 +135,13 @@ class FileCard extends PureComponent {
       case validateMessage && status === strings.FILE_STATUS_VALIDATING:
         icon = /*#__PURE__*/React.createElement(Spin, {
           size: "small",
-          wrapperClassName: `${prefixCls}-picture-file-card-icon-loading`
+          wrapperClassName: "".concat(prefixCls, "-picture-file-card-icon-loading")
         });
         break;
 
       case validateMessage && (status === strings.FILE_STATUS_VALID_FAIL || status === strings.FILE_STATUS_UPLOAD_FAIL):
         icon = /*#__PURE__*/React.createElement("div", {
-          className: `${prefixCls}-picture-file-card-icon-error`
+          className: "".concat(prefixCls, "-picture-file-card-icon-error")
         }, /*#__PURE__*/React.createElement(ErrorSvg, null));
         break;
 
@@ -176,19 +176,19 @@ class FileCard extends PureComponent {
     const showReplace = status === strings.FILE_STATUS_SUCCESS && this.props.showReplace;
     const showPreview = status === strings.FILE_STATUS_SUCCESS && !this.props.showReplace;
     const filePicCardCls = cls({
-      [`${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 === 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 === strings.FILE_STATUS_UPLOAD_FAIL,
+      ["".concat(prefixCls, "-picture-file-card-uploading")]: showProgress
     });
     const retry = /*#__PURE__*/React.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.createElement(IconRefresh, {
-      className: `${prefixCls}-picture-file-card-icon-retry`
+      className: "".concat(prefixCls, "-picture-file-card-icon-retry")
     }));
     const replace = /*#__PURE__*/React.createElement(Tooltip, {
       trigger: "hover",
@@ -199,24 +199,24 @@ class FileCard extends PureComponent {
     }, /*#__PURE__*/React.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.createElement(ReplaceSvg, {
-      className: `${prefixCls}-picture-file-card-icon-replace`
+      className: "".concat(prefixCls, "-picture-file-card-icon-replace")
     })));
     const preview = /*#__PURE__*/React.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.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.createElement(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.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.createElement("img", {
       src: url,
@@ -252,17 +252,17 @@ class FileCard extends PureComponent {
       renderFileOperation
     } = this.props;
     const fileCardCls = cls({
-      [`${prefixCls}-file-card`]: true,
-      [`${prefixCls}-file-card-fail`]: status === strings.FILE_STATUS_VALID_FAIL || status === strings.FILE_STATUS_UPLOAD_FAIL,
-      [`${prefixCls}-file-card-show-pointer`]: typeof onPreviewClick !== 'undefined'
+      ["".concat(prefixCls, "-file-card")]: true,
+      ["".concat(prefixCls, "-file-card-fail")]: status === strings.FILE_STATUS_VALID_FAIL || status === strings.FILE_STATUS_UPLOAD_FAIL,
+      ["".concat(prefixCls, "-file-card-show-pointer")]: typeof onPreviewClick !== 'undefined'
     });
     const previewCls = cls({
-      [`${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 === strings.FILE_STATUS_UPLOADING; // only show retry when upload fail & showRetry is true, no need to show during validate fail
 
     const showRetry = status === strings.FILE_STATUS_UPLOAD_FAIL && propsShowRetry;
@@ -295,13 +295,13 @@ class FileCard extends PureComponent {
     }, /*#__PURE__*/React.createElement("div", {
       className: previewCls
     }, previewContent), /*#__PURE__*/React.createElement("div", {
-      className: `${infoCls}-main`
+      className: "".concat(infoCls, "-main")
     }, /*#__PURE__*/React.createElement("div", {
-      className: `${infoCls}-main-text`
+      className: "".concat(infoCls, "-main-text")
     }, /*#__PURE__*/React.createElement("span", {
-      className: `${infoCls}-name`
+      className: "".concat(infoCls, "-name")
     }, name), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
-      className: `${infoCls}-size`
+      className: "".concat(infoCls, "-size")
     }, fileSize), showReplace && /*#__PURE__*/React.createElement(Tooltip, {
       trigger: "hover",
       position: "top",
@@ -321,13 +321,13 @@ class FileCard extends PureComponent {
       },
       "aria-label": "uploading file progress"
     }) : null, /*#__PURE__*/React.createElement("div", {
-      className: `${infoCls}-main-control`
+      className: "".concat(infoCls, "-main-control")
     }, /*#__PURE__*/React.createElement("span", {
-      className: `${infoCls}-validate-message`
+      className: "".concat(infoCls, "-validate-message")
     }, this.renderValidateMessage()), showRetry ? /*#__PURE__*/React.createElement("span", {
       role: "button",
       tabIndex: 0,
-      className: `${infoCls}-retry`,
+      className: "".concat(infoCls, "-retry"),
       onClick: e => this.onRetry(e)
     }, locale.retry) : null)), operation);
   }

package/lib/es/upload/index.js

@@ -142,7 +142,7 @@ class Upload extends BaseComponent {
         onRemove,
         onRetry,
         index,
-        key: uid || `${name}${index}`,
+        key: uid || "".concat(name).concat(index),
         style: itemStyle,
         disabled,
         showPicInfo,
@@ -200,19 +200,19 @@ class Upload extends BaseComponent {
       } = this.state;
       const fileList = this.props.fileList || stateFileList;
       const showAddTriggerInList = limit ? limit > fileList.length : true;
-      const dragAreaBaseCls = `${prefixCls}-drag-area`;
-      const uploadAddCls = cls(`${prefixCls}-add`, {
-        [`${prefixCls}-picture-add`]: true,
-        [`${prefixCls}-picture-add-disabled`]: disabled
+      const dragAreaBaseCls = "".concat(prefixCls, "-drag-area");
+      const uploadAddCls = cls("".concat(prefixCls, "-add"), {
+        ["".concat(prefixCls, "-picture-add")]: true,
+        ["".concat(prefixCls, "-picture-add-disabled")]: disabled
       });
-      const fileListCls = cls(`${prefixCls}-file-list`, {
-        [`${prefixCls}-picture-file-list`]: true
+      const fileListCls = cls("".concat(prefixCls, "-file-list"), {
+        ["".concat(prefixCls, "-picture-file-list")]: true
       });
       const dragAreaCls = cls({
-        [`${dragAreaBaseCls}-legal`]: dragAreaStatus === strings.DRAG_AREA_LEGAL,
-        [`${dragAreaBaseCls}-illegal`]: dragAreaStatus === strings.DRAG_AREA_ILLEGAL
+        ["".concat(dragAreaBaseCls, "-legal")]: dragAreaStatus === strings.DRAG_AREA_LEGAL,
+        ["".concat(dragAreaBaseCls, "-illegal")]: dragAreaStatus === strings.DRAG_AREA_ILLEGAL
       });
-      const mainCls = `${prefixCls}-file-list-main`;
+      const mainCls = "".concat(prefixCls, "-file-list-main");
       const addContentProps = {
         role: 'button',
         className: uploadAddCls,
@@ -265,9 +265,9 @@ class Upload extends BaseComponent {
         fileList: stateFileList
       } = this.state;
       const fileList = this.props.fileList || stateFileList;
-      const fileListCls = cls(`${prefixCls}-file-list`);
-      const titleCls = `${prefixCls}-file-list-title`;
-      const mainCls = `${prefixCls}-file-list-main`;
+      const fileListCls = cls("".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 = {
@@ -283,12 +283,12 @@ class Upload extends BaseComponent {
       }, locale => /*#__PURE__*/React.createElement("div", Object.assign({}, containerProps), showTitle ? /*#__PURE__*/React.createElement("div", {
         className: titleCls
       }, /*#__PURE__*/React.createElement("span", {
-        className: `${titleCls}-choosen`
+        className: "".concat(titleCls, "-choosen")
       }, locale.selectedFiles), showClear ? /*#__PURE__*/React.createElement("span", {
         role: "button",
         tabIndex: 0,
         onClick: this.clear,
-        className: `${titleCls}-clear`
+        className: "".concat(titleCls, "-clear")
       }, locale.clear) : null) : null, /*#__PURE__*/React.createElement("div", {
         className: mainCls,
         role: "list",
@@ -320,7 +320,7 @@ class Upload extends BaseComponent {
         listType,
         disabled
       } = this.props;
-      const uploadAddCls = cls(`${prefixCls}-add`);
+      const uploadAddCls = cls("".concat(prefixCls, "-add"));
 
       if (listType === strings.FILE_LIST_PIC) {
         return null;
@@ -350,11 +350,11 @@ class Upload extends BaseComponent {
         dragSubText,
         disabled
       } = this.props;
-      const dragAreaBaseCls = `${prefixCls}-drag-area`;
+      const dragAreaBaseCls = "".concat(prefixCls, "-drag-area");
       const dragAreaCls = cls(dragAreaBaseCls, {
-        [`${dragAreaBaseCls}-legal`]: dragAreaStatus === strings.DRAG_AREA_LEGAL,
-        [`${dragAreaBaseCls}-illegal`]: dragAreaStatus === strings.DRAG_AREA_ILLEGAL,
-        [`${dragAreaBaseCls}-custom`]: children
+        ["".concat(dragAreaBaseCls, "-legal")]: dragAreaStatus === strings.DRAG_AREA_LEGAL,
+        ["".concat(dragAreaBaseCls, "-illegal")]: dragAreaStatus === strings.DRAG_AREA_ILLEGAL,
+        ["".concat(dragAreaBaseCls, "-custom")]: children
       });
       return /*#__PURE__*/React.createElement(LocaleConsumer, {
         componentName: "Upload"
@@ -369,24 +369,24 @@ class Upload extends BaseComponent {
         onDragEnter: this.onDragEnter,
         onClick: this.onClick
       }, children ? children : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: `${dragAreaBaseCls}-icon`,
+        className: "".concat(dragAreaBaseCls, "-icon"),
         "x-semi-prop": "dragIcon"
       }, dragIcon || /*#__PURE__*/React.createElement(IconUpload, {
         size: "extra-large"
       })), /*#__PURE__*/React.createElement("div", {
-        className: `${dragAreaBaseCls}-text`
+        className: "".concat(dragAreaBaseCls, "-text")
       }, /*#__PURE__*/React.createElement("div", {
-        className: `${dragAreaBaseCls}-main-text`,
+        className: "".concat(dragAreaBaseCls, "-main-text"),
         "x-semi-prop": "dragMainText"
       }, dragMainText || locale.mainText), /*#__PURE__*/React.createElement("div", {
-        className: `${dragAreaBaseCls}-sub-text`,
+        className: "".concat(dragAreaBaseCls, "-sub-text"),
         "x-semi-prop": "dragSubText"
       }, dragSubText), /*#__PURE__*/React.createElement("div", {
-        className: `${dragAreaBaseCls}-tips`
+        className: "".concat(dragAreaBaseCls, "-tips")
       }, dragAreaStatus === strings.DRAG_AREA_LEGAL && /*#__PURE__*/React.createElement("span", {
-        className: `${dragAreaBaseCls}-tips-legal`
+        className: "".concat(dragAreaBaseCls, "-tips-legal")
       }, locale.legalTips), dragAreaStatus === strings.DRAG_AREA_ILLEGAL && /*#__PURE__*/React.createElement("span", {
-        className: `${dragAreaBaseCls}-tips-illegal`
+        className: "".concat(dragAreaBaseCls, "-tips-illegal")
       }, locale.illegalTips))))));
     };
 
@@ -525,17 +525,17 @@ class Upload extends BaseComponent {
       directory
     } = this.props;
     const uploadCls = cls(prefixCls, {
-      [`${prefixCls}-picture`]: listType === 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 === 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 = cls(`${prefixCls}-hidden-input`);
-    const inputReplaceCls = cls(`${prefixCls}-hidden-input-replace`);
-    const promptCls = cls(`${prefixCls}-prompt`);
-    const validateMsgCls = cls(`${prefixCls}-validate-message`);
+    const inputCls = cls("".concat(prefixCls, "-hidden-input"));
+    const inputReplaceCls = cls("".concat(prefixCls, "-hidden-input-replace"));
+    const promptCls = cls("".concat(prefixCls, "-prompt"));
+    const validateMsgCls = cls("".concat(prefixCls, "-validate-message"));
     const dirProps = directory ? {
       directory: 'directory',
       webkitdirectory: 'webkitdirectory'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.27.1-alpha.2",
+    "version": "2.27.1-alpha.3",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.27.1-alpha.2",
-        "@douyinfe/semi-animation-react": "2.27.1-alpha.2",
-        "@douyinfe/semi-foundation": "2.27.1-alpha.2",
-        "@douyinfe/semi-icons": "2.27.1-alpha.2",
-        "@douyinfe/semi-illustrations": "2.27.1-alpha.2",
-        "@douyinfe/semi-theme-default": "2.27.1-alpha.2",
+        "@douyinfe/semi-animation": "2.27.1-alpha.3",
+        "@douyinfe/semi-animation-react": "2.27.1-alpha.3",
+        "@douyinfe/semi-foundation": "2.27.1-alpha.3",
+        "@douyinfe/semi-icons": "2.27.1-alpha.3",
+        "@douyinfe/semi-illustrations": "2.27.1-alpha.3",
+        "@douyinfe/semi-theme-default": "2.27.1-alpha.3",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "0ce821bd9055d0e10489b955b4bd9742c309831a",
+    "gitHead": "025b68a4608258b186f24fe3c6782a2e418e2e2a",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",