jky-component-lib 0.0.99 → 0.0.103

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

@@ -45,6 +45,8 @@ const ElementPlus = require("element-plus");
 const index = require("../form/index.js");
 const ActionColumn_vue_vue_type_script_setup_true_lang = require("./ActionColumn.vue.js");
 ;/* empty css                   */
+const PageTableColumn_vue_vue_type_script_setup_true_lang = require("./PageTableColumn.vue.js");
+;/* empty css                      */
 const Toolbar_vue_vue_type_script_setup_true_lang = require("./Toolbar.vue.js");
 ;/* empty css              */
 const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
@@ -62,6 +64,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     searchText: { default: "查询" },
     resetText: { default: "重置" },
     selection: { type: Boolean, default: false },
+    selectionColumn: { default: () => ({}) },
+    selectable: {},
     selectedRows: { default: () => [] },
     pagination: {},
     border: { type: Boolean, default: true },
@@ -79,20 +83,40 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     autoSearchDelay: { default: 500 },
     actionColumn: { type: [Object, Boolean] }
   }, {
-    "pagination": {
-      default: () => ({
-        position: "flex-end",
-        currentPage: 1,
-        pageSize: 10,
-        total: 0
-      })
-    },
-    "paginationModifiers": {}
+    "pageNo": { default: 1 },
+    "pageNoModifiers": {},
+    "pageSize": { default: 10 },
+    "pageSizeModifiers": {},
+    "total": { default: 0 },
+    "totalModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["search", "reset", "refresh", "update:form", "rowClick", "rowDblclick", "selectionChange", "pageChange", "sortChange"], ["update:pagination"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["search", "reset", "refresh", "update:form", "rowClick", "rowDblclick", "selectionChange", "pageChange", "sortChange"], ["update:pageNo", "update:pageSize", "update:total"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const defaults = {
+      pageNo: 1,
+      pageSize: 10,
+      total: 0
+    };
+    const pageNoModel = vue.useModel(__props, "pageNo");
+    const pageSizeModel = vue.useModel(__props, "pageSize");
+    const totalModel = vue.useModel(__props, "total");
+    const pagination = vue.computed({
+      get: () => __spreadValues({
+        pageNo: pageNoModel.value,
+        pageSize: pageSizeModel.value,
+        total: totalModel.value
+      }, props.pagination),
+      set: (newValue) => {
+        if (newValue.pageNo !== void 0)
+          pageNoModel.value = newValue.pageNo;
+        if (newValue.pageSize !== void 0)
+          pageSizeModel.value = newValue.pageSize;
+        if (newValue.total !== void 0)
+          totalModel.value = newValue.total;
+      }
+    });
     const form = vue.ref(props.form || {});
     vue.watch(() => props.form, (newVal) => {
       if (newVal) {
@@ -106,7 +130,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       },
       { deep: true }
     );
-    const pagination = vue.useModel(__props, "pagination");
     const internalData = vue.ref([]);
     const tableRef = vue.ref(null);
     const formRef = vue.ref(null);
@@ -150,9 +173,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       var _a, _b;
       return !!((_a = props.dataSource) == null ? void 0 : _a.api) || (((_b = pagination.value) == null ? void 0 : _b.total) || 0) > 0;
     });
