jky-component-lib 0.0.100 → 0.0.104

package/dist/es/page-table-v2/PageTableV2.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./PageTableV2.vue2.js";
+/* empty css                 */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const PageTableV2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a04e384"]]);
+export {
+  PageTableV2 as default
+};

package/dist/es/page-table-v2/PageTableV2.vue2.js

@@ -0,0 +1,321 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { defineComponent, ref, watch, computed, onMounted, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent, withDirectives } from "vue";
+import { useFullscreen } from "@vueuse/core";
+import { ElCard, ElTableV2 } from "element-plus";
+import { JkyForm } from "../form/index.js";
+import _sfc_main$1 from "../page-table/Toolbar.vue.js";
+/* empty css                         */
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyPageTableV2"
+}), {
+  __name: "PageTableV2",
+  props: {
+    title: { default: "" },
+    withCard: { type: Boolean, default: true },
+    filterItems: { default: () => [] },
+    form: {},
+    showSearchButton: { type: Boolean, default: true },
+    searchText: { default: "查询" },
+    resetText: { default: "重置" },
+    dataSource: {},
+    width: {},
+    height: {},
+    columns: {},
+    tableProps: { default: () => ({}) },
+    formProps: { default: () => ({}) },
+    toolbarButtons: {},
+    toolbarButtonLimit: { default: 0 },
+    class: {},
+    loading: { type: Boolean, default: false },
+    emptyText: { default: "暂无数据" },
+    autoSearchDelay: { default: 500 }
+  },
+  emits: ["search", "reset", "pageChange", "refresh", "rowClick", "rowDblclick", "cellClick", "selectionChange", "update:form"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const form = ref(props.form || {});
+    watch(() => props.form, (newVal) => {
+      if (newVal) {
+        form.value = newVal;
+      }
+    }, { deep: true });
+    watch(
+      () => form.value,
+      (newVal) => {
+        emit("update:form", newVal);
+      },
+      { deep: true }
+    );
+    const internalData = ref([]);
+    const tableRef = ref(null);
+    const formRef = ref(null);
+    const isLoading = ref(props.loading);
+    let debounceTimer = null;
+    function _debouncedLoadData() {
+      if (debounceTimer)
+        clearTimeout(debounceTimer);
+      if (props.autoSearchDelay === 0)
+        return;
+      debounceTimer = setTimeout(() => {
+        loadData();
+      }, props.autoSearchDelay);
+    }
+    const pageTableV2Ref = ref(null);
+    const { isFullscreen: _isFullscreen, toggle: toggleFullscreen } = useFullscreen(pageTableV2Ref);
+    function handleRefresh() {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      } else {
+        emit("refresh");
+      }
+    }
+    const defaultRightButtons = computed(() => {
+      const refreshButton = {
+        label: "刷新",
+        icon: "icon-[mdi--refresh]",
+        class: "ml-3",
+        onClick: handleRefresh
+      };
+      const fullscreenButton = {
+        label: _isFullscreen.value ? "退出全屏" : "全屏",
+        icon: _isFullscreen.value ? "icon-[mdi--fullscreen-exit]" : "icon-[mdi--fullscreen]",
+        class: "ml-3",
+        onClick: () => toggleFullscreen()
+      };
+      return [refreshButton, fullscreenButton];
+    });
+    const selectedCount = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = tableRef.value) == null ? void 0 : _a.getSelectedRows) == null ? void 0 : _b.call(_a).length) || 0;
+    });
+    function buildApiParams() {
+      var _a, _b;
+      if ((_a = props.dataSource) == null ? void 0 : _a.getApiParams) {
+        return props.dataSource.getApiParams(form.value);
+      }
+      if ((_b = props.dataSource) == null ? void 0 : _b.apiParams) {
+        return __spreadValues(__spreadValues({}, form.value), props.dataSource.apiParams);
+      }
+      return __spreadValues({}, form.value);
+    }
+    function loadData() {
+      return __async(this, null, function* () {
+        var _a;
+        if (!((_a = props.dataSource) == null ? void 0 : _a.api)) {
+          console.warn("PageTableV2: 没有配置 dataSource.api");
+          return;
+        }
+        isLoading.value = true;
+        try {
+          const apiParams = buildApiParams();
+          const result = yield props.dataSource.api(apiParams);
+          if (Array.isArray(result)) {
+            internalData.value = result;
+          } else {
+            internalData.value = [];
+          }
+        } catch (error) {
+          console.error("PageTableV2: 加载数据失败:", error);
+          internalData.value = [];
+        } finally {
+          isLoading.value = false;
+        }
+      });
+    }
+    function handleSearch() {
+      var _a;
+      emit("search", __spreadValues({}, form.value));
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      }
+    }
+    function handleReset() {
+      var _a, _b, _c;
+      emit("reset");
+      form.value = {};
+      if (formRef.value) {
+        (_b = (_a = formRef.value) == null ? void 0 : _a.form) == null ? void 0 : _b.resetFields();
+      }
+      if ((_c = props.dataSource) == null ? void 0 : _c.api) {
+        loadData();
+      }
+    }
+    function handleRowClick(row, event) {
+      emit("rowClick", row, event);
+    }
+    function handleRowDblclick(row, event) {
+      emit("rowDblclick", row, event);
+    }
+    function handleCellClick(row, column, event) {
+      emit("cellClick", row, column, event);
+    }
+    __expose({
+      refresh: loadData,
+      getFilterData: () => __spreadValues({}, form.value),
+      setFilterData: (data) => {
+        form.value = __spreadValues({}, data);
+      },
+      resetFilter: handleReset,
+      getSelectedRows: () => {
+        var _a;
+        return ((_a = tableRef.value) == null ? void 0 : _a.getSelectedRows()) || [];
+      },
+      clearSelection: () => {
+        var _a;
+        (_a = tableRef.value) == null ? void 0 : _a.clearSelection();
+      },
+      tableRef,
+      formRef
+    });
+    onMounted(() => {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      }
+    });
+    watch(
+      () => form.value,
+      () => {
+        var _a;
+        if (!props.showSearchButton && ((_a = props.dataSource) == null ? void 0 : _a.api)) {
+          _debouncedLoadData();
+        }
+      },
+      { deep: true }
+    );
+    const processedColumns = computed(() => {
+      return props.columns.map((column) => {
+        const _a = column, { cellRenderer, hidden, dataKey } = _a, rest = __objRest(_a, ["cellRenderer", "hidden", "dataKey"]);
+        return __spreadProps(__spreadValues({}, rest), {
+          hidden,
+          cellRenderer: cellRenderer || (dataKey ? ({ rowData }) => rowData[dataKey] : void 0)
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "pageTableV2Ref",
+        ref: pageTableV2Ref,
+        class: normalizeClass(["bg-transparent flex flex-col jky-page-table-v2", [props.class]])
+      }, [
+        __props.filterItems && __props.filterItems.length > 0 ? (openBlock(), createBlock(unref(ElCard), {
+          key: 0,
+          class: "mb-3 flex-none jky-page-table-v2__filter-card"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(JkyForm), mergeProps({
+              ref_key: "formRef",
+              ref: formRef
+            }, __spreadValues({ inline: true, grid: true }, __props.formProps), {
+              modelValue: form.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value = $event),
+              "show-footer": true,
+              items: __props.filterItems,
+              disabled: isLoading.value,
+              "submit-text": "搜索",
+              "cancel-text": "重置",
+              onReset: handleReset,
+              onSubmit: handleSearch
+            }), null, 16, ["modelValue", "items", "disabled"])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        (openBlock(), createBlock(resolveDynamicComponent(props.withCard ? unref(ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table-v2__table-card" }, {
+          default: withCtx(() => {
+            var _a, _b, _c;
+            return [
+              createVNode(_sfc_main$1, {
+                "left-buttons": ((_a = props.toolbarButtons) == null ? void 0 : _a.left) || [],
+                "batch-buttons": ((_b = props.toolbarButtons) == null ? void 0 : _b.batch) || [],
+                "right-buttons": ((_c = props.toolbarButtons) == null ? void 0 : _c.right) || [],
+                "default-buttons": defaultRightButtons.value,
+                "selected-count": selectedCount.value,
+                "toolbar-button-limit": __props.toolbarButtonLimit,
+                payload: {
+                  pageNo: 1,
+                  pageSize: 10,
+                  total: 0,
+                  tableData: internalData.value,
+                  selectedRows: [],
+                  filterData: __spreadValues({}, form.value)
+                }
+              }, null, 8, ["left-buttons", "batch-buttons", "right-buttons", "default-buttons", "selected-count", "toolbar-button-limit", "payload"]),
+              withDirectives(createVNode(unref(ElTableV2), mergeProps({
+                ref_key: "tableRef",
+                ref: tableRef,
+                data: internalData.value,
+                columns: processedColumns.value,
+                width: props.width,
+                height: props.height,
+                "empty-text": __props.emptyText
+              }, __props.tableProps, {
+                onRowClick: handleRowClick,
+                onRowDblClick: handleRowDblclick,
+                onCellClick: handleCellClick
+              }), null, 16, ["data", "columns", "width", "height", "empty-text"]), [
+                [_directive_loading, isLoading.value]
+              ])
+            ];
+          }),
+          _: 1
+        }))
+      ], 2);
+    };
+  }
+}));
+export {
+  _sfc_main as default
+};

package/dist/es/page-table-v2/index.d.ts

@@ -0,0 +1,4 @@
+import { InstallWithSFC } from '../utils/types';
+import { default as PageTableV2 } from './PageTableV2.vue';
+export declare const JkyPageTableV2: InstallWithSFC<typeof PageTableV2>;
+export default JkyPageTableV2;

package/dist/es/page-table-v2/index.js

@@ -0,0 +1,7 @@
+import { installWithSFC } from "../utils/with-install.js";
+import PageTableV2 from "./PageTableV2.vue.js";
+const JkyPageTableV2 = installWithSFC(PageTableV2);
+export {
+  JkyPageTableV2,
+  JkyPageTableV2 as default
+};

package/dist/es/page-table-v2/style.css

@@ -0,0 +1,13 @@
+/* PageTableV2 组件样式 */
+.jky-page-table-v2[data-v-6a04e384] {
+  /* 基础样式 */
+}
+.jky-page-table-v2__filter-card[data-v-6a04e384] {
+  /* 筛选项卡片样式 */
+}
+.jky-page-table-v2__table-card[data-v-6a04e384] {
+  /* 表格卡片样式 */
+}
+.jky-page-table-v2-toolbar[data-v-6a04e384] {
+  /* 工具栏样式 */
+}

package/dist/es/style.css

@@ -2915,10 +2915,18 @@
       color: var(--el-color-primary);
     }
 
