jky-component-lib 0.0.97 → 0.0.99

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

@@ -1,5 +1,6 @@
 import { TableColumnCtx } from 'element-plus';
 import { PageTableProps, PaginationConfig } from './types';
+import { nextTick } from 'vue';
 type __VLS_Props = PageTableProps;
 type __VLS_PublicProps = {
     'pagination'?: PaginationConfig;
@@ -28,7 +29,6 @@ declare function __VLS_template(): {
             }) => any) | undefined;
         }>, {
             validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
-            resetFields: () => void;
             clearValidate: (props?: any) => void;
             getFormInstance: () => ({
                 $: import('vue').ComponentInternalInstance;
@@ -103,7 +103,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -202,7 +202,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -300,7 +300,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -337,11 +337,11 @@ declare function __VLS_template(): {
             }) => any;
         }, import('vue').PublicProps, {
             size: import('element-plus').ComponentSize;
+            disabled: boolean;
             grid: import('../form').GridConfig;
             inline: boolean;
             labelPosition: "left" | "right" | "top";
             labelWidth: string | number;
-            showTitle: boolean;
             gutter: number;
             defaultSpan: number;
             responsive: boolean;
@@ -350,6 +350,8 @@ declare function __VLS_template(): {
             footerClass: string;
             submitText: string;
             cancelText: string;
+            submitDisabled: boolean;
+            cancelDisabled: boolean;
             showCount: number;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             formRef: ({
@@ -425,7 +427,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -471,7 +473,6 @@ declare function __VLS_template(): {
             }) => any) | undefined;
         }>, {
             validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
-            resetFields: () => void;
             clearValidate: (props?: any) => void;
             getFormInstance: () => ({
                 $: import('vue').ComponentInternalInstance;
@@ -546,7 +547,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -645,7 +646,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -743,7 +744,7 @@ declare function __VLS_template(): {
                     errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
-                $nextTick: typeof import('vue').nextTick;
+                $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;
             } & Readonly<{
                 scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -771,11 +772,11 @@ declare function __VLS_template(): {
             }) | undefined>;
         }, {}, {}, {}, {
             size: import('element-plus').ComponentSize;
+            disabled: boolean;
             grid: import('../form').GridConfig;
             inline: boolean;
             labelPosition: "left" | "right" | "top";
             labelWidth: string | number;
-            showTitle: boolean;
             gutter: number;
             defaultSpan: number;
             responsive: boolean;
@@ -784,6 +785,8 @@ declare function __VLS_template(): {
             footerClass: string;
             submitText: string;
             cancelText: string;
+            submitDisabled: boolean;
+            cancelDisabled: boolean;
             showCount: number;
         }> | null;
         tableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
@@ -1360,7 +1363,8 @@ declare function __VLS_template(): {
                 updateTableScrollY: () => void;
                 assertRowKey: () => void;
                 updateColumns: () => void;
-                scheduleLayout: (needUpdateColumns?: boolean, immediate?: boolean) => void;
+                scheduleLayout: (needUpdateColumns?: boolean, immediate
+                /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */ ? /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */: boolean) => void;
                 isSelected: (row: any) => boolean;
                 clearSelection: () => void;
                 cleanSelection: () => void;
@@ -2708,7 +2712,8 @@ declare function __VLS_template(): {
                 updateTableScrollY: () => void;
                 assertRowKey: () => void;
                 updateColumns: () => void;
-                scheduleLayout: (needUpdateColumns?: boolean, immediate?: boolean) => void;
+                scheduleLayout: (needUpdateColumns?: boolean, immediate
+                /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */ ? /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */: boolean) => void;
                 isSelected: (row: any) => boolean;
                 clearSelection: () => void;
                 cleanSelection: () => void;
@@ -2979,7 +2984,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }) => any) | undefined;
     }>, {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
-        resetFields: () => void;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({
             $: import('vue').ComponentInternalInstance;
@@ -3054,7 +3058,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3153,7 +3157,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3251,7 +3255,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3288,11 +3292,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }) => any;
     }, import('vue').PublicProps, {
         size: import('element-plus').ComponentSize;
+        disabled: boolean;
         grid: import('../form').GridConfig;
         inline: boolean;
         labelPosition: "left" | "right" | "top";
         labelWidth: string | number;
-        showTitle: boolean;
         gutter: number;
         defaultSpan: number;
         responsive: boolean;
@@ -3301,6 +3305,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         footerClass: string;
         submitText: string;
         cancelText: string;
+        submitDisabled: boolean;
+        cancelDisabled: boolean;
         showCount: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         formRef: ({
@@ -3376,7 +3382,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3422,7 +3428,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }) => any) | undefined;
     }>, {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
-        resetFields: () => void;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({
             $: import('vue').ComponentInternalInstance;
@@ -3497,7 +3502,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3596,7 +3601,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3694,7 +3699,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
+            $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;
         } & Readonly<{
             scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
@@ -3722,11 +3727,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }) | undefined>;
     }, {}, {}, {}, {
         size: import('element-plus').ComponentSize;
+        disabled: boolean;
         grid: import('../form').GridConfig;
         inline: boolean;
         labelPosition: "left" | "right" | "top";
         labelWidth: string | number;
-        showTitle: boolean;
         gutter: number;
         defaultSpan: number;
         responsive: boolean;
@@ -3735,6 +3740,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         footerClass: string;
         submitText: string;
         cancelText: string;
+        submitDisabled: boolean;
+        cancelDisabled: boolean;
         showCount: number;
     }> | null;
     tableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
@@ -4311,7 +4318,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             updateTableScrollY: () => void;
             assertRowKey: () => void;
             updateColumns: () => void;
-            scheduleLayout: (needUpdateColumns?: boolean, immediate?: boolean) => void;
+            scheduleLayout: (needUpdateColumns?: boolean, immediate
+            /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */ ? /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */: boolean) => void;
             isSelected: (row: any) => boolean;
             clearSelection: () => void;
             cleanSelection: () => void;
@@ -5659,7 +5667,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             updateTableScrollY: () => void;
             assertRowKey: () => void;
             updateColumns: () => void;
-            scheduleLayout: (needUpdateColumns?: boolean, immediate?: boolean) => void;
+            scheduleLayout: (needUpdateColumns?: boolean, immediate
+            /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */ ? /** @type { [typeof __VLS_components.ElTableColumn, typeof __VLS_components.ElTableColumn, ] } */: boolean) => void;
             isSelected: (row: any) => boolean;
             clearSelection: () => void;
             cleanSelection: () => void;

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

@@ -37,10 +37,12 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, watch, useModel, computed, onMounted, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent, withDirectives, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, normalizeStyle, mergeModels } from "vue";
+import { defineComponent, ref, watch, useModel, computed, onMounted, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, unref, withCtx, createVNode, mergeProps, createCommentVNode, resolveDynamicComponent, withDirectives, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, normalizeStyle, mergeModels, nextTick } from "vue";
 import { useFullscreen } from "@vueuse/core";
 import { ElCard, ElTable, ElTableColumn, ElScrollbar, ElPagination } from "element-plus";
 import { JkyForm } from "../form/index.js";
+import _sfc_main$2 from "./ActionColumn.vue.js";
+/* empty css                  */
 import _sfc_main$1 from "./Toolbar.vue.js";
 /* empty css             */
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
@@ -72,7 +74,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     paginationProps: { default: () => ({}) },
     toolbarButtonLimit: { default: 0 },
     toolbarButtons: {},
-    autoSearchDelay: { default: 500 }
+    autoSearchDelay: { default: 500 },
+    actionColumn: { type: [Object, Boolean] }
   }, {
     "pagination": {
       default: () => ({
@@ -148,6 +151,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     function getColumnProps(column) {
       return __spreadValues({}, column);
     }
+    const _showActionColumn = computed(() => {
+      if (props.actionColumn === false)
+        return false;
+      if (!props.actionColumn)
+        return true;
+      const config = props.actionColumn;
+      return config.show !== false;
+    });
+    const _actionColumnConfig = computed(() => {
+      if (props.actionColumn === false)
+        return void 0;
+      if (!props.actionColumn)
+        return void 0;
+      return props.actionColumn;
+    });
+    function _handleActionColumnClick(_button, _row, _index) {
+    }
     function buildApiParams() {
       var _a, _b;
       const baseParams = {
@@ -206,6 +226,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           pagination.value.total = 0;
         } finally {
           isLoading.value = false;
+          refreshTableLayout();
         }
       });
     }
@@ -270,6 +291,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     function handleSortChange({ column, prop, order }) {
       emit("sortChange", { column, prop, order });
     }
+    function refreshTableLayout() {
+      nextTick(() => {
+        var _a;
+        (_a = tableRef.value) == null ? void 0 : _a.doLayout();
+      });
+    }
     __expose({
       refresh: loadData,
       getFilterData: () => __spreadValues({}, form.value),
@@ -328,7 +355,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             createVNode(unref(JkyForm), mergeProps({
               ref_key: "formRef",
               ref: formRef
-            }, __spreadValues({ inline: true }, __props.formProps), {
+            }, __spreadValues({ inline: true, grid: true }, __props.formProps), {
               modelValue: form.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value = $event),
               "show-footer": true,
@@ -377,36 +404,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 onRowDblclick: handleRowDblclick,
                 onSortChange: handleSortChange
               }), {
-                default: withCtx(() => [
-                  __props.selection ? (openBlock(), createBlock(unref(ElTableColumn), {
-                    key: 0,
-                    type: "selection",
-                    width: "55",
-                    align: "center"
-                  })) : createCommentVNode("", true),
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                    return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
-                      key: column.prop
-                    }, { ref_for: true }, getColumnProps(column)), {
-                      default: withCtx((scope) => [
-                        renderSlot(_ctx.$slots, `column-${column.prop}`, {
-                          row: scope.row,
-                          column: scope.column,
-                          index: scope.$index
-                        }, () => {
-                          var _a3;
-                          return [
-                            column.render ? (openBlock(), createBlock(resolveDynamicComponent((_a3 = column.render) == null ? void 0 : _a3.call(column, scope)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              createTextVNode(toDisplayString(column.formatter ? column.formatter(scope.row, scope.column, scope.row[column.prop], scope.$index) : scope.row[column.prop]), 1)
-                            ], 64))
-                          ];
-                        })
-                      ]),
-                      _: 2
-                    }, 1040);
-                  }), 128)),
-                  renderSlot(_ctx.$slots, "columns")
-                ]),
+                default: withCtx(() => {
+                  var _a3, _b3, _c3, _d2;
+                  return [
+                    __props.selection ? (openBlock(), createBlock(unref(ElTableColumn), {
+                      key: 0,
+                      type: "selection",
+                      width: "55",
+                      align: "center"
+                    })) : createCommentVNode("", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+                      return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
+                        key: column.prop
+                      }, { ref_for: true }, getColumnProps(column)), {
+                        default: withCtx((scope) => [
+                          renderSlot(_ctx.$slots, `column-${column.prop}`, {
+                            row: scope.row,
+                            column: scope.column,
+                            index: scope.$index
+                          }, () => {
+                            var _a4;
+                            return [
+                              column.render ? (openBlock(), createBlock(resolveDynamicComponent((_a4 = column.render) == null ? void 0 : _a4.call(column, scope)), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                createTextVNode(toDisplayString(column.formatter ? column.formatter(scope.row, scope.column, scope.row[column.prop], scope.$index) : scope.row[column.prop]), 1)
+                              ], 64))
+                            ];
+                          })
+                        ]),
+                        _: 2
+                      }, 1040);
+                    }), 128)),
+                    _showActionColumn.value ? (openBlock(), createBlock(unref(ElTableColumn), {
+                      key: 1,
+                      label: ((_a3 = _actionColumnConfig.value) == null ? void 0 : _a3.label) || "操作",
+                      width: (_b3 = _actionColumnConfig.value) == null ? void 0 : _b3.width,
+                      fixed: (_c3 = _actionColumnConfig.value) == null ? void 0 : _c3.fixed,
+                      align: ((_d2 = _actionColumnConfig.value) == null ? void 0 : _d2.align) || "center"
+                    }, {
+                      default: withCtx((scope) => {
+                        var _a4, _b4, _c4;
+                        return [
+                          ((_a4 = _actionColumnConfig.value) == null ? void 0 : _a4.render) ? (openBlock(), createBlock(resolveDynamicComponent((_c4 = (_b4 = _actionColumnConfig.value) == null ? void 0 : _b4.render) == null ? void 0 : _c4.call(_b4, scope)), { key: 0 })) : (openBlock(), createBlock(_sfc_main$2, {
+                            key: 1,
+                            row: scope.row,
+                            index: scope.$index,
+                            config: _actionColumnConfig.value,
+                            onClick: _handleActionColumnClick
+                          }, null, 8, ["row", "index", "config"]))
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["label", "width", "fixed", "align"])) : createCommentVNode("", true),
+                    renderSlot(_ctx.$slots, "columns")
+                  ];
+                }),
                 _: 3
               }, 16, ["data", "border", "stripe", "height", "max-height", "empty-text"])), [
                 [_directive_loading, isLoading.value]

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

@@ -1,5 +1,7 @@
 import { InstallWithSFC } from '../utils/types';
+import { default as ActionColumn } from './ActionColumn.vue';
 import { default as PageTable } from './PageTable.vue';
-export type { ApiParamsGetter, FilterItemConfig, PageTableEmits, PageTableExpose, PageTableProps, PaginationConfig, TableApiFunction, TableApiResponse, TableColumnConfig, TableDataSource, TableResponseProps, ToolbarButtonConfig, ToolbarEmits, ToolbarProps, } from './types';
+export type { ActionColumnButtonConfig, ActionColumnConfig, ActionColumnEmits, ActionColumnProps, ApiParamsGetter, FilterItemConfig, 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 default JkyPageTable;

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

@@ -1,8 +1,12 @@
 import { installWithSFC } from "../utils/with-install.js";
+import _sfc_main$1 from "./ActionColumn.vue.js";
+/* empty css                  */
 import _sfc_main from "./PageTable.vue.js";
 /* empty css               */
 const JkyPageTable = installWithSFC(_sfc_main);
+const JkyActionColumn = installWithSFC(_sfc_main$1);
 export {
+  JkyActionColumn,
   JkyPageTable,
   JkyPageTable as default
 };

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

@@ -7,4 +7,13 @@
             justify-content: var(--jky-page-table_pagination-position);
 }
 }