-    function getColumnProps(column) {
-      return __spreadValues({}, column);
-    }
     const _showActionColumn = vue.computed(() => {
       if (props.actionColumn === false)
         return false;
@@ -171,23 +191,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     function _handleActionColumnClick(_button, _row, _index) {
     }
     function buildApiParams() {
-      var _a, _b;
+      var _a, _b, _c, _d;
+      const pageNo = (_a = pageNoModel.value) != null ? _a : defaults.pageNo;
+      const pageSize = pageSizeModel.value || defaults.pageSize;
+      const responseProps = ((_b = props.dataSource) == null ? void 0 : _b.responseProps) || {};
+      const pageNoField = responseProps.pageNoField || "pageNo";
+      const pageSizeField = responseProps.pageSizeField || "pageSize";
       const baseParams = {
-        currentPage: pagination.value.currentPage || 1,
-        pageSize: pagination.value.pageSize || 10
+        [pageNoField]: pageNo,
+        [pageSizeField]: pageSize
       };
-      if ((_a = props.dataSource) == null ? void 0 : _a.getApiParams) {
+      if ((_c = props.dataSource) == null ? void 0 : _c.getApiParams) {
         const dynamicParams = props.dataSource.getApiParams(form.value);
         return __spreadValues(__spreadValues(__spreadValues({}, baseParams), form.value), dynamicParams);
       }
-      if ((_b = props.dataSource) == null ? void 0 : _b.apiParams) {
+      if ((_d = props.dataSource) == null ? void 0 : _d.apiParams) {
         return __spreadValues(__spreadValues(__spreadValues({}, baseParams), form.value), props.dataSource.apiParams);
       }
       return __spreadValues(__spreadValues({}, baseParams), form.value);
     }
     function loadData() {
       return __async(this, null, function* () {
-        var _a;
+        var _a, _b, _c, _d;
         if (!((_a = props.dataSource) == null ? void 0 : _a.api)) {
           console.warn("PageTable: 没有配置 dataSource.api");
           return;
@@ -199,12 +224,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           const responseProps = props.dataSource.responseProps || {};
           const recordsField = responseProps.recordsField || "records";
           const totalField = responseProps.totalField || "total";
+          const pageNoField = responseProps.pageNoField || "pageNo";
+          const pageSizeField = responseProps.pageSizeField || "pageSize";
           internalData.value = result[recordsField] || [];
-          pagination.value.total = result[totalField] || 0;
-          emit("pageChange", {
-            currentPage: pagination.value.currentPage,
-            pageSize: pagination.value.pageSize
-          });
+          totalModel.value = (_b = result[totalField]) != null ? _b : defaults.total;
+          pageNoModel.value = (_c = result[pageNoField]) != null ? _c : defaults.pageNo;
+          pageSizeModel.value = (_d = result[pageSizeField]) != null ? _d : defaults.pageSize;
           if (props.selectedRows && props.selectedRows.length > 0) {
             setTimeout(() => {
               if (tableRef.value) {
@@ -225,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         } catch (error) {
           console.error("PageTable: 加载数据失败:", error);
           internalData.value = [];
-          pagination.value.total = 0;
+          totalModel.value = 0;
         } finally {
           isLoading.value = false;
           refreshTableLayout();
@@ -236,47 +261,47 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       var _a;
       emit("search", __spreadValues({}, form.value));
       if ((_a = props.dataSource) == null ? void 0 : _a.api) {
-        pagination.value.currentPage = 1;
+        pageNoModel.value = defaults.pageNo;
         loadData();
       }
     }
     function handleReset() {
-      var _a;
+      var _a, _b, _c;
       emit("reset");
       form.value = {};
       if (formRef.value) {
-        formRef.value.resetFields();
+        (_b = (_a = formRef.value) == null ? void 0 : _a.form) == null ? void 0 : _b.resetFields();
       }
-      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
-        pagination.value.currentPage = 1;
+      if ((_c = props.dataSource) == null ? void 0 : _c.api) {
+        pageNoModel.value = defaults.pageNo;
         loadData();
       }
     }
     function handlePageChange(page) {
       var _a;
-      pagination.value.currentPage = page;
+      pageNoModel.value = page;
       if ((_a = props.dataSource) == null ? void 0 : _a.api) {
         loadData();
       } else if (pagination.value.onPageChange) {
         pagination.value.onPageChange(page);
       }
       emit("pageChange", {
-        currentPage: pagination.value.currentPage,
-        pageSize: pagination.value.pageSize
+        pageNo: pageNoModel.value || 1,
+        pageSize: pageSizeModel.value || 10
       });
     }
     function handlePageSizeChange(size) {
       var _a;
-      pagination.value.pageSize = size;
-      pagination.value.currentPage = 1;
+      pageSizeModel.value = size;
+      pageNoModel.value = 1;
       if ((_a = props.dataSource) == null ? void 0 : _a.api) {
         loadData();
       } else if (pagination.value.onPageSizeChange) {
         pagination.value.onPageSizeChange(size);
       }
       emit("pageChange", {
-        currentPage: pagination.value.currentPage,
-        pageSize: pagination.value.pageSize
+        pageNo: pageNoModel.value || 1,
+        pageSize: pageSizeModel.value || 10
       });
     }
     const selectedCount = vue.ref(0);
@@ -347,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({
@@ -371,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 [
@@ -383,7 +408,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 "selected-count": selectedCount.value,
                 "toolbar-button-limit": __props.toolbarButtonLimit,
                 payload: {
-                  currentPage: ((_d = pagination.value) == null ? void 0 : _d.currentPage) || 1,
+                  pageNo: ((_d = pagination.value) == null ? void 0 : _d.pageNo) || 1,
                   pageSize: ((_e = pagination.value) == null ? void 0 : _e.pageSize) || 10,
                   total: ((_f = pagination.value) == null ? void 0 : _f.total) || 0,
                   tableData: internalData.value,
@@ -409,32 +434,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 default: vue.withCtx(() => {
                   var _a3, _b3, _c3, _d2;
                   return [
-                    __props.selection ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTableColumn), {
+                    __props.selection ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTableColumn), vue.mergeProps({
                       key: 0,
-                      type: "selection",
                       width: "55",
                       align: "center"
-                    })) : vue.createCommentVNode("", true),
+                    }, __props.selectionColumn, { type: "selection" }), null, 16)) : vue.createCommentVNode("", true),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (column) => {
-                      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTableColumn), vue.mergeProps({
-                        key: column.prop
-                      }, { ref_for: true }, getColumnProps(column)), {
-                        default: vue.withCtx((scope) => [
-                          vue.renderSlot(_ctx.$slots, `column-${column.prop}`, {
-                            row: scope.row,
-                            column: scope.column,
-                            index: scope.$index
-                          }, () => {
-                            var _a4;
-                            return [
-                              column.render ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent((_a4 = column.render) == null ? void 0 : _a4.call(column, scope)), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                                vue.createTextVNode(vue.toDisplayString(column.formatter ? column.formatter(scope.row, scope.column, scope.row[column.prop], scope.$index) : scope.row[column.prop]), 1)
-                              ], 64))
-                            ];
-                          })
-                        ]),
-                        _: 2
-                      }, 1040);
+                      return vue.openBlock(), vue.createBlock(PageTableColumn_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
+                        key: column.prop || column.label,
+                        ref_for: true
+                      }, column), null, 16);
                     }), 128)),
                     _showActionColumn.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTableColumn), {
                       key: 1,
@@ -470,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"
           })
