jky-component-lib 0.0.122 → 0.0.125

package/dist/es/form/FormItem.vue.js

@@ -86,6 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     model: {},
     readonly: { type: [Boolean, Function], default: false },
     disabled: { type: Boolean, default: false },
+    span: {},
     label: {},
     labelWidth: {},
     labelPosition: {},
@@ -103,6 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const props = __props;
     const loading = ref(false);
     const componentProps = ref({});
+    const rules = ref(null);
     function loadComponentProps() {
       return __async(this, null, function* () {
         const configProps = props.config.componentProps;
@@ -130,14 +132,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         componentProps.value = configProps;
       });
     }
+    function loadRules() {
+      return __async(this, null, function* () {
+        const configRules = props.config.rules;
+        if (!configRules) {
+          rules.value = null;
+          return;
+        }
+        if (typeof configRules === "function") {
+          loading.value = true;
+          try {
+            const result = yield configRules({
+              model: props.model,
+              field: props.field,
+              $form: props.model
+            });
+            rules.value = result || null;
+          } catch (error) {
+            console.error("Failed to load rules:", error);
+            rules.value = null;
+          } finally {
+            loading.value = false;
+          }
+          return;
+        }
+        rules.value = configRules;
+      });
+    }
     watch(
       () => props.model,
       () => {
         loadComponentProps();
+        loadRules();
       },
       { deep: true }
     );
     loadComponentProps();
+    loadRules();
     const modelValue = computed({
       get: () => props.model[props.field],
       set: (val) => {
@@ -263,11 +294,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           return h(ElAutocomplete, autocompleteProps, _componentSlotsObj);
         }
         case "datepicker":
-          return h(ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return h(ElDatePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "datetime-picker":
-          return h(ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return h(ElDatePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始日期",
+            endPlaceholder: "结束日期"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "time-picker":
-          return h(ElTimePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
+          return h(ElTimePicker, __spreadValues(__spreadValues({
+            startPlaceholder: "开始时间",
+            endPlaceholder: "结束时间"
+          }, commonProps), componentProps.value), _componentSlotsObj);
         case "time-select":
           return h(ElTimeSelect, __spreadValues(__spreadValues({}, commonProps), componentProps.value), _componentSlotsObj);
         case "radio-group": {
@@ -507,7 +547,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     return (_ctx, _cache) => {
       return isHidden.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : __props.config.title && !__props.config.label ? (openBlock(), createBlock(unref(ElFormItem), mergeProps({
         key: 1,
-        prop: __props.field
+        prop: __props.field,
+        rules: rules.value
       }, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
         class: ["jky-form-item jky-form-item--no-label", [__props.config.useDefaultBorderClass ? "border-l-4 border-solid border-l-(--el-color-primary) bg-(--el-color-primary)/50 pl-1.5" : "", __props.config.class]],
         style: [__props.config.customStyle]
@@ -523,10 +564,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           __props.config.help && !__props.config.help.tooltip ? (openBlock(), createBlock(resolveDynamicComponent(renderHelpText()), { key: 0 })) : createCommentVNode("", true)
         ]),
         _: 1
-      }, 16, ["prop", "class", "style"])) : (openBlock(), createBlock(unref(ElFormItem), mergeProps({
+      }, 16, ["prop", "rules", "class", "style"])) : (openBlock(), createBlock(unref(ElFormItem), mergeProps({
         key: 2,
         label: __props.config.label,
-        prop: __props.field
+        prop: __props.field,
+        rules: rules.value
       }, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
         class: ["jky-form-item", [__props.config.class]]
       }), createSlots({
@@ -550,7 +592,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           ]),
           key: "0"
         } : void 0
-      ]), 1040, ["label", "prop", "class"]));
+      ]), 1040, ["label", "prop", "rules", "class"]));
     };
   }
 }));

package/dist/es/form/SelectTable.vue.d.ts

