jky-component-lib 0.0.65 → 0.0.72

package/dist/es/components.d.ts

@@ -10,5 +10,6 @@ export * from './page-layout';
 export * from './page-table';
 export * from './rich-editor';
 export * from './say-hello';
+export * from './tabs';
 export declare const components: Plugin[];
 export default components;

package/dist/es/components.js

@@ -9,6 +9,7 @@ import { JkyPageLayout } from "./page-layout/index.js";
 import { JkyPageTable } from "./page-table/index.js";
 import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
+import { JkyTabs } from "./tabs/index.js";
 const components = [
   JkySayHello,
   JkyButton,
@@ -20,7 +21,8 @@ const components = [
   JkyAddInput,
   JkyRichEditor,
   JkyPageTable,
-  JkyPageLayout
+  JkyPageLayout,
+  JkyTabs
 ];
 export {
   JkyAddInput,
@@ -34,5 +36,6 @@ export {
   JkyPageTable,
   JkyRichEditor,
   JkySayHello,
+  JkyTabs,
   components
 };

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

@@ -88,7 +88,7 @@ declare function getFormInstance(): ({
     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"> & import('vue').ShallowUnwrapRef<{
+}>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "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;
@@ -97,7 +97,7 @@ declare function getFormInstance(): ({
     getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
     fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
     setInitialValues: (initModel: Record<string, any>) => void;
-}> & {} & import('vue').ComponentCustomProperties & {} & {
+} & {} & import('vue').ComponentCustomProperties & {} & {
     $slots: {
         default?: (props: {}) => any;
     };
@@ -195,7 +195,7 @@ declare const _default: 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"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "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;
@@ -204,7 +204,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
         fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
         setInitialValues: (initModel: Record<string, any>) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         };
@@ -293,7 +293,7 @@ declare const _default: 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"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "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;
@@ -302,7 +302,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
         fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
         setInitialValues: (initModel: Record<string, any>) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         };
@@ -427,7 +427,7 @@ declare const _default: 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"> & import('vue').ShallowUnwrapRef<{
+    }>, "labelPosition" | "requireAsteriskPosition" | "labelWidth" | "labelSuffix" | "showMessage" | "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;
@@ -436,7 +436,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         getField: (prop: import('element-plus').FormItemProp) => import('element-plus').FormItemContext | undefined;
         fields: import('vue').Reactive<import('element-plus').FormItemContext[]>;
         setInitialValues: (initModel: Record<string, any>) => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?: (props: {}) => any;
         };

package/dist/es/index.js

@@ -2,6 +2,8 @@ import { components } from "./components.js";
 import { createInstaller } from "./utils/installer.js";
 /* empty css           */
 import { JkyComponentLibResolver } from "./resolver.js";
+import { default as default2 } from "./tabs/TabContent.vue.js";
+/* empty css                     */
 import { JkyAddInput } from "./add-input/index.js";
 import { JkyButton } from "./button/index.js";
 import { JkyButtonNav } from "./button-nav/index.js";
@@ -13,6 +15,10 @@ import { JkyPageLayout } from "./page-layout/index.js";
 import { JkyPageTable } from "./page-table/index.js";
 import { JkyRichEditor } from "./rich-editor/index.js";
 import { JkySayHello } from "./say-hello/index.js";
+import { JkyTabs } from "./tabs/index.js";
+import { clearRouteListeners, emitRouteChange, onRouteChange } from "./tabs/routeListener.js";
+import { createTabsStore, resetTabsStore, useTabsStore } from "./tabs/useTabsStore.js";
+import { useTabs } from "./tabs/useTabs.js";
 const installer = createInstaller(components);
 const install = installer.install;
 const version = installer.version;
@@ -29,8 +35,17 @@ export {
   JkyPageTable,
   JkyRichEditor,
   JkySayHello,
+  default2 as JkyTabContent,
+  JkyTabs,
+  clearRouteListeners,
   components,
+  createTabsStore,
   installer as default,
+  emitRouteChange,
   install,
+  onRouteChange,
+  resetTabsStore,
+  useTabs,
+  useTabsStore,
   version
 };

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

@@ -1,17 +1,18 @@
-import { MenuItem, MenuProps } from './types';
+import { MenuProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
-        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<{}>, {
-    aside: boolean;
-    menuData: MenuItem[];
+    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;

package/dist/es/menu/Menu.vue.js

@@ -17,22 +17,31 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, openBlock, createBlock, withCtx, createVNode, unref, mergeProps, createElementBlock, Fragment, renderList, resolveDynamicComponent, renderSlot, h } from "vue";
+import { defineComponent, useAttrs, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, toDisplayString, renderSlot } from "vue";
 import { ElMenu, ElSubMenu, ElMenuItem } from "element-plus";
-import _sfc_main$1 from "./Aside.vue.js";
+import _sfc_main$1 from "./MenuItem.vue.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "jky-menu-item__title"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "jky-menu-item__title"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
-  name: "JkyMenu"
+  name: "JkyMenu",
+  inheritAttrs: false
 }), {
   __name: "Menu",
   props: {
-    aside: { type: Boolean, default: false },
     menuData: { default: () => [] },
+    levels: { default: 0 },
     mode: {},
     defaultActive: {},
     defaultOpeneds: {},
-    uniqueOpened: { type: Boolean },
+    uniqueOpened: { type: Boolean, default: true },
     router: { type: Boolean },
-    menuTrigger: {},
+    menuTrigger: { default: "click" },
     collapse: { type: Boolean },
     backgroundColor: {},
     textColor: {},
@@ -51,76 +60,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
   },
   setup(__props) {
     const props = __props;
-    function renderMenuItem(item) {
-      var _a;
-      return h(
-        ElMenuItem,
-        {
-          index: item.index || item.id || "",
-          disabled: (_a = item.disabled) != null ? _a : false,
-          route: item.route
-        },
-        {
-          default: () => [
-            item.icon ? h("span", { class: "jky-menu-item__icon" }, [h("span", { class: item.icon })]) : null,
-            item.title ? h("span", { class: "jky-menu-item__title" }, item.title) : null
-          ]
-        }
-      );
-    }
-    function renderSubMenu(item) {
-      var _a;
-      const children = item.children || [];
-      return h(
-        ElSubMenu,
-        {
-          index: item.index || item.id || "",
-          disabled: (_a = item.disabled) != null ? _a : false,
-          popperOffset: item.popperOffset
-        },
-        {
-          title: () => [
-            item.icon ? h("span", { class: "jky-menu-item__icon" }, [h("span", { class: item.icon })]) : null,
-            item.title ? h("span", { class: "jky-menu-item__title" }, item.title) : null
-          ],
-          default: () => children.map((child) => renderMenuNode(child))
-        }
-      );
-    }
-    function renderMenuNode(item) {
-      if (item.children && item.children.length > 0) {
-        return renderSubMenu(item);
-      }
-      return renderMenuItem(item);
-    }
+    const attrs = useAttrs();
     return (_ctx, _cache) => {
-      return props.aside ? (openBlock(), createBlock(_sfc_main$1, { key: 0 }, {
-        default: withCtx(() => [
-          createVNode(unref(ElMenu), mergeProps({ class: "jky-menu" }, __spreadValues(__spreadValues({}, props), _ctx.$attrs)), {
-            default: withCtx(() => [
-              props.menuData && props.menuData.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.menuData, (item) => {
-                return openBlock(), createBlock(resolveDynamicComponent(renderMenuNode(item)), {
-                  key: item.index || item.id
-                });
-              }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
-            ]),
-            _: 3
-          }, 16)
-        ]),
-        _: 3
-      })) : (openBlock(), createBlock(unref(ElMenu), mergeProps({
-        key: 1,
-        class: "jky-menu"
-      }, __spreadValues(__spreadValues({}, props), _ctx.$attrs)), {
+      return openBlock(), createBlock(unref(ElMenu), mergeProps({ class: "jky-menu" }, __spreadValues(__spreadValues({}, unref(attrs)), props)), {
         default: withCtx(() => [
           props.menuData && props.menuData.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.menuData, (item) => {
-            return openBlock(), createBlock(resolveDynamicComponent(renderMenuNode(item)), {
-              key: item.index || item.id
-            });
+            var _a, _b;
+            return openBlock(), createElementBlock(Fragment, {
+              key: item.index
+            }, [
+              item.children && item.children.length > 0 ? (openBlock(), createBlock(unref(ElSubMenu), {
+                key: 0,
+                index: item.index || "",
+                class: normalizeClass(item.customClass),
+                disabled: (_a = item.disabled) != null ? _a : false,
+                "popper-offset": item.popperOffset
+              }, {
+                title: withCtx(() => [
+                  item.icon ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass([item.icon, "jky-menu-item__icon"])
+                  }, null, 2)) : createCommentVNode("", true),
+                  item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.title), 1)) : createCommentVNode("", true)
+                ]),
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child) => {
+                    return openBlock(), createBlock(_sfc_main$1, {
+                      key: child.index,
+                      item: child,
+                      levels: props.levels > 0 ? props.levels - 1 : 0
+                    }, null, 8, ["item", "levels"]);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1032, ["index", "class", "disabled", "popper-offset"])) : (openBlock(), createBlock(unref(ElMenuItem), {
+                key: 1,
+                index: item.index || "",
+                class: normalizeClass(item.customClass),
+                disabled: (_b = item.disabled) != null ? _b : false,
+                route: item.route
+              }, {
+                default: withCtx(() => [
+                  item.icon ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass([item.icon, "jky-menu-item__icon"])
+                  }, null, 2)) : createCommentVNode("", true),
+                  item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(item.title), 1)) : createCommentVNode("", true)
+                ]),
+                _: 2
+              }, 1032, ["index", "class", "disabled", "route"]))
+            ], 64);
           }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
