@newview/file-ui 1.1.22 → 1.1.23

package/README.md

@@ -1,3 +1,6 @@
+## 1.1.23
+1. UploadFileList 新增分页控制
+
 ## 1.1.22
 1. 控制 UploadFileList 附件按钮显隐
 

package/dist/file-ui.js

@@ -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()}`;
@@ -19703,6 +19744,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 +19825,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"]);