@newview/file-ui 1.1.22 → 1.1.24

package/README.md

@@ -1,3 +1,9 @@
+## 1.1.24
+1. UploadFileList 界面调整
+
+## 1.1.23
+1. UploadFileList 新增分页控制
+
 ## 1.1.22
 1. 控制 UploadFileList 附件按钮显隐
 

package/dist/file-ui.js

@@ -606,7 +606,7 @@ const UploadFile_vue_vue_type_style_index_0_scoped_0e35ec0f_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-0e35ec0f"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = { class: "uploadFile uploadPage" };
 const _hoisted_2$3 = ["onClick", "title"];
-const _hoisted_3$2 = { class: "file-upload-list-cover" };
+const _hoisted_3$3 = { class: "file-upload-list-cover" };
 const _hoisted_4$2 = { class: "file-upload-btn" };
 const _hoisted_5$2 = {
   key: 1,
@@ -668,7 +668,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                   width: "100%",
                   height: "100%"
                 }, null, 8, ["src"]),
-                createElementVNode("div", _hoisted_3$2, [
+                createElementVNode("div", _hoisted_3$3, [
                   createVNode(_component_Space, null, {
                     default: withCtx(() => [
                       createVNode(_component_Icon, {
@@ -18344,7 +18344,7 @@ const _hoisted_2$2 = {
   ref: "StructureTypeSel",
   style: { "height": "220px", "display": "inline-block" }
 };
-const _hoisted_3$1 = { class: "nv-cascader-box nv-overflow-auto" };
+const _hoisted_3$2 = { class: "nv-cascader-box nv-overflow-auto" };
 const _hoisted_4$1 = ["onClick"];
 const _hoisted_5$1 = {
   key: 0,
@@ -18389,7 +18389,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       content: withCtx(() => [
         !_ctx.searchValue ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-          createElementVNode("div", _hoisted_3$1, [
+          createElementVNode("div", _hoisted_3$2, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.StructureTypeData, (item) => {
               return openBlock(), createElementBlock("div", {
                 class: normalizeClass(["nv-c-p nv-cascader-item", { active: _ctx.TypeValue.includes(item.value) }]),
@@ -18729,7 +18729,7 @@ const NvStructureSelect_vue_vue_type_style_index_0_scoped_fbbaca53_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-fbbaca53"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = { key: 1 };
 const _hoisted_2$1 = { class: "nv-pos-r" };
-const _hoisted_3 = { class: "nv-c-p structure-sel-box" };
+const _hoisted_3$1 = { class: "nv-c-p structure-sel-box" };
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = {
   key: 0,
@@ -18873,7 +18873,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       default: withCtx(() => [
         createElementVNode("div", _hoisted_2$1, [
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_3$1, [
             _ctx.StructureInstanceCheckData.length == 0 ? (openBlock(), createElementBlock("div", _hoisted_4, "点击选择构件")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_5, " 已选择" + toDisplayString(_ctx.StructureInstanceCheckData.length) + "个构件（" + toDisplayString(_ctx.StructureInstanceCheckData.map((e) => e["NodeName"]).toString()) + "） ", 1)) : (openBlock(), createElementBlock("div", _hoisted_6, [
                 createTextVNode(toDisplayString(_ctx.StructureInstanceCheckData[0].NodeName) + " ", 1),
@@ -18976,6 +18976,16 @@ const propDefine$1 = {
     //只读状态且无附件信息下的显示
     type: String,
     default: "暂无附件"
+  },
+  // 分页配置
+  paginationSet: {
+    type: Object,
+    default: {
+      /** 是否开启分页 */
+      isPagination: false,
+      /** 开启分页后每页的条数 每页的条数 */
+      pageSize: 10
+    }
   }
 };
 const _sfc_main$1 = defineComponent({
@@ -19003,6 +19013,10 @@ class UploadFileInstance2 extends BaseInstance {
     // private business2Test1: number = 0;
     // 响应属性 | ref、reactive、computed、watch
     // refTest2 = ref(0);
+    /** 是否开启分页 */
+    __publicField(this, "isOpenPagination", ref(false));
+    /** 每页条数 */
+    __publicField(this, "gridPageSize", ref(10));
     /** 是否显示预览 */
     __publicField(this, "isShowEye", ref(true));
     /** 是否显示删除 */
@@ -19019,7 +19033,8 @@ class UploadFileInstance2 extends BaseInstance {
           labelWidth: 120,
           defaultShowSearch: false
         },
-        isPagination: false,
+        isPagination: this.isOpenPagination.value,
+        pageSize: this.gridPageSize.value,
         toolbarConfig: {
           isButtonGroup: false
         },
@@ -19143,8 +19158,20 @@ class UploadFileInstance2 extends BaseInstance {
     /** 附件列表赋值 */
     __publicField(this, "loadUploadListData", () => {
       let uploadListData = this.getGroupFiles("默认");
+      let groupArr = this.arrayGroup(uploadListData, this.gridPageSize.value);
       this.uploadListGridRef.value[0].loadData(async (options) => {
-        options.success(uploadListData);
+        if (this.isOpenPagination.value) {
+          let newArr = groupArr[options.page - 1];
+          let gridObj = {
+            Datas: newArr,
+            TotalItemCount: uploadListData.length,
+            CurrentPageIndex: options.page,
+            TotalPageCount: this.gridPageSize.value
+          };
+          options.success(gridObj);
+        } else {
+          options.success(uploadListData);
+        }
       });
     });
     /** 附件列表保存 */
@@ -19424,6 +19451,14 @@ class UploadFileInstance2 extends BaseInstance {
     this.ctx = ctx;
     this.useUploadFile();
   }
+  /** 将数组分为几组 */
+  arrayGroup(data, num) {
+    let newArray = [];
+    for (let i = 0, len = data.length; i < len; i += num) {
+      newArray.push(data.slice(i, i + num));
+    }
+    return newArray;
+  }
   // 私有方法 | private 方法名() {}
   /**
    * 初始化文件上传附件
@@ -19436,6 +19471,12 @@ class UploadFileInstance2 extends BaseInstance {
     watchEffect(() => {
       this.isShowtrash.value = this.props.readonly;
     });
+    watchEffect(() => {
+      this.isOpenPagination.value = this.props.paginationSet.isPagination;
+      this.gridPageSize.value = this.props.paginationSet.pageSize;
+      this.uploadListGridOption.setting.isPagination = this.isOpenPagination.value;
+      this.uploadListGridOption.setting.pageSize = this.gridPageSize.value;
+    });
     this.setCurrentToken();
     this.setUploadFilePos();
     this.headers.value.Authorization = `Bearer ${this.storageInfo.getToken()}`;
@@ -19497,9 +19538,10 @@ class UploadFileInstance2 extends BaseInstance {
   }
   //#endregion 业务逻辑 文件预览 END
 }
-const UploadFileList_vue_vue_type_style_index_0_scoped_cd979ed3_lang = "";
+const UploadFileList_vue_vue_type_style_index_0_scoped_f6018903_lang = "";
 const _hoisted_1 = { class: "uploadFileList" };
 const _hoisted_2 = { class: "up-btn-box" };
+const _hoisted_3 = { class: "nv-flex-1" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Spin = resolveComponent("Spin");
   const _component_Button = resolveComponent("Button");
@@ -19518,7 +19560,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         "dis-hover": "",
         key: index,
         style: { "margin-bottom": "8px", "height": "100%" }
-      }, createSlots({
+      }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_2, [
             !_ctx.isShowtrash ? (openBlock(), createBlock(_component_Upload, {
@@ -19566,22 +19608,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             }, 8, ["onClick"])) : createCommentVNode("", true)
           ]),
-          createVNode(_component_NvGrid, {
-            ref_for: true,
-            ref: (el) => _ctx.getuploadListGridRef(el, index),
-            option: _ctx.uploadListGridOption
-          }, null, 8, ["option"])
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_component_NvGrid, {
+              ref_for: true,
+              ref: (el) => _ctx.getuploadListGridRef(el, index),
+              option: _ctx.uploadListGridOption
+            }, null, 8, ["option"])
+          ])
         ]),
         _: 2
-      }, [
-        groupName != "默认" ? {
-          name: "title",
-          fn: withCtx(() => [
-            createTextVNode(toDisplayString(groupName), 1)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1024);
+      }, 1024);
     }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       createTextVNode("附件列表暂不支持分组")
     ], 64)),
@@ -19594,7 +19630,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "preview-list", "preview-index", "file-info"])
   ]);
 }
-const UploadFileList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-cd979ed3"]]);
+const UploadFileList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-f6018903"]]);
 const propDefine = {
   onlyView: {
     // 是否只读
@@ -19703,6 +19739,28 @@ class ComFormInstance extends BaseInstance {
     __publicField(this, "getPropValue", (prop, propName, defaultValue) => {
       return this.utilities.isNull(prop) ? defaultValue : prop[propName];
     });
+    __publicField(this, "getPaginationSet", (item) => {
+      if (this.utilities.isNull(item.uploadFileListProp)) {
+        return null;
+      } else {
+        return {
+          isPagination: item.uploadFileListProp.isOpenPagination,
+          pageSize: item.uploadFileListProp.pageSize ?? 10
+        };
+      }
+    });
+    __publicField(this, "uploadFileListStyle", (item) => {
+      var _a;
+      if (this.utilities.isNull(item.uploadFileListProp)) {
+        return {
+          height: "200px"
+        };
+      } else {
+        return {
+          height: ((_a = item.uploadFileListProp) == null ? void 0 : _a.isOpenPagination) ? "300px" : "200px"
+        };
+      }
+    });
     this.props = props;
     this.ctx = ctx;
   }
@@ -19762,11 +19820,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["readonly", "dataValue", "multiple", "selType", "onOnChange"])) : createCommentVNode("", true),
       item.type === "UploadFileList" ? (openBlock(), createBlock(_component_UploadFileList, {
         key: 5,
-        style: { "height": "200px" },
+        style: normalizeStyle(_ctx.uploadFileListStyle(item)),
         readonly: _ctx.getPropValue(item.uploadFileListProp, "readonly") || _ctx.onlyView,
         token: _ctx.formModel[item.model],
+        paginationSet: _ctx.getPaginationSet(item),
         onReturnFileList: ($event) => _ctx.tokenList($event, item)
-      }, null, 8, ["readonly", "token", "onReturnFileList"])) : createCommentVNode("", true)
+      }, null, 8, ["style", "readonly", "token", "paginationSet", "onReturnFileList"])) : createCommentVNode("", true)
     ]),
     _: 1
   }, 8, ["onlyView", "formItems", "formModel"]);