@newview/ui 1.1.91 → 1.1.92

package/README.md

@@ -1,3 +1,6 @@
+### 1.1.92
+1、分页组件支持：分页尺寸选择、快速跳转
+
 ### 1.1.91
 1、修复lucksheet编辑模式下删除行列单元格别名被清除问题
 

package/dist/newview-ui.js

@@ -58486,9 +58486,16 @@ let GridInstance$1 = class GridInstance2 extends BaseInstance {
     __publicField2(this, "crudTable", ref());
     __publicField2(this, "getPageSize", () => {
       let pagesize = 25;
-      if (this.crudTable.value && this.crudTable.value.clientHeight > 0) {
-        let height = this.crudTable.value.clientHeight / 40;
-        pagesize = parseInt(height);
+      if (this.getPageConfig("showSizer", false)) {
+        const pageSizeOpts = this.getPageConfig("pageSizeOpts", [25, 50, 100]);
+        if (Array.isArray(pageSizeOpts) && pageSizeOpts.length > 0) {
+          pagesize = pageSizeOpts[0];
+        }
+      } else {
+        if (this.crudTable.value && this.crudTable.value.clientHeight > 0) {
+          let height = this.crudTable.value.clientHeight / 40;
+          pagesize = parseInt(height);
+        }
       }
       return this.utilities.isNull(this.props.option.setting) || this.utilities.isNull(this.props.option.setting.pageSize) ? pagesize : this.props.option.setting.pageSize;
     });
@@ -58725,6 +58732,23 @@ let GridInstance$1 = class GridInstance2 extends BaseInstance {
         }
       });
     });
+    __publicField2(this, "doPageSizeChange", async (data2) => {
+      nextTick(async () => {
+        if (this.props.option.event && this.props.option.event.event_pageChangeBefore) {
+          if (!this.props.option.event.event_pageChangeBefore()) {
+            this.setPageIndex(this.pageIndexBefore.value);
+            return;
+          }
+        }
+        this.setPageSize(data2);
+        this.setPageIndex(1);
+        if (!this.utilities.isNull(this.readFunction)) {
+          this.loadDataing.value = true;
+          await this.readFunction(this.getLoadDataOptions());
+          this.loadDataing.value = false;
+        }
+      });
+    });
     //#endregion 加载数据 End
     //#region 工具栏及默认事件
     /**
@@ -59401,8 +59425,8 @@ let GridInstance$1 = class GridInstance2 extends BaseInstance {
   }
   //#endregion 公开方法 END
 };
-const Grid_vue_vue_type_style_index_0_scoped_d80176c1_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId("data-v-d80176c1"), n = n(), popScopeId(), n);
+const Grid_vue_vue_type_style_index_0_scoped_1b3fc6d2_lang = "";
+const _withScopeId$3 = (n) => (pushScopeId("data-v-1b3fc6d2"), n = n(), popScopeId(), n);
 const _hoisted_1$e = { class: "nv-crud nv-pos-r" };
 const _hoisted_2$b = { class: "grid-msg" };
 const _hoisted_3$9 = { class: "nv-crud-body" };
@@ -59620,16 +59644,21 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_Page, {
         modelValue: _ctx.pageIndex,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.pageIndex = $event),
+        transfer: true,
         total: _ctx.total,
         "page-size": _ctx.getPageSize(),
         simple: _ctx.getPageConfig("simple", false),
         "show-total": "",
-        onOnChange: _ctx.doPageChange
-      }, null, 8, ["modelValue", "total", "page-size", "simple", "onOnChange"])
+        "show-elevator": _ctx.getPageConfig("showElevator", false),
+        "show-sizer": _ctx.getPageConfig("showSizer", false),
+        "page-size-opts": _ctx.getPageConfig("pageSizeOpts", [25, 50, 100]),
+        onOnChange: _ctx.doPageChange,
+        onOnPageSizeChange: _ctx.doPageSizeChange
+      }, null, 8, ["modelValue", "total", "page-size", "simple", "show-elevator", "show-sizer", "page-size-opts", "onOnChange", "onOnPageSizeChange"])
     ])) : createCommentVNode("", true)
   ]);
 }
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-d80176c1"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-1b3fc6d2"]]);
 const GridCellContent = defineComponent({
   name: "GridCellContent",
   props: {
@@ -241036,9 +241065,16 @@ class GridInstance extends BaseInstance {
     __publicField2(this, "crudTable", ref());
     __publicField2(this, "getPageSize", () => {
       let pagesize = 25;
-      if (this.crudTable.value && this.crudTable.value.clientHeight > 0) {
-        let height = this.crudTable.value.clientHeight / 40;
-        pagesize = parseInt(height);
+      if (this.getPageConfig("showSizer", false)) {
+        const pageSizeOpts = this.getPageConfig("pageSizeOpts", [25, 50, 100]);
+        if (Array.isArray(pageSizeOpts) && pageSizeOpts.length > 0) {
+          pagesize = pageSizeOpts[0];
+        }
+      } else {
+        if (this.crudTable.value && this.crudTable.value.clientHeight > 0) {
+          let height = this.crudTable.value.clientHeight / 40;
+          pagesize = parseInt(height);
+        }
       }
       return this.utilities.isNull(this.props.option.setting) || this.utilities.isNull(this.props.option.setting.pageSize) ? pagesize : this.props.option.setting.pageSize;
     });
@@ -241275,6 +241311,23 @@ class GridInstance extends BaseInstance {
         }
       });
     });
+    __publicField2(this, "doPageSizeChange", async (data2) => {
+      nextTick(async () => {
+        if (this.props.option.event && this.props.option.event.event_pageChangeBefore) {
+          if (!this.props.option.event.event_pageChangeBefore()) {
+            this.setPageIndex(this.pageIndexBefore.value);
+            return;
+          }
+        }
+        this.setPageSize(data2);
+        this.setPageIndex(1);
+        if (!this.utilities.isNull(this.readFunction)) {
+          this.loadDataing.value = true;
+          await this.readFunction(this.getLoadDataOptions());
+          this.loadDataing.value = false;
+        }
+      });
+    });
     //#endregion 加载数据 End
     //#region 工具栏及默认事件
     /**