@newview/file-ui 1.1.25 → 1.1.27

package/README.md

@@ -1,3 +1,9 @@
+## 1.1.27
+1. UploadFile 新增控制上传附件的数量
+
+## 1.1.26
+1. UploadFile 预览时根据token重新查一遍数据
+
 ## 1.1.25
 1. UploadFileList 界面按钮大小调整
 

package/dist/file-ui.js

@@ -254,6 +254,11 @@ const propDefine$6 = {
     //只读状态且无附件信息下的显示
     type: String,
     default: "暂无附件"
+  },
+  // 控制附件上传的个数
+  uploadQuantity: {
+    type: Number,
+    default: 0
   }
 };
 const _sfc_main$6 = defineComponent({
@@ -335,8 +340,27 @@ let UploadFileInstance$1 = class UploadFileInstance extends BaseInstance {
      * 上传之前
      */
     __publicField(this, "doBeforeUpload", () => {
-      this.message.info("文件上传中,请稍等");
-      this.uploading.value = true;
+      return new Promise(async (resolve, reject) => {
+        let flag = true;
+        if (this.props.uploadQuantity > 0) {
+          let apiResult = await this.fileInfoApi.getEntities(QueryWrapper.create().eq("Token", this.currentToken));
+          const result = this.utilities.parseApiResult(apiResult);
+          if (result && result.length >= this.props.uploadQuantity) {
+            this.message.warning(`仅能上传${this.props.uploadQuantity}个附件`);
+            flag = false;
+          }
+        } else {
+          flag = true;
+        }
+        if (flag) {
+          resolve(() => {
+          });
+          this.message.info("文件上传中,请稍等");
+          this.uploading.value = true;
+        } else {
+          reject();
+        }
+      });
     });
     /**
      * 移除
@@ -525,10 +549,14 @@ let UploadFileInstance$1 = class UploadFileInstance extends BaseInstance {
      * 预览文件
      * @param fileInfo 
      */
-    __publicField(this, "doView", (fileInfo) => {
-      this.previewFileInfo = fileInfo;
+    __publicField(this, "doView", async (fileInfo, index = 0) => {
+      console.log("预览文件", fileInfo);
+      const apiResult = await this.fileInfoApi.getEntities(QueryWrapper.create().eq("Token", fileInfo.Token));
+      const result = this.utilities.parseApiResult(apiResult);
+      console.log("点击预览文件查询接口", result);
+      this.previewFileInfo = result[index];
       this.previewVisible.value = true;
-      this.previewIndex.value = fileInfo.PreviewIndex;
+      this.previewIndex.value = index;
     });
     this.props = props;
     this.ctx = ctx;
@@ -602,8 +630,8 @@ let UploadFileInstance$1 = class UploadFileInstance extends BaseInstance {
   }
   //#endregion 业务逻辑 文件预览 END
 };
-const UploadFile_vue_vue_type_style_index_0_scoped_0e35ec0f_lang = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-0e35ec0f"), n = n(), popScopeId(), n);
+const UploadFile_vue_vue_type_style_index_0_scoped_5d3c256e_lang = "";
+const _withScopeId$1 = (n) => (pushScopeId("data-v-5d3c256e"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = { class: "uploadFile uploadPage" };
 const _hoisted_2$3 = ["onClick", "title"];
 const _hoisted_3$3 = { class: "file-upload-list-cover" };
@@ -658,7 +686,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               createElementVNode("div", {
                 class: "file-upload-list-content",
-                onClick: ($event) => _ctx.doView(item),
+                onClick: ($event) => _ctx.doView(item, index),
                 title: item.FileName
               }, [
                 createVNode(_component_Image, {
@@ -818,7 +846,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "preview-list", "preview-index", "file-info"])
   ]);
 }
-const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-0e35ec0f"]]);
+const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-5d3c256e"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -19443,7 +19471,7 @@ class UploadFileInstance2 extends BaseInstance {
      * @param fileInfo 
      */
     __publicField(this, "doView", (fileInfo) => {
-      this.previewFileInfo = fileInfo;
+      this.previewFileInfo.value = fileInfo;
       this.previewVisible.value = true;
       this.previewIndex.value = fileInfo.PreviewIndex;
     });
@@ -19782,8 +19810,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         readonly: _ctx.getPropValue(item.uploadFileProp, "readonly") || _ctx.onlyView,
         token: _ctx.formModel[item.model],
         multiple: _ctx.getPropValue(item.uploadFileProp, "multiple"),
+        uploadQuantity: _ctx.getPropValue(item.uploadFileProp, "uploadQuantity", 0),
         onReturnFileList: ($event) => _ctx.tokenList($event, item)
-      }, null, 8, ["readonly", "token", "multiple", "onReturnFileList"])) : createCommentVNode("", true),
+      }, null, 8, ["readonly", "token", "multiple", "uploadQuantity", "onReturnFileList"])) : createCommentVNode("", true),
       item.type === "TextEditor" ? (openBlock(), createBlock(_component_TextEditor, {
         key: 1,
         ref: "textEditorRef",