3h1-ui 2.1.13 → 2.1.15

package/es/index.js

@@ -20009,6 +20009,37 @@ const usePagination = () => {
   };
   return { page, setPage };
 };
+const useTableData = (getProps, { setPage, params }) => {
+  const dataSource = ref([]);
+  const setTableData = (data) => {
+    dataSource.value = data.map((item) => {
+      item._isEdit = false;
+      return item;
+    });
+  };
+  const getTableData = () => {
+    return dataSource.value;
+  };
+  const reload = async () => {
+    var _a2;
+    if ((_a2 = getProps.value) == null ? void 0 : _a2.api) {
+      const res = await getProps.value.api(params.value);
+      setTableData(res.records);
+      setPage({ total: (res == null ? void 0 : res.total) || 0 });
+    }
+  };
+  onMounted(async () => {
+    if (getProps.value.isImmediate) {
+      await reload();
+    }
+  });
+  return {
+    dataSource,
+    setTableData,
+    reload,
+    getTableData
+  };
+};
 const __default__ = defineComponent({
   name: "TablePlus"
 });
@@ -20086,7 +20117,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return { ...basicColumn, ...item };
       });
     });
-    usePagination();
+    const { page, setPage } = usePagination();
+    const handlePageChange = (current, pageSize) => {
+      setPage({ current, pageSize });
+      reload();
+    };
     const getFormConfig = computed(() => {
       return {
         ...getProps.value.formConfig,
@@ -20097,7 +20132,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ...basicFormConfig,
       ...getFormConfig.value
     });
-    ref({});
+    const formSearch = ref({});
+    const params = computed(() => {
+      return {
+        ...getProps.value.searchInfo,
+        ...formSearch.value,
+        current: page.current,
+        size: page.pageSize
+      };
+    });
+    const { dataSource, setTableData, reload, getTableData } = useTableData(
+      getProps,
+      {
+        setPage,
+        params
+      }
+    );
     const tableRef = ref();
     const getRowSelection = () => {
       if (getProps.value.configRowSelection.type === "checkbox") {
@@ -20125,7 +20175,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("div", {
           class: normalizeClass(getClassName("body"))
-        }, null, 2)
+        }, null, 2),
+        unref(page).total !== 0 && unref(getProps).isShowPagination ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(getClassName("pagination"))
+        }, [
+          createVNode(unref(Pagination), {
+            size: "small",
+            total: unref(page).total,
+            current: unref(page).current,
+            "onUpdate:current": _cache[0] || (_cache[0] = ($event) => unref(page).current = $event),
+            "page-size": unref(page).pageSize,
+            "onUpdate:page-size": _cache[1] || (_cache[1] = ($event) => unref(page).pageSize = $event),
+            pageSizeOptions: unref(page).pageSizeOptions,
+            "show-size-changer": "",
+            "show-quick-jumper": "",
+            "show-total": (total) => `共 ${total} 条数据`,
+            onChange: handlePageChange
+          }, null, 8, ["total", "current", "page-size", "pageSizeOptions", "show-total"])
+        ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }

package/lib/index.js

@@ -20011,6 +20011,37 @@ const usePagination = () => {
   };
   return { page, setPage };
 };
+const useTableData = (getProps, { setPage, params }) => {
+  const dataSource = vue.ref([]);
+  const setTableData = (data) => {
+    dataSource.value = data.map((item) => {
+      item._isEdit = false;
+      return item;
+    });
+  };
+  const getTableData = () => {
+    return dataSource.value;
+  };
+  const reload = async () => {
+    var _a2;
+    if ((_a2 = getProps.value) == null ? void 0 : _a2.api) {
+      const res = await getProps.value.api(params.value);
+      setTableData(res.records);
+      setPage({ total: (res == null ? void 0 : res.total) || 0 });
+    }
+  };
+  vue.onMounted(async () => {
+    if (getProps.value.isImmediate) {
+      await reload();
+    }
+  });
+  return {
+    dataSource,
+    setTableData,
+    reload,
+    getTableData
+  };
+};
 const __default__ = vue.defineComponent({
   name: "TablePlus"
 });
@@ -20088,7 +20119,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return { ...basicColumn, ...item };
       });
     });
-    usePagination();
+    const { page, setPage } = usePagination();
+    const handlePageChange = (current, pageSize) => {
+      setPage({ current, pageSize });
+      reload();
+    };
     const getFormConfig = vue.computed(() => {
       return {
         ...getProps.value.formConfig,
@@ -20099,7 +20134,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...basicFormConfig,
       ...getFormConfig.value
     });
-    vue.ref({});
+    const formSearch = vue.ref({});
+    const params = vue.computed(() => {
+      return {
+        ...getProps.value.searchInfo,
+        ...formSearch.value,
+        current: page.current,
+        size: page.pageSize
+      };
+    });
+    const { dataSource, setTableData, reload, getTableData } = useTableData(
+      getProps,
+      {
+        setPage,
+        params
+      }
+    );
     const tableRef = vue.ref();
     const getRowSelection = () => {
       if (getProps.value.configRowSelection.type === "checkbox") {
@@ -20127,7 +20177,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(getClassName("body"))
-        }, null, 2)
+        }, null, 2),
+        vue.unref(page).total !== 0 && vue.unref(getProps).isShowPagination ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(getClassName("pagination"))
+        }, [
+          vue.createVNode(vue.unref(antDesignVue.Pagination), {
+            size: "small",
+            total: vue.unref(page).total,
+            current: vue.unref(page).current,
+            "onUpdate:current": _cache[0] || (_cache[0] = ($event) => vue.unref(page).current = $event),
+            "page-size": vue.unref(page).pageSize,
+            "onUpdate:page-size": _cache[1] || (_cache[1] = ($event) => vue.unref(page).pageSize = $event),
+            pageSizeOptions: vue.unref(page).pageSizeOptions,
+            "show-size-changer": "",
+            "show-quick-jumper": "",
+            "show-total": (total) => `共 ${total} 条数据`,
+            onChange: handlePageChange
+          }, null, 8, ["total", "current", "page-size", "pageSizeOptions", "show-total"])
+        ], 2)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "2.1.13",
+  "version": "2.1.15",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",