-      }, 16));
+      }, 16);
     };
   }
 }));

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/MenuItem.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString } from "vue";
+import { ElSubMenu, ElMenuItem } from "element-plus";
+const _hoisted_1 = {
+  key: 1,
+  class: "jky-menu-item__title"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "jky-menu-item__title"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MenuItem",
+  props: {
+    item: {},
+    levels: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_MenuItem = resolveComponent("MenuItem", true);
+      return props.item.children && props.item.children.length > 0 ? (openBlock(), createBlock(unref(ElSubMenu), {
+        key: 0,
+        index: props.item.index || "",
+        class: normalizeClass(props.item.customClass),
+        disabled: (_a = props.item.disabled) != null ? _a : false,
+        "popper-offset": props.item.popperOffset
+      }, {
+        title: withCtx(() => [
+          props.item.icon ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass([props.item.icon, "jky-menu-item__icon"])
+          }, null, 2)) : createCommentVNode("", true),
+          props.item.title ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(props.item.children, (child) => {
+            return openBlock(), createBlock(_component_MenuItem, {
+              key: child.index,
+              item: child,
+              levels: props.levels !== void 0 && props.levels > 0 ? props.levels - 1 : 0
+            }, null, 8, ["item", "levels"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["index", "class", "disabled", "popper-offset"])) : (openBlock(), createBlock(unref(ElMenuItem), {
+        key: 1,
+        index: props.item.index || "",
+        class: normalizeClass(props.item.customClass),
+        disabled: (_b = props.item.disabled) != null ? _b : false,
+        route: props.item.route
+      }, {
+        default: withCtx(() => [
+          props.item.icon ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass([props.item.icon, "jky-menu-item__icon"])
+          }, null, 2)) : createCommentVNode("", true),
+          props.item.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(props.item.title), 1)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["index", "class", "disabled", "route"]));
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/menu/MenuItem.vue2.js

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

package/dist/es/menu/style.css

@@ -42,7 +42,8 @@ li + li {
 }
 
 /* 4. 菜单项图标样式 */
-.jky-menu-item__icon {
+
+/* .jky-menu-item__icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -51,7 +52,7 @@ li + li {
   margin-right: var(--jky-menu-icon-margin);
   font-size: var(--jky-menu-icon-size);
   flex-shrink: 0;
-}
+} */
 
 /* 5. 菜单项标题样式 */
 .jky-menu-item__title {

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.65";
+const version = "0.0.72";
 export {
   version
 };

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

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createBlock, normalizeProps, mergeProps, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeClass, withCtx, resolveDynamicComponent, createVNode, createTextVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createBlock, normalizeProps, mergeProps, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeClass, unref, withCtx, resolveDynamicComponent, createVNode, createTextVNode } from "vue";
 import { ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
 import _sfc_main$1 from "./PopoverMenu.vue.js";
 const _hoisted_1 = { class: "jky-page-header__container" };
@@ -96,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       var _a, _b, _c, _d;
       return openBlock(), createElementBlock("header", {
         class: "jky-page-header",
-        style: normalizeStyle([unref(backgroundStyle), { height: unref(heightValue) }])
+        style: normalizeStyle([backgroundStyle.value, { height: heightValue.value }])
       }, [
         createElementVNode("div", _hoisted_1, [
           __props.showPopover && ((_b = (_a = __props.popover) == null ? void 0 : _a.menus) == null ? void 0 : _b.length) ? (openBlock(), createBlock(_sfc_main$1, normalizeProps(mergeProps({ key: 0 }, __props.popover)), null, 16)) : createCommentVNode("", true),

package/dist/es/page-header/PopoverMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, normalizeClass, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, createBlock, normalizeClass, createCommentVNode, toDisplayString } from "vue";
 import { ElPopover, ElButton } from "element-plus";
 const _hoisted_1 = {
   key: 0,
@@ -59,7 +59,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: item.value,
                   disabled: item.disabled,
                   class: normalizeClass(["w-fit! h-fit! ml-0!", [__props.elButtonClass, item.elButtonClass]]),
-                  type: unref(popoverIndex) === item.value ? "primary" : __props.elButtonType || "default",
+                  type: popoverIndex.value === item.value ? "primary" : __props.elButtonType || "default",
                   onClick: ($event) => onPopoverButtonClick(item)
                 }, {
                   default: withCtx(() => [

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

@@ -1,36 +1,16 @@
 import { PageLayoutProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        menuHeader?(_: {}): any;
-        aside?(_: {}): any;
-        aside?(_: {}): any;
-        navigationHeader?(_: {}): any;
-        navigation?(_: {}): any;
-        navigation?(_: {}): any;
-        header?(_: {}): any;
-        tabs?(_: {}): any;
-        dashboard?(_: {}): any;
-        dashboard?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {
-            height: any;
-        }): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
+declare const _default: import('vue').DefineComponent<PageLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageLayoutProps> & Readonly<{}>, {
+    cachable: boolean;
+    showTopMenu: boolean;
+    showSideMenu: boolean;
+    asideWidth: string;
     asideWithScrollbar: boolean;
+    mainWithCard: boolean;
     mainWithScrollbar: boolean;
-    navigationWithScrollbar: boolean;
-    showNavigation: boolean;
+    transitionName: string;
+    tabsWithCard: boolean;
+    cardPadding: string;
+    topMenuTrigger: "hover" | "click";
+    topMenuSingleLevel: boolean;
 }, {}, {}, {}, 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;
-    };
-};