jky-component-lib 0.0.127 → 0.0.130

package/dist/lib/page-header/PageHeader.vue.js

@@ -23,19 +23,17 @@ const vue = require("vue");
 const ElementPlus = require("element-plus");
 const PopoverMenu_vue_vue_type_script_setup_true_lang = require("./PopoverMenu.vue.js");
 const _hoisted_1 = { class: "jky-page-header__container" };
-const _hoisted_2 = { class: "jky-page-header__left" };
-const _hoisted_3 = ["src", "alt"];
-const _hoisted_4 = {
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
   key: 1,
   class: "jky-page-header__title"
 };
-const _hoisted_5 = { class: "jky-page-header__center" };
-const _hoisted_6 = { class: "jky-page-header__right" };
-const _hoisted_7 = { class: "jky-page-header__status-icons hidden md:flex" };
-const _hoisted_8 = { class: "jky-page-header__time hidden md:block" };
-const _hoisted_9 = { class: "jky-page-header__user" };
-const _hoisted_10 = ["src", "alt"];
-const _hoisted_11 = {
+const _hoisted_4 = { class: "jky-page-header__center" };
+const _hoisted_5 = { class: "jky-page-header__right" };
+const _hoisted_6 = { class: "jky-page-header__status-icons hidden md:flex" };
+const _hoisted_7 = { class: "jky-page-header__user" };
+const _hoisted_8 = ["src", "alt"];
+const _hoisted_9 = {
   key: 0,
   class: "jky-page-header__username text-base hidden md:block"
 };
@@ -63,13 +61,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       { label: "注销", value: "logout", icon: "icon-[heroicons--arrow-right-on-rectangle]" }
     ] }
   },
-  emits: ["logout", "command"],
+  emits: ["logout", "command", "headerClick"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     function handleCommand(command) {
       emit("command", command);
     }
+    function handleClick(target) {
+      emit("headerClick", target);
+    }
     const heightValue = vue.computed(() => {
       if (typeof props.height === "number") {
         return `${props.height}px`;
@@ -96,20 +97,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           __props.showPopover && ((_b = (_a = __props.popover) == null ? void 0 : _a.menus) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(PopoverMenu_vue_vue_type_script_setup_true_lang.default, vue.normalizeProps(vue.mergeProps({ key: 0 }, __props.popover)), null, 16)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", {
+            class: "cursor-pointer jky-page-header__left",
+            onClick: _cache[0] || (_cache[0] = ($event) => handleClick("logo"))
+          }, [
             __props.logo ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               src: __props.logo,
               alt: __props.title || "Logo",
               class: "jky-page-header__logo"
-            }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
-            __props.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true)
+            }, null, 8, _hoisted_2)) : vue.createCommentVNode("", true),
+            __props.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true)
           ]),
-          vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_4, [
             vue.renderSlot(_ctx.$slots, "center")
           ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createElementVNode("div", _hoisted_6, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.statusIcons, (icon, index) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
                   typeof icon.icon === "string" ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -172,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                   size: 20,
                   class: "jky-page-header__status-icon"
                 }, {
-                  default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+                  default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
                     vue.createElementVNode("svg", {
                       xmlns: "http://www.w3.org/2000/svg",
                       fill: "none",
@@ -192,7 +196,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               ]),
               _: 1
             })) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_8, [
+            vue.createElementVNode("div", {
+              class: "cursor-pointer jky-page-header__time hidden md:block",
+              onClick: _cache[1] || (_cache[1] = ($event) => handleClick("time"))
+            }, [
               vue.renderSlot(_ctx.$slots, "time", {}, () => [
                 vue.createElementVNode("span", null, vue.toDisplayString((/* @__PURE__ */ new Date()).toLocaleString("zh-CN")), 1)
               ])
@@ -231,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                 })
               ]),
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_9, [
+                vue.createElementVNode("div", _hoisted_7, [
                   vue.renderSlot(_ctx.$slots, "userIcon", {}, () => [
                     __props.userAvatar ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElIcon), {
                       key: 0,
@@ -243,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                           src: __props.userAvatar,
                           alt: __props.userName,
                           class: "rounded-full"
-                        }, null, 8, _hoisted_10)
+                        }, null, 8, _hoisted_8)
                       ]),
                       _: 1
                     })) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElIcon), {
@@ -251,13 +258,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
                       size: 24,
                       class: "jky-page-header__avatar"
                     }, {
-                      default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                      default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
                         vue.createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1)
                       ])]),
                       _: 1
                     }))
                   ]),