@@ -0,0 +1,38 @@
+import { SelectTableProps } from './types';
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SelectTableProps>, {
+    multiple: boolean;
+    labelField: string;
+    idField: string;
+    readonly: boolean;
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[]) => any;
+    change: (value: string | number | (string | number)[], selectedData: any[]) => any;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<SelectTableProps>, {
+    multiple: boolean;
+    labelField: string;
+    idField: string;
+    readonly: boolean;
+    disabled: boolean;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    onChange?: ((value: string | number | (string | number)[], selectedData: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/form/index.d.ts

@@ -0,0 +1,5 @@
+import { InstallWithSFC } from '../utils';
+import { default as Form } from './Form.vue';
+export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
+export declare const JkyForm: InstallWithSFC<typeof Form>;
+export default JkyForm;

package/dist/es/index.d.ts

@@ -0,0 +1,8 @@
+import { ElementPlusOptions, InstallerOptions } from './utils/types';
+export * from './components';
+export * from './resolver';
+export type { ElementPlusOptions, InstallerOptions };
+declare const installer: import('./utils/installer').JkyInstaller;
+export declare const install: (app: import('vue').App, options?: InstallerOptions) => void;
+export declare const version: string;
+export default installer;

package/dist/es/menu/Menu.vue.d.ts

@@ -0,0 +1,23 @@
+import { MenuProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuProps> & Readonly<{}>, {
+    levels: number;
+    readonly uniqueOpened: boolean;
+    readonly menuTrigger: import('element-plus/es/utils').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+    menuData: import('./types').MenuItem[];
+}, {}, {}, {}, 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/es/menu/MenuItem.vue.d.ts

@@ -0,0 +1,7 @@
+import { MenuItem as MenuItemType } from './types';
+type __VLS_Props = {
+    item: MenuItemType;
+    levels?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/es/menu/index.d.ts

@@ -0,0 +1,5 @@
+import { InstallWithSFC } from '../utils';
+import { default as Menu } from './Menu.vue';
+export type { MenuItem, MenuProps } from './types';
+export declare const JkyMenu: InstallWithSFC<typeof Menu>;
+export default JkyMenu;

package/dist/es/modal/Footer.vue.d.ts

@@ -0,0 +1,10 @@
+import { ModalProps } from './types';
+type __VLS_Props = Pick<ModalProps, 'confirmText' | 'cancelText'>;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (...args: any[]) => void;
+    confirm: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/modal/Header.vue.d.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    title: string;
+    fullscreen: boolean;
+    mode?: 'dialog' | 'drawer';
+    drawerDirection?: 'rtl' | 'ltr' | 'ttb' | 'btt';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        direction?(_: {}): any;
+        toggle?(_: {}): any;
+        fullscreen?(_: {}): any;
+        close?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    toggle: () => any;
+    fullscreen: () => any;
+    toggleDirection: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: (() => any) | undefined;
+    onFullscreen?: (() => any) | undefined;
+    onToggleDirection?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/es/modal/Modal.vue.d.ts

@@ -0,0 +1,75 @@
+import { ModalDirection, ModalProps } from './types';
+type __VLS_Props = ModalProps;
+declare function handleTypeChange(): void;
+declare function toggleFullscreen(): void;
+declare function toggleDirection(): void;
+declare function handleClose(): void;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+    'mode'?: 'dialog' | 'drawer';
+    'fullscreen'?: boolean;
+    'direction'?: ModalDirection;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            fullscreen: boolean;
+            close: typeof handleClose;
+            toggleFullscreen: typeof toggleFullscreen;
+            toggleType: typeof handleTypeChange;
+        }): any;
+        header?(_: {
+            fullscreen: boolean;
+            close: typeof handleClose;
+            toggleFullscreen: typeof toggleFullscreen;
+            toggleType: typeof handleTypeChange;
+            toggleDirection: typeof toggleDirection;
+        }): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "update:mode": (value: "dialog" | "drawer") => any;
+    "update:fullscreen": (value: boolean) => any;
+    "update:direction": (value: ModalDirection) => any;
+} & {
+    "update:modelValue": (value: boolean) => any;
+    cancel: () => any;
+    close: () => any;
+    open: () => any;
+    confirm: () => any;
+    opened: () => any;
+    closed: () => any;
+    typeChange: (type: import('./types').ModalType) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    "onUpdate:mode"?: ((value: "dialog" | "drawer") => any) | undefined;
+    "onUpdate:fullscreen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:direction"?: ((value: ModalDirection) => any) | undefined;
+    onTypeChange?: ((type: import('./types').ModalType) => any) | undefined;
+}>, {
+    title: string;
+    cancelText: string;
+    confirmText: 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/es/modal/index.d.ts

@@ -0,0 +1,5 @@
+import { InstallWithSFC } from '../utils/types';
+import { default as Modal } from './Modal.vue';
+export type { ModalEmits, ModalProps, ModalSlots, ModalType, } from './types';
+export declare const JkyModal: InstallWithSFC<typeof Modal>;
+export default JkyModal;

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.122";
+const version = "0.0.125";
 export {
   version
 };

package/dist/es/page-header/PageHeader.vue.d.ts

@@ -0,0 +1,31 @@
+import { PageHeaderProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        center?(_: {}): any;
+        time?(_: {}): any;
+        userIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PageHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    command: (command: string) => any;
+    logout: () => any;
+}, string, import('vue').PublicProps, Readonly<PageHeaderProps> & Readonly<{
+    onCommand?: ((command: string) => any) | undefined;
+    onLogout?: (() => any) | undefined;
+}>, {
+    height: string | number;
+    theme: "light" | "dark";
+    statusIcons: import('./types').PageHeaderStatusIcon[];
+    userDropdownItems: import('./types').PageHeaderUserDropdonItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/es/page-header/PopoverMenu.vue.d.ts

@@ -0,0 +1,13 @@
+import { TooltipTriggerType } from 'element-plus';
+import { Arrayable } from 'element-plus/es/utils';
+import { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps } from './types';
+declare const _default: import('vue').DefineComponent<PageHeaderPopoverMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderPopoverMenuProps> & Readonly<{}>, {
+    width: number;
+    placement: import('element-plus').Placement;
+    trigger: Arrayable<TooltipTriggerType>;
+    theme: "light" | "dark";
+    menus: PageHeaderPopoverMenuItem[];
+    highlightCurrent: boolean;
+    buttonClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { InstallWithSFC } from '../utils';
+import { default as PageHeader } from './PageHeader.vue';
+export type { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps, PageHeaderProps, PageHeaderStatusIcon, PageHeaderUserDropdonItem, } from './types';
+export declare const JkyPageHeader: InstallWithSFC<typeof PageHeader>;
+export default JkyPageHeader;

package/dist/es/page-layout/PageLayout.vue.d.ts

@@ -0,0 +1,18 @@
+import { PageLayoutProps } from './types';
+declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
+    cachable: boolean;
+    roundTabs: boolean;
+    showTopMenu: boolean;
+    showSideMenu: boolean;
+    asideWidth: string;
+    asideWithScrollbar: boolean;
+    mainWithCard: boolean;
+    mainWithScrollbar: boolean;
+    transitionName: string;
+    tabsWithCard: boolean;
+    cardPadding: string;
+    topMenuTrigger: "hover" | "click";
+    topMenuSingleLevel: boolean;
+    sideMenuWithParent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { InstallWithSFC } from '../utils';
+import { default as PageLayout } from './PageLayout.vue';
+export type { BreadcrumbConfig, PageLayoutProps } from './types';
+export declare const JkyPageLayout: InstallWithSFC<typeof PageLayout>;
+export default JkyPageLayout;

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

@@ -0,0 +1,11 @@
+import { ActionColumnButtonConfig, ActionColumnConfig, ActionColumnProps } from './types';
+declare const _default: import('vue').DefineComponent<ActionColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (button: ActionColumnButtonConfig, row: any, index: number) => any;
+}, string, import('vue').PublicProps, Readonly<ActionColumnProps> & Readonly<{
+    onClick?: ((button: ActionColumnButtonConfig, row: any, index: number) => any) | undefined;
+}>, {
+    index: number;
+    row: any;
+    config: ActionColumnConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createVNode, createElementVNode, createCommentVNode } from "vue";
 import { ElButton, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
-const _hoisted_1 = { class: "jky-action-column flex gap-2 items-center" };
+const _hoisted_1 = { class: "jky-action-column flex items-center justify-center" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "JkyActionColumn"
 }), {
@@ -70,11 +70,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }
       emit("click", button, props.row, props.index);
     }
+    function getButtonLabel(button) {
+      if (typeof button.label === "function") {
+        return button.label(props.row, props.index);
+      }
+      return button.label;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(displayButtons.value, (button) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(displayButtons.value, (button, i) => {
           return openBlock(), createBlock(unref(ElButton), {
-            key: button.label,
+            key: i,
             type: button.type || "primary",
             size: button.size || "small",
             disabled: button.disabled,
@@ -85,7 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             onClick: ($event) => handleButtonClick(button)
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(button.label), 1)
+              createTextVNode(toDisplayString(getButtonLabel(button)), 1)
             ]),
             _: 2
           }, 1032, ["type", "size", "disabled", "icon", "plain", "class", "onClick"]);
@@ -99,12 +105,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(collapsedButtons.value, (button) => {
                   return openBlock(), createBlock(unref(ElDropdownItem), {
-                    key: button.label,
+                    key: typeof button.label === "function" ? button.label(__props.row, __props.index) : button.label,
                     disabled: button.disabled,
                     onClick: ($event) => handleButtonClick(button)
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(button.label), 1)
+                      createTextVNode(toDisplayString(getButtonLabel(button)), 1)
                     ]),
                     _: 2
                   }, 1032, ["disabled", "onClick"]);