+.el-table__header col[name="gutter"] {
+        /* display: table-cell !important; */
+}
+}
+/* ActionColumn 组件样式 */
+.jky-action-column {
+.el-button + .el-button {
+        margin-left: 0;
+}
 }

package/dist/es/style.css

@@ -1350,6 +1350,70 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mdi--content-copy\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .icon-\[mdi--delete\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .icon-\[mdi--download\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 20h14v-2H5m14-9h-4V3H9v6H5l7 7z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .icon-\[mdi--eye\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5a5 5 0 0 1 5-5a5 5 0 0 1 5 5a5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[mdi--format-list-bulleted\] {
     width: 1em;
     height: 1em;
@@ -1398,6 +1462,22 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mdi--pencil\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[mdi--refresh\] {
     width: 1em;
     height: 1em;
@@ -1566,8 +1646,8 @@
     height: 100vh;
   }
 
-  .max-h-0 {
-    max-height: calc(var(--spacing) * 0);
+  .max-h-screen {
+    max-height: 100vh;
   }
 
   .min-h-0 {
@@ -1996,6 +2076,10 @@
     }
   }
 
+  .bg-\(--my-color\) {
+    background-color: var(--my-color);
+  }
+
   .bg-\(--my-var\), .bg-\[var\(--my-var\)\] {
     background-color: var(--my-var);
   }
@@ -2104,6 +2188,10 @@
     background-color: var(--color-white);
   }
 
+  .bg-white\! {
+    background-color: var(--color-white) !important;
+  }
+
   .bg-white\/10 {
     background-color: #ffffff1a;
   }