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

package/lib/es/upload/index.js

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

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.30.0-alpha.0",
+    "version": "2.30.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
     "typings": "lib/es/index.d.ts",
     "scripts": {
         "clean": "rimraf dist lib",
-        "build:lib": "node ./scripts/compileLib.js",
+        "build:lib": "export NODE_OPTIONS=--no-experimental-fetch && node ./scripts/compileLib.js",
         "build:js": "node scripts/compileDist.js",
         "build:css": "node scripts/compileScss.js",
         "prepublishOnly": "npm run clean && npm run build:lib && npm run build:js && npm run build:css"
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.30.0-alpha.0",
-        "@douyinfe/semi-animation-react": "2.30.0-alpha.0",
-        "@douyinfe/semi-foundation": "2.30.0-alpha.0",
-        "@douyinfe/semi-icons": "2.30.0-alpha.0",
-        "@douyinfe/semi-illustrations": "2.30.0-alpha.0",
-        "@douyinfe/semi-theme-default": "2.30.0-alpha.0",
+        "@douyinfe/semi-animation": "2.30.0",
+        "@douyinfe/semi-animation-react": "2.30.0",
+        "@douyinfe/semi-foundation": "2.30.0",
+        "@douyinfe/semi-icons": "2.30.0",
+        "@douyinfe/semi-illustrations": "2.30.0",
+        "@douyinfe/semi-theme-default": "2.30.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "5f4c9d8a0aadec8453ba22b1206ba1182878dceb",
+    "gitHead": "c433ecebd974f8bb013a030b22d9a22cb8e70e9e",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",