+    .hover\:text-blue-700:hover {
+      color: var(--color-blue-700);
+    }
+
     .hover\:text-blue-900:hover {
       color: var(--color-blue-900);
     }
 
+    .hover\:text-red-700:hover {
+      color: var(--color-red-700);
+    }
+
     .hover\:text-red-900:hover {
       color: var(--color-red-900);
     }

package/dist/lib/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+exports.default = _export_sfc;

package/dist/lib/components.d.ts

@@ -10,6 +10,7 @@ export * from './modal';
 export * from './page-header';
 export * from './page-layout';
 export * from './page-table';
+export * from './page-table-v2';
 export * from './rich-editor';
 export * from './say-hello';
 export * from './tabs';

package/dist/lib/components.js

@@ -11,11 +11,12 @@ const index$8 = require("./modal/index.js");
 const index$9 = require("./page-header/index.js");
 const index$a = require("./page-layout/index.js");
 const index$1 = require("./page-table/index.js");
-const index$b = require("./rich-editor/index.js");
-const index$c = require("./say-hello/index.js");
-const index$d = require("./tabs/index.js");
+const index$b = require("./page-table-v2/index.js");
+const index$c = require("./rich-editor/index.js");
+const index$d = require("./say-hello/index.js");
+const index$e = require("./tabs/index.js");
 const components = [
-  index$c.JkySayHello,
+  index$d.JkySayHello,
   index$3.JkyButton,
   index$4.JkyButtonNav,
   index$9.JkyPageHeader,
@@ -23,10 +24,11 @@ const components = [
   index$6.JkyForm,
   index$5.JkyCodeMirrorEditor,
   index$2.JkyAddInput,
-  index$b.JkyRichEditor,
+  index$c.JkyRichEditor,
   index$1.JkyPageTable,
+  index$b.JkyPageTableV2,
   index$a.JkyPageLayout,
-  index$d.JkyTabs,
+  index$e.JkyTabs,
   index$8.JkyModal,
   index.JkyAMap
 ];
@@ -45,7 +47,8 @@ exports.JkyPageLayout = index$a.JkyPageLayout;
 exports.JkyActionColumn = index$1.JkyActionColumn;
 exports.JkyPageTable = index$1.JkyPageTable;
 exports.JkyPageTableColumn = index$1.JkyPageTableColumn;
-exports.JkyRichEditor = index$b.JkyRichEditor;
-exports.JkySayHello = index$c.JkySayHello;
-exports.JkyTabs = index$d.JkyTabs;
+exports.JkyPageTableV2 = index$b.JkyPageTableV2;
+exports.JkyRichEditor = index$c.JkyRichEditor;
+exports.JkySayHello = index$d.JkySayHello;
+exports.JkyTabs = index$e.JkyTabs;
 exports.components = components;

package/dist/lib/index.js

@@ -19,9 +19,10 @@ const index$7 = require("./menu/index.js");
 const index$8 = require("./modal/index.js");
 const index$9 = require("./page-header/index.js");
 const index$a = require("./page-layout/index.js");
-const index$b = require("./rich-editor/index.js");
-const index$c = require("./say-hello/index.js");
-const index$d = require("./tabs/index.js");
+const index$b = require("./page-table-v2/index.js");
+const index$c = require("./rich-editor/index.js");
+const index$d = require("./say-hello/index.js");
+const index$e = require("./tabs/index.js");
 const createTabsGuard = require("./tabs/createTabsGuard.js");
 const useTabsStore = require("./tabs/useTabsStore.js");
 const installer = installer$1.createInstaller(components.components);
@@ -46,9 +47,10 @@ exports.JkyMenu = index$7.JkyMenu;
 exports.JkyModal = index$8.JkyModal;
 exports.JkyPageHeader = index$9.JkyPageHeader;
 exports.JkyPageLayout = index$a.JkyPageLayout;
-exports.JkyRichEditor = index$b.JkyRichEditor;
-exports.JkySayHello = index$c.JkySayHello;
-exports.JkyTabs = index$d.JkyTabs;
+exports.JkyPageTableV2 = index$b.JkyPageTableV2;
+exports.JkyRichEditor = index$c.JkyRichEditor;
+exports.JkySayHello = index$d.JkySayHello;
+exports.JkyTabs = index$e.JkyTabs;
 exports.createTabsGuard = createTabsGuard.createTabsGuard;
 exports.createTabsStore = useTabsStore.createTabsStore;
 exports.default = installer;

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.100";
+const version = "0.0.104";
 exports.version = version;

package/dist/lib/page-layout/PageLayout.vue.js

@@ -132,7 +132,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       }
       return menuData.value;
     });