-                  __props.userName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, vue.toDisplayString(__props.userName), 1)) : vue.createCommentVNode("", true)
+                  __props.userName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, vue.toDisplayString(__props.userName), 1)) : vue.createCommentVNode("", true)
                 ])
               ]),
               _: 3
@@ -265,8 +272,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
             __props.showLogout ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 2,
               class: "jky-page-header__logout h-full flex items-center",
-              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("logout"))
-            }, [..._cache[3] || (_cache[3] = [
+              onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("logout"))
+            }, [..._cache[5] || (_cache[5] = [
               vue.createElementVNode("span", { class: "icon-[ri--logout-circle-line] mr-2" }, null, -1),
               vue.createElementVNode("span", null, "退出登录", -1)
             ])])) : vue.createCommentVNode("", true)

package/dist/lib/page-header/PopoverMenu.vue.d.ts

@@ -6,8 +6,8 @@ declare const _default: import('vue').DefineComponent<PageHeaderPopoverMenuProps
     placement: import('element-plus').Placement;
     trigger: Arrayable<TooltipTriggerType>;
     theme: "light" | "dark";
-    menus: PageHeaderPopoverMenuItem[];
     highlightCurrent: boolean;
+    menus: PageHeaderPopoverMenuItem[];
     buttonClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -133,7 +133,7 @@ declare function __VLS_template(): {
                     validateOnRuleChange: boolean;
                 }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                     onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+                }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                     validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -258,7 +258,7 @@ declare function __VLS_template(): {
                     validateOnRuleChange: boolean;
                 }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                     onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+                }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                     validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -357,7 +357,7 @@ declare function __VLS_template(): {
                     validateOnRuleChange: boolean;
                 }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                     onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-                }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+                }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                     validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                     resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -381,11 +381,11 @@ declare function __VLS_template(): {
                     fields?: any;
                 }) => any;
             }, string, {
-                watchDeep: boolean;
-                showFooter: boolean;
+                cancelText: string;
                 footerClass: string;
+                showFooter: boolean;
+                watchDeep: boolean;
                 submitText: string;
-                cancelText: string;
                 submitDisabled: boolean;
                 cancelDisabled: boolean;
                 showCount: number;
@@ -410,11 +410,11 @@ declare function __VLS_template(): {
             $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<{
-            watchDeep: boolean;
-            showFooter: boolean;
+            cancelText: string;
             footerClass: string;
+            showFooter: boolean;
+            watchDeep: boolean;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -429,7 +429,7 @@ declare function __VLS_template(): {
                 valid: boolean;
                 fields?: any;
             }) => any) | undefined;
-        }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+        }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "showFooter" | "watchDeep" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
             clearValidate: (props?: any) => void;
             getFormInstance: () => ({
@@ -517,7 +517,7 @@ declare function __VLS_template(): {
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -616,7 +616,7 @@ declare function __VLS_template(): {
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -2812,6 +2812,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     title: string;
     loading: boolean;
+    border: boolean;
     emptyText: string;
     toolbarButtonLimit: number;
     withCard: boolean;
@@ -2824,7 +2825,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     selection: boolean;
     selectionColumn: import('./types').TableColumnConfig;
     selectedRows: any[];
-    border: boolean;
     stripe: boolean;
     formProps: Partial<import('../form').FormProps>;
     tableProps: Partial<import('element-plus').TableProps>;
@@ -2951,7 +2951,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -3076,7 +3076,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -3175,7 +3175,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -3199,11 +3199,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 fields?: any;
             }) => any;
         }, string, {
-            watchDeep: boolean;
-            showFooter: boolean;
+            cancelText: string;
             footerClass: string;
+            showFooter: boolean;
+            watchDeep: boolean;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -3228,11 +3228,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $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<{
-        watchDeep: boolean;
-        showFooter: boolean;
+        cancelText: string;
         footerClass: string;
+        showFooter: boolean;
+        watchDeep: boolean;
         submitText: string;
-        cancelText: string;
         submitDisabled: boolean;
         cancelDisabled: boolean;
         showCount: number;
@@ -3247,7 +3247,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             valid: boolean;
             fields?: any;
         }) => any) | undefined;
-    }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+    }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "showFooter" | "watchDeep" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({
@@ -3335,7 +3335,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             validateOnRuleChange: boolean;
         }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+        }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
             validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -3434,7 +3434,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             validateOnRuleChange: boolean;
         }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+        }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
             validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;

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