@@ -481,11 +490,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 var _a2, _b2, _c2, _d, _e, _f, _g, _h;
                 return [
                   vue.createVNode(vue.unref(ElementPlus.ElPagination), vue.mergeProps({
-                    "current-page": pagination.value.currentPage,
-                    "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => pagination.value.currentPage = $event),
-                    "page-size": pagination.value.pageSize,
-                    "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => pagination.value.pageSize = $event),
-                    total: pagination.value.total,
+                    "current-page": pageNoModel.value,
+                    "onUpdate:currentPage": _cache[1] || (_cache[1] = ($event) => pageNoModel.value = $event),
+                    "page-size": pageSizeModel.value,
+                    "onUpdate:pageSize": _cache[2] || (_cache[2] = ($event) => pageSizeModel.value = $event),
+                    total: totalModel.value,
                     "page-sizes": ((_a2 = pagination.value) == null ? void 0 : _a2.pageSizes) || [10, 20, 50, 100],
                     layout: ((_b2 = pagination.value) == null ? void 0 : _b2.layout) || "total, sizes, prev, pager, next, jumper",
                     "show-size-picker": (_d = (_c2 = pagination.value) == null ? void 0 : _c2.showSizePicker) != null ? _d : true,

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

@@ -0,0 +1,36 @@
+import { PageTableColumnProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`column-${string}`, (_: {
+        row: any;
+        column: any;
+        index: any;
+    }) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PageTableColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageTableColumnProps> & Readonly<{}>, {
+    width: string | number;
+    label: string;
+    fixed: boolean | string;
+    formatter: (row: any, column: import('element-plus').TableColumnCtx<any>, cellValue: any, index: number) => VNode | string;
+    children: PageTableColumnProps[];
+    render: (scope: {
+        row: any;
+        column: import('element-plus').TableColumnCtx<any>;
+        index: number;
+    }) => any;
+    prop: string;
+    minWidth: string | number;
+    sortable: boolean | string;
+    align: string;
+    headerAlign: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,121 @@
+"use strict";
+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));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const ElementPlus = require("element-plus");
+const lodashEs = require("lodash-es");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyPageTableColumn"
+}), {
+  __name: "PageTableColumn",
+  props: {
+    children: { default: () => [] },
+    render: { type: Function, default: void 0 },
+    id: {},
+    realWidth: {},
+    type: {},
+    label: { default: "" },
+    className: {},
+    labelClassName: {},
+    property: {},
+    prop: { default: "" },
+    width: { default: void 0 },
+    minWidth: { default: void 0 },
+    renderHeader: {},
+    sortable: { type: [Boolean, String], default: false },
+    sortMethod: {},
+    sortBy: {},
+    resizable: { type: Boolean },
+    columnKey: {},
+    rawColumnKey: {},
+    align: { default: "center" },
+    headerAlign: { default: "center" },
+    showOverflowTooltip: { type: [Boolean, Object] },
+    tooltipFormatter: {},
+    fixed: { type: [Boolean, String], default: void 0 },
+    formatter: { type: Function, default: void 0 },
+    selectable: {},
+    reserveSelection: { type: Boolean },
+    filterMethod: {},
+    filteredValue: {},
+    filters: {},
+    filterPlacement: {},
+    filterMultiple: { type: Boolean },
+    filterClassName: {},
+    index: {},
+    sortOrders: {},
+    renderCell: {},
+    colSpan: {},
+    rowSpan: {},
+    level: {},
+    filterable: { type: [Boolean, Function, Array] },
+    order: {},
+    isColumnGroup: { type: Boolean },
+    isSubColumn: { type: Boolean },
+    columns: {},
+    getColumnIndex: {},
+    no: {},
+    filterOpened: { type: Boolean },
+    renderFilterIcon: {},
+    renderExpand: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const hasChildren = vue.computed(() => {
+      return props.children && props.children.length > 0;
+    });
+    return (_ctx, _cache) => {
+      const _component_JkyPageTableColumn = vue.resolveComponent("JkyPageTableColumn");
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElTableColumn), vue.normalizeProps(vue.guardReactiveProps(vue.unref(lodashEs.omit)(props, ["children"]))), vue.createSlots({ _: 2 }, [
+        hasChildren.value ? {
+          name: "default",
+          fn: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.children, (child) => {
+              return vue.openBlock(), vue.createBlock(_component_JkyPageTableColumn, vue.mergeProps({
+                key: child.prop || child.label,
+                ref_for: true
+              }, vue.unref(lodashEs.omit)(child, ["children"])), null, 16);
+            }), 128))
+          ]),
+          key: "0"
+        } : {
+          name: "default",
+          fn: vue.withCtx((scope) => [
+            vue.renderSlot(_ctx.$slots, `column-${props.prop}`, {
+              row: scope.row,
+              column: scope.column,
+              index: scope.$index
+            }, () => {
+              var _a;
+              return [
+                props.render ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent((_a = props.render) == null ? void 0 : _a.call(props, scope)), { key: 0 })) : props.prop ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createTextVNode(vue.toDisplayString(props.formatter ? props.formatter(scope.row, scope.column, scope.row[props.prop], scope.$index) : scope.row[props.prop]), 1)
+                ], 64)) : vue.createCommentVNode("", true)
+              ];
+            })
+          ]),
+          key: "1"
+        }
+      ]), 1040);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/page-table/PageTableColumn.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const PageTableColumn_vue_vue_type_script_setup_true_lang = require("./PageTableColumn.vue.js");
+;/* empty css                      */
+exports.default = PageTableColumn_vue_vue_type_script_setup_true_lang.default;

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

