ydb-components-material 0.1.205 → 0.1.206

package/es/components/file-list/item.js

@@ -65,7 +65,8 @@ var FileItem = function FileItem(_ref) {
     fileId = file.fileId,
     isSigned = file.isSigned,
     isSealed = file.isSealed,
-    fileType = file.fileType;
+    fileType = file.fileType,
+    loading = file.loading;
   var materialName = fileConfig.materialName,
     signatureEnable = fileConfig.signatureEnable,
     signEnable = fileConfig.signEnable,
@@ -351,18 +352,25 @@ var FileItem = function FileItem(_ref) {
       return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (fileUrl) {
+            if (!loading) {
               _context2.next = 1;
               break;
             }
+            _Message.warning('数据请求中，请稍后');
             return _context2.abrupt("return");
           case 1:
+            if (fileUrl) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
             // console.log('fileUrl', fileUrl, fileId);
             captureComponentTop();
             setPreviewIframeUrl(fileUrl);
             setIsShowPreview(true);
             // if (!fileId) return;
-            _context2.next = 2;
+            _context2.next = 3;
             return getUrlById({
               id: fileId,
               effectiveTime: 3600000
@@ -374,13 +382,13 @@ var FileItem = function FileItem(_ref) {
               isPC: isPC,
               accessToken: accessToken
             });
-          case 2:
+          case 3:
             urlRes = _context2.sent;
             if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
-              _context2.next = 4;
+              _context2.next = 5;
               break;
             }
-            _context2.next = 3;
+            _context2.next = 4;
             return onlinePreview({
               url: urlRes.presignedUrlList[2]
             }, {
@@ -391,11 +399,11 @@ var FileItem = function FileItem(_ref) {
               isPC: isPC,
               accessToken: accessToken
             });
-          case 3:
+          case 4:
             res = _context2.sent;
             setPreviewIframeUrl(res.url);
             setIsShowPreview(true);
-          case 4:
+          case 5:
           case "end":
             return _context2.stop();
         }
@@ -899,6 +907,10 @@ var FileItem = function FileItem(_ref) {
     };
   }();
   var onDownload = function onDownload() {
+    if (loading) {
+      _Message.warning('数据请求中，请稍后');
+      return;
+    }
     if (disabled) return;
     var format = getFileExtension(fileName);
     download({
@@ -1117,7 +1129,7 @@ var FileItem = function FileItem(_ref) {
     className: "error_msg",
     src: errorMsgIcon,
     alt: ""
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : !loading && /*#__PURE__*/React.createElement("div", {
     className: "add",
     onClick: function onClick() {
       return upload();
@@ -1151,7 +1163,11 @@ var FileItem = function FileItem(_ref) {
   }, /*#__PURE__*/React.createElement("img", {
     src: CheckedIcon,
     alt: ""
-  }), "\u5DF2\u7B7E\u7AE0")))), isPC && /*#__PURE__*/React.createElement("div", {
+  }), "\u5DF2\u7B7E\u7AE0"))), loading && /*#__PURE__*/React.createElement("div", {
+    className: "loading_mask"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "loading_spinner"
+  }))), isPC && /*#__PURE__*/React.createElement("div", {
     className: "blocks"
   }, /*#__PURE__*/React.createElement("div", {
     className: "status"

package/es/components/file-list/item.scss

@@ -106,6 +106,30 @@
           }
         }
       }
+
+      .loading_mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 4;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 8px;
+        background: rgba(255, 255, 255, 0.75);
+        cursor: wait;
+
+        .loading_spinner {
+          width: 20px;
+          height: 20px;
+          border: 2px solid #d6e4ff;
+          border-top-color: #1678ff;
+          border-radius: 50%;
+          animation: file_item_spin 0.8s linear infinite;
+        }
+      }
     }
 
     .blocks {
@@ -498,3 +522,13 @@
   }
 
 }
+
+@keyframes file_item_spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/components/file-list/item.js