+    const showSideMenu = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.showSideMenu) != null ? _a : attrs.showSideMenu) != null ? _b : attrs["show-side-menu"];
+    });
+    const showTopMenu = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.showTopMenu) != null ? _a : attrs.showTopMenu) != null ? _b : attrs["show-top-menu"];
+    });
     const displayedSideMenu = vue.computed(() => {
+      if (!showSideMenu.value) {
+        return [];
+      }
+      if (!showTopMenu.value) {
+        return menuData.value;
+      }
       if (menuData.value.length === 0) {
         return [];
       }
@@ -155,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       return [];
     });
     const computedAsideWidth = vue.computed(() => {
-      if (props.showSideMenu && displayedSideMenu.value.length > 0) {
+      if (showSideMenu.value && displayedSideMenu.value.length > 0) {
         return props.asideWidth;
       }
       return "0";
@@ -191,7 +205,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["jky-page-layout flex h-full w-full flex-col overflow-hidden gap-3", props.className])
       }, [
-        props.showTopMenu && menuData.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
+        showTopMenu.value && menuData.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
           key: 0,
           class: "jky-page-layout__top-menu shrink-0 overflow-hidden p-0",
           style: { "--el-card-padding": 0 }
@@ -218,7 +232,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             style: vue.normalizeStyle({ "--el-aside-width": computedAsideWidth.value })
           }, {
             default: vue.withCtx(() => [
-              props.showSideMenu && displayedSideMenu.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
+              showSideMenu.value && displayedSideMenu.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
                 key: 0,
                 class: "h-full",
                 style: vue.normalizeStyle({ "--el-card-padding": props.cardPadding })

package/dist/lib/page-table/PageTable.vue.d.ts

@@ -102,7 +102,7 @@ declare function __VLS_template(): {
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
                 labelWidth: string | number;
@@ -201,7 +201,7 @@ declare function __VLS_template(): {
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
                 labelWidth: string | number;
@@ -328,7 +328,7 @@ declare function __VLS_template(): {
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
                 labelWidth: string | number;
@@ -448,7 +448,7 @@ declare function __VLS_template(): {
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
                 labelWidth: string | number;
@@ -547,7 +547,7 @@ declare function __VLS_template(): {
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
                 labelWidth: string | number;
@@ -2866,7 +2866,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
             labelWidth: string | number;
@@ -2965,7 +2965,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
             labelWidth: string | number;
@@ -3092,7 +3092,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
             labelWidth: string | number;
@@ -3212,7 +3212,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
             labelWidth: string | number;
@@ -3311,7 +3311,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (... /** @type { [typeof __VLS_components.JkyForm, ] } */args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
             labelWidth: string | number;

package/dist/lib/page-table/PageTable.vue.js

@@ -372,11 +372,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       return vue.openBlock(), vue.createElementBlock("div", {
         ref_key: "pageTableRef",
         ref: pageTableRef,
-        class: vue.normalizeClass(["bg-transparent jky-page-table", [props.class]])
+        class: vue.normalizeClass(["bg-transparent flex flex-col jky-page-table", [props.class]])
       }, [
         __props.filterItems && __props.filterItems.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
           key: 0,
-          class: "mb-3 jky-page-table__filter-card"
+          class: "mb-3 flex-none jky-page-table__filter-card"
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(vue.unref(index.JkyForm), vue.mergeProps({
@@ -396,7 +396,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.withCard ? vue.unref(ElementPlus.ElCard) : "div"), { class: "jky-page-table__table-card min-h-0" }, {
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.withCard ? vue.unref(ElementPlus.ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table__table-card" }, {
           default: vue.withCtx(() => {
             var _a2, _b2, _c2, _d, _e, _f, _g;
             return [
@@ -479,7 +479,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         })),
         showPagination.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(((_a = pagination.value) == null ? void 0 : _a.withCard) ? vue.unref(ElementPlus.ElCard) : "div"), {
           key: 1,
-          class: vue.normalizeClass(["flex flex-end bg-white justify-center mt-4 p-2 z-30 sticky bottom-0 jky-page-table__pagination", [((_b = pagination.value) == null ? void 0 : _b.class) || ""]]),
+          class: vue.normalizeClass(["flex flex-none flex-end bg-white justify-center mt-4 p-2 z-30 sticky bottom-0 jky-page-table__pagination", [((_b = pagination.value) == null ? void 0 : _b.class) || ""]]),
           style: vue.normalizeStyle({
             "--jky-page-table_pagination-position": ((_c = pagination.value) == null ? void 0 : _c.position) || "flex-end"
           })