@@ -20,7 +20,7 @@ declare const _default: import('vue').DefineComponent<ToolbarProps, {
     selectedCount: number;
     toolbarButtonLimit: number;
     payload: {
-        currentPage: number;
+        pageNo: number;
         pageSize: number;
         total: number;
         tableData: any[];

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

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     selectedCount: { default: 0 },
     toolbarButtonLimit: { default: 0 },
     payload: { default: () => ({
-      currentPage: 1,
+      pageNo: 1,
       pageSize: 10,
       total: 0,
       tableData: [],
@@ -68,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
     });
     function getButtonPayload() {
       return props.payload || {
-        currentPage: 1,
+        pageNo: 1,
         pageSize: 10,
         total: 0,
         tableData: [],

package/dist/lib/page-table/index.d.ts

@@ -1,7 +1,9 @@
 import { InstallWithSFC } from '../utils/types';
 import { default as ActionColumn } from './ActionColumn.vue';
 import { default as PageTable } from './PageTable.vue';
-export type { ActionColumnButtonConfig, ActionColumnConfig, ActionColumnEmits, ActionColumnProps, ApiParamsGetter, FilterItemConfig, PageTableEmits, PageTableExpose, PageTableProps, PaginationConfig, TableApiFunction, TableApiResponse, TableColumnConfig, TableDataSource, TableResponseProps, ToolbarButtonConfig, ToolbarEmits, ToolbarProps, } from './types';
+import { default as PageTableColumn } from './PageTableColumn.vue';
+export type { ActionColumnButtonConfig, ActionColumnConfig, ActionColumnEmits, ActionColumnProps, ApiParamsGetter, FilterItemConfig, PageTableColumnProps, PageTableEmits, PageTableExpose, PageTableProps, PaginationConfig, TableApiFunction, TableApiResponse, TableColumnConfig, TableDataSource, TableResponseProps, ToolbarButtonConfig, ToolbarEmits, ToolbarProps, } from './types';
 export declare const JkyPageTable: InstallWithSFC<typeof PageTable>;
 export declare const JkyActionColumn: InstallWithSFC<typeof ActionColumn>;
+export declare const JkyPageTableColumn: InstallWithSFC<typeof PageTableColumn>;
 export default JkyPageTable;

package/dist/lib/page-table/index.js

@@ -5,8 +5,12 @@ const ActionColumn_vue_vue_type_script_setup_true_lang = require("./ActionColumn
 ;/* empty css                   */
 const PageTable_vue_vue_type_script_setup_true_lang = require("./PageTable.vue.js");
 ;/* empty css                */
+const PageTableColumn_vue_vue_type_script_setup_true_lang = require("./PageTableColumn.vue.js");
+;/* empty css                      */
 const JkyPageTable = withInstall.installWithSFC(PageTable_vue_vue_type_script_setup_true_lang.default);
 const JkyActionColumn = withInstall.installWithSFC(ActionColumn_vue_vue_type_script_setup_true_lang.default);
+const JkyPageTableColumn = withInstall.installWithSFC(PageTableColumn_vue_vue_type_script_setup_true_lang.default);
 exports.JkyActionColumn = JkyActionColumn;
 exports.JkyPageTable = JkyPageTable;
+exports.JkyPageTableColumn = JkyPageTableColumn;
 exports.default = JkyPageTable;