zzz-pc-view 0.0.18 → 0.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",

package/src/decorators/CurdKey/index.d.ts

@@ -454,6 +454,12 @@ export declare abstract class CurdHandler<T extends object = object> extends Fil
      * @description 这对于性能优化很重要，因为它避免了不必要的更新。
      */
     protected readonly totalRef: import('vue').ShallowRef<number, number>;
+    /**
+     * 获取列表数据的总数。
+     * 这个方法返回 totalRef 引用的值，它表示列表数据的总数。
+     * @returns {number} - 列表数据的总数。
+     */
+    get total(): number;
     /**
      * 设置列表数据和总数。
      * 这个方法用于更新 listRef 和 totalRef 引用的值，从而更新列表数据和总数。

package/src/index.es.js

@@ -3724,6 +3724,14 @@ class CurdHandler extends FilterHandler {
   get displayList() {
     return this.displayListComputed.value;
   }
+  /**
+   * 获取列表数据的总数。
+   * 这个方法返回 totalRef 引用的值，它表示列表数据的总数。
+   * @returns {number} - 列表数据的总数。
+   */
+  get total() {
+    return this.totalRef.value;
+  }
   /**
    * 设置列表数据和总数。
    * 这个方法用于更新 listRef 和 totalRef 引用的值，从而更新列表数据和总数。
@@ -9671,6 +9679,9 @@ class CurdViewHandler extends CurdHandler {
   constructor(...args) {
     super(...args);
     __publicField(this, "tableElRef", shallowRef());
+    __publicField(this, "onSearchBtnClick", () => {
+      this.search();
+    });
     __publicField(this, "editorFormElRef", shallowRef());
   }
   onValidateQueryFail(error) {
@@ -9943,8 +9954,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     viewHandler: {}
   },
   setup(__props) {
+    const props = __props;
+    const { pagination } = props.viewHandler;
     return (_ctx, _cache) => {
       const _component_el_card = resolveComponent("el-card");
+      const _component_el_pagination = resolveComponent("el-pagination");
       const _directive_loading = resolveDirective("loading");
       return openBlock(), createBlock(_sfc_main$b, null, {
         header: withCtx(() => [
@@ -9988,6 +10002,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ]),
+        footer: withCtx(() => [
+          unref(pagination) ? (openBlock(), createBlock(_component_el_pagination, {
+            key: 0,
+            "current-page": unref(pagination).currentPage,
+            "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => unref(pagination).currentPage = $event),
+            "page-size": unref(pagination).pageSize,
+            "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => unref(pagination).pageSize = $event),
+            "page-sizes": [10, 20, 30, 40, 50, 100],
+            total: _ctx.viewHandler.total,
+            layout: "total, sizes, prev, pager, next",
+            background: "",
+            onCurrentChange: _ctx.viewHandler.onCurrentPageChange,
+            onSizeChange: _ctx.viewHandler.onPageSizeChange
+          }, null, 8, ["current-page", "page-size", "total", "onCurrentChange", "onSizeChange"])) : createCommentVNode("", true)
+        ]),
         _: 3
       });
     };