@@ -71,7 +71,8 @@ var FileItem = function FileItem(_ref) {
     fileId = file.fileId,
     isSigned = file.isSigned,
     isSealed = file.isSealed,
-    fileType = file.fileType;
+    fileType = file.fileType,
+    loading = file.loading;
   var materialName = fileConfig.materialName,
     signatureEnable = fileConfig.signatureEnable,
     signEnable = fileConfig.signEnable,
@@ -357,18 +358,25 @@ var FileItem = function FileItem(_ref) {
       return _regenerator["default"].wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (fileUrl) {
+            if (!loading) {
               _context2.next = 1;
               break;
             }
+            _message["default"].warning('数据请求中，请稍后');
             return _context2.abrupt("return");
           case 1:
+            if (fileUrl) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
             // console.log('fileUrl', fileUrl, fileId);
             captureComponentTop();
             setPreviewIframeUrl(fileUrl);
             setIsShowPreview(true);
             // if (!fileId) return;
-            _context2.next = 2;
+            _context2.next = 3;
             return (0, _api.getUrlById)({
               id: fileId,
               effectiveTime: 3600000
@@ -380,13 +388,13 @@ var FileItem = function FileItem(_ref) {
               isPC: isPC,
               accessToken: accessToken
             });
-          case 2:
+          case 3:
             urlRes = _context2.sent;
             if (!(urlRes.presignedUrlList && urlRes.presignedUrlList.length > 0)) {
-              _context2.next = 4;
+              _context2.next = 5;
               break;
             }
-            _context2.next = 3;
+            _context2.next = 4;
             return (0, _api.onlinePreview)({
               url: urlRes.presignedUrlList[2]
             }, {
@@ -397,11 +405,11 @@ var FileItem = function FileItem(_ref) {
               isPC: isPC,
               accessToken: accessToken
             });
-          case 3:
+          case 4:
             res = _context2.sent;
             setPreviewIframeUrl(res.url);
             setIsShowPreview(true);
-          case 4:
+          case 5:
           case "end":
             return _context2.stop();
         }
@@ -905,6 +913,10 @@ var FileItem = function FileItem(_ref) {
     };
   }();
   var onDownload = function onDownload() {
+    if (loading) {
+      _message["default"].warning('数据请求中，请稍后');
+      return;
+    }
     if (disabled) return;
     var format = (0, _file2.getFileExtension)(fileName);
     download({
@@ -1123,7 +1135,7 @@ var FileItem = function FileItem(_ref) {
     className: "error_msg",
     src: _icon_errorMsg["default"],
     alt: ""
-  })) : /*#__PURE__*/_react["default"].createElement("div", {
+  })) : !loading && /*#__PURE__*/_react["default"].createElement("div", {
     className: "add",
     onClick: function onClick() {
       return upload();
@@ -1157,7 +1169,11 @@ var FileItem = function FileItem(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: _checked["default"],
     alt: ""
-  }), "\u5DF2\u7B7E\u7AE0")))), isPC && /*#__PURE__*/_react["default"].createElement("div", {
+  }), "\u5DF2\u7B7E\u7AE0"))), loading && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "loading_mask"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "loading_spinner"
+  }))), isPC && /*#__PURE__*/_react["default"].createElement("div", {
     className: "blocks"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "status"

package/lib/components/file-list/item.scss

@@ -106,6 +106,30 @@
           }
         }
       }
+
+      .loading_mask {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 4;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 8px;
+        background: rgba(255, 255, 255, 0.75);
+        cursor: wait;
+
+        .loading_spinner {
+          width: 20px;
+          height: 20px;
+          border: 2px solid #d6e4ff;
+          border-top-color: #1678ff;
+          border-radius: 50%;
+          animation: file_item_spin 0.8s linear infinite;
+        }
+      }
     }
 
     .blocks {
@@ -498,3 +522,13 @@
   }
 
 }
+
+@keyframes file_item_spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lowcode_es/meta.js

@@ -101,7 +101,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.205';
+    version = '0.1.206';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/lowcode_lib/meta.js

@@ -106,7 +106,7 @@ function fillRealVersion(meta, packageName, version, basicLibraryVersion) {
     packageName = 'ydb-components-material';
   }
   if (version === void 0) {
-    version = '0.1.205';
+    version = '0.1.206';
   }
   if (basicLibraryVersion === void 0) {
     basicLibraryVersion = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-components-material",
-  "version": "0.1.205",
+  "version": "0.1.206",
   "description": "ydb-components-material",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -103,10 +103,10 @@
   },
   "componentConfig": {
     "isComponentLibrary": true,
-    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.205/build/lowcode/assets-prod.json"
+    "materialSchema": "https://unpkg.com/ydb-components-material@0.1.206/build/lowcode/assets-prod.json"
   },
   "lcMeta": {
     "type": "component"
   },
-  "homepage": "https://unpkg.com/ydb-components-material@0.1.205/build/index.html"
+  "homepage": "https://unpkg.com/ydb-components-material@0.1.206/build/index.html"
 }