@@ -245,7 +245,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               if (tableRef.value) {
                 tableRef.value.clearSelection();
                 props.selectedRows.forEach((selectedRow) => {
-                  const rowKey = tableRef.value.props.rowKey || "id";
+                  var _a2;
+                  const rowKey = ((_a2 = tableRef.value.props) == null ? void 0 : _a2.rowKey) || "id";
                   const keyValue = selectedRow[rowKey];
                   const matchedRow = internalData.value.find(
                     (row) => row[rowKey] === keyValue

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

@@ -21,10 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<PageTableColumnProp
         column: import('element-plus').TableColumnCtx<any>;
         index: number;
     }) => any;
+    align: string;
     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"]>;

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

@@ -303,11 +303,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
           vue.createElementVNode("div", _hoisted_2, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.defaultButtons, (button) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-                key: button.label + button.icon
+                key: typeof button.label === "string" ? button.label : button.label.toString() + (button.icon || "")
               }, [
                 button.icon ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
-                  title: button.label,
+                  title: typeof button.label === "string" ? button.label : void 0,
                   class: vue.normalizeClass(["text-2xl inline-flex items-center justify-center cursor-pointer hover:opacity-70 ml-1", [button.icon]]),
                   onClick: vue.withModifiers(($event) => handleToolbarButtonClick(button), ["stop"])
                 }, null, 10, _hoisted_3)) : vue.createCommentVNode("", true)

package/dist/lib/page-table-v2/PageTableV2.vue.d.ts

@@ -168,7 +168,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -293,7 +293,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -392,7 +392,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
                 validateOnRuleChange: boolean;
             }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
                 onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-            }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+            }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
                 validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
                 resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -416,11 +416,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
                 fields?: any;
             }) => any;
         }, string, {
-            watchDeep: boolean;
-            showFooter: boolean;
+            cancelText: string;
             footerClass: string;
+            showFooter: boolean;
+            watchDeep: boolean;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -445,11 +445,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
         $nextTick: typeof import('vue').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<{
-        watchDeep: boolean;
-        showFooter: boolean;
+        cancelText: string;
         footerClass: string;
+        showFooter: boolean;
+        watchDeep: boolean;
         submitText: string;
-        cancelText: string;
         submitDisabled: boolean;
         cancelDisabled: boolean;
         showCount: number;
@@ -464,7 +464,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
             valid: boolean;
             fields?: any;
         }) => any) | undefined;
-    }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+    }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "showFooter" | "watchDeep" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({
@@ -552,7 +552,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
             validateOnRuleChange: boolean;
         }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+        }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
             validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;
@@ -651,7 +651,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
             validateOnRuleChange: boolean;
         }> & Omit<Readonly<import('element-plus').FormProps> & Readonly<{
             onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
-        }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
+        }>, "labelWidth" | "labelPosition" | "showMessage" | "requireAsteriskPosition" | "labelSuffix" | "validateOnRuleChange" | "scrollIntoViewOptions" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "fields" | "setInitialValues"> & {
             validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             validateField: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
             resetFields: (props?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemProp>) => void;

package/dist/lib/style.css

@@ -496,6 +496,10 @@
     left: calc(var(--spacing) * 0);
   }
 
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+
   .z-30 {
     z-index: 30;
   }
@@ -2326,6 +2330,16 @@
     }
   }
 
+  .bg-white\/90 {
+    background-color: #ffffffe6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/90 {
+      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
+
   .bg-yellow-50 {
     background-color: var(--color-yellow-50);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.127",
+  "version": "0.0.130",
   "publishConfig": {
     "access": "public"
   },

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

@@ -1,36 +0,0 @@
-import { LinkedSelectConfig } from './types';
-interface Props {
-    config?: LinkedSelectConfig;
-    modelValue?: any[];
-    disabled?: boolean;
-    componentProps?: Record<string, any>;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: any[]) => any;
-    change: (value: any[]) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-    onChange?: ((value: any[]) => any) | undefined;
-}>, {
-    modelValue: any[];
-    disabled: boolean;
-    config: LinkedSelectConfig;
-    componentProps: Record<string, any>;
-}, {}, {}, {}, 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/form/LinkedSelect.vue2.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./LinkedSelect.vue.js";
-export {
-  _sfc_main as default
-};

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

@@ -1,38 +0,0 @@
-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];
-} & {};