jky-component-lib 0.0.36 → 0.0.37

package/dist/es/package.json.js

@@ -1,4 +1,4 @@
-const version = "0.0.36";
+const version = "0.0.37";
 export {
   version
 };

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

@@ -1,51 +1,4 @@
-import { ButtonType } from 'element-plus';
-import { TooltipTriggerType } from 'element-plus/es/components/tooltip';
-import { Arrayable } from 'element-plus/es/utils';
-type __VLS_Props = {
-    logo?: string;
-    title?: string;
-    height?: string | number;
-    background?: string;
-    backgroundImage?: string;
-    statusIcons?: StatusIcon[];
-    userName?: string;
-    userAvatar?: string;
-    /**
-     * 最左侧菜单按钮弹出窗里的内容
-     */
-    popover?: {
-        menus?: PopoverMenuItem[];
-        buttonClass?: string;
-        elButtonClass?: string;
-        elButtonType?: ButtonType;
-        width?: number;
-        trigger?: Arrayable<TooltipTriggerType>;
-        highlightCurrent?: boolean;
-    };
-    showLogout?: boolean;
-    userDropdownItems?: UserDropdonItem[];
-};
-interface PopoverMenuItem {
-    label: string;
-    value: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    icon?: string;
-    elButtonClass?: string;
-}
-interface UserDropdonItem {
-    label: string;
-    value: string;
-    icon?: string;
-    disabled?: boolean;
-    divided?: boolean;
-}
-interface StatusIcon {
-    icon: string | object;
-    label: string;
-    color?: string;
-    onClick?: () => void;
-}
+import { PageHeaderProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -57,16 +10,16 @@ declare function __VLS_template(): {
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+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<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<PageHeaderProps> & Readonly<{
     onCommand?: ((command: string) => any) | undefined;
     onLogout?: (() => any) | undefined;
 }>, {
     height: string | number;
-    statusIcons: StatusIcon[];
-    userDropdownItems: UserDropdonItem[];
+    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;

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

@@ -17,35 +17,30 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeClass, createCommentVNode, toDisplayString, renderSlot, resolveDynamicComponent, createTextVNode } from "vue";
-import { ElPopover, ElButton, ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createBlock, normalizeProps, mergeProps, createCommentVNode, toDisplayString, renderSlot, Fragment, renderList, normalizeClass, 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" };
-const _hoisted_2 = {
-  key: 0,
-  class: "jky-page-header__popover mr-2 h-full flex items-center text-white"
-};
-const _hoisted_3 = { class: "grid grid-cols-3 gap-2 p-2" };
-const _hoisted_4 = { class: "text-sm text-center" };
-const _hoisted_5 = { class: "jky-page-header__left" };
-const _hoisted_6 = ["src", "alt"];
-const _hoisted_7 = {
+const _hoisted_2 = { class: "jky-page-header__left" };
+const _hoisted_3 = ["src", "alt"];
+const _hoisted_4 = {
   key: 1,
   class: "jky-page-header__title"
 };
-const _hoisted_8 = { class: "jky-page-header__center" };
-const _hoisted_9 = { class: "jky-page-header__right" };
-const _hoisted_10 = { class: "jky-page-header__status-icons hidden md:flex" };
-const _hoisted_11 = {
+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 = {
   xmlns: "http://www.w3.org/2000/svg",
   style: { "color": "white" },
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
 };
-const _hoisted_12 = { class: "jky-page-header__time hidden md:block" };
-const _hoisted_13 = { class: "jky-page-header__user" };
-const _hoisted_14 = ["src", "alt"];
-const _hoisted_15 = {
+const _hoisted_9 = { class: "jky-page-header__time hidden md:block" };
+const _hoisted_10 = { class: "jky-page-header__user" };
+const _hoisted_11 = ["src", "alt"];
+const _hoisted_12 = {
   key: 0,
   class: "jky-page-header__username text-base hidden md:block"
 };
@@ -63,6 +58,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     userName: {},
     userAvatar: {},
     popover: {},
+    showMore: { type: Boolean },
+    showPopover: { type: Boolean },
     showLogout: { type: Boolean },
     userDropdownItems: { default: () => [
       { label: "个人信息", value: "profile", icon: "icon-[heroicons--user]" },
@@ -74,22 +71,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const popover = computed(() => __spreadValues({
-      menus: [],
-      buttonClass: "w-20 h-20",
-      elButtonClass: "",
-      width: 400,
-      trigger: "click",
-      highlightCurrent: true
-    }, props.popover));
-    const popoverIndex = ref("");
-    function onPopoverButtonClick(item) {
-      var _a;
-      if (popover.value.highlightCurrent) {
-        popoverIndex.value = item.value;
-      }
-      (_a = item.onClick) == null ? void 0 : _a.call(item);
-    }
     function handleCommand(command) {
       emit("command", command);
     }
@@ -112,66 +93,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       return style;
     });
     return (_ctx, _cache) => {
-      var _a;
+      var _a, _b, _c, _d;
       return openBlock(), createElementBlock("header", {
         class: "jky-page-header",
-        style: normalizeStyle([backgroundStyle.value, { height: heightValue.value }])
+        style: normalizeStyle([unref(backgroundStyle), { height: unref(heightValue) }])
       }, [
         createElementVNode("div", _hoisted_1, [
-          ((_a = popover.value.menus) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createVNode(unref(ElPopover), {
-              title: "菜单",
-              placement: "bottom-start",
-              class: "h-full",
-              trigger: popover.value.trigger,
-              width: popover.value.width
-            }, {
-              reference: withCtx(() => [..._cache[1] || (_cache[1] = [
-                createElementVNode("span", { class: "icon-[ant-design--menu-fold-outlined] text-[white] text-2xl cursor-pointer hover:opacity-80" }, null, -1)
-              ])]),
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(popover.value.menus, (item) => {
-                    return openBlock(), createBlock(unref(ElButton), {
-                      key: item.value,
-                      disabled: item.disabled,
-                      class: normalizeClass(["w-fit! h-fit! ml-0!", [popover.value.elButtonClass, item.elButtonClass]]),
-                      type: unref(popoverIndex) === item.value ? "primary" : popover.value.elButtonType || "default",
-                      onClick: ($event) => onPopoverButtonClick(item)
-                    }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: normalizeClass(["jky-page-header__popover-inner flex flex-col justify-around items-center", popover.value.buttonClass])
-                        }, [
-                          item.icon ? (openBlock(), createElementBlock("span", {
-                            key: 0,
-                            class: normalizeClass(["text-xl mr-2", [item.icon]])
-                          }, null, 2)) : createCommentVNode("", true),
-                          createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1)
-                        ], 2)
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "class", "type", "onClick"]);
-                  }), 128))
-                ])
-              ]),
-              _: 1
-            }, 8, ["trigger", "width"])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_5, [
+          __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),
+          createElementVNode("div", _hoisted_2, [
             __props.logo ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: __props.logo,
               alt: __props.title || "Logo",
               class: "jky-page-header__logo"
-            }, null, 8, _hoisted_6)) : createCommentVNode("", true),
-            __props.title ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
+            }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+            __props.title ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_8, [
+          createElementVNode("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "center")
           ]),
-          createElementVNode("div", _hoisted_9, [
-            createElementVNode("div", _hoisted_10, [
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.statusIcons, (icon, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
                   typeof icon.icon === "string" ? (openBlock(), createElementBlock("span", {
@@ -235,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                   class: "jky-page-header__status-icon text-white"
                 }, {
                   default: withCtx(() => [
-                    (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[2] || (_cache[2] = [
+                    (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[1] || (_cache[1] = [
                       createElementVNode("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
@@ -249,11 +191,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_9, [
               renderSlot(_ctx.$slots, "time", {}, () => [
                 createElementVNode("span", null, toDisplayString((/* @__PURE__ */ new Date()).toLocaleString("zh-CN")), 1)
               ])
             ]),
+            __props.showMore && ((_d = (_c = __props.popover) == null ? void 0 : _c.menus) == null ? void 0 : _d.length) ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
+              key: 1,
+              "ref-name": "更多",
+              "ref-icon-class": "icon-[mdi--format-list-bulleted]"
+            }, __props.popover), null, 16)) : createCommentVNode("", true),
             createVNode(unref(ElDropdown), {
               trigger: "hover",
               onCommand: handleCommand
@@ -282,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 })
               ]),
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_13, [
+                createElementVNode("div", _hoisted_10, [
                   renderSlot(_ctx.$slots, "userIcon", {}, () => [
                     __props.userAvatar ? (openBlock(), createBlock(unref(ElIcon), {
                       key: 0,
@@ -294,7 +241,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                           src: __props.userAvatar,
                           alt: __props.userName,
                           class: "rounded-full"
-                        }, null, 8, _hoisted_14)
+                        }, null, 8, _hoisted_11)
                       ]),
                       _: 1
                     })) : (openBlock(), createBlock(unref(ElIcon), {
@@ -302,22 +249,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                       size: 24,
                       class: "jky-page-header__avatar"
                     }, {
-                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
                         createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1)
                       ])]),
                       _: 1
                     }))
                   ]),
-                  __props.userName ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)
+                  __props.userName ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(__props.userName), 1)) : createCommentVNode("", true)
                 ])
               ]),
               _: 3
             }),
             __props.showLogout ? (openBlock(), createElementBlock("div", {
-              key: 1,
+              key: 2,
               class: "jky-page-header__logout h-full flex items-center text-white",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("logout"))
-            }, [..._cache[4] || (_cache[4] = [
+            }, [..._cache[3] || (_cache[3] = [
               createElementVNode("span", { class: "icon-[ri--logout-circle-line] mr-2" }, null, -1),
               createElementVNode("span", null, "退出登录", -1)
             ])])) : createCommentVNode("", true)

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

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

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

@@ -0,0 +1,89 @@
+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,
+  class: "jky-page-header__popover mr-2 h-full flex items-center text-white"
+};
+const _hoisted_2 = { class: "flex items-center" };
+const _hoisted_3 = {
+  key: 0,
+  class: "text-white ml-2"
+};
+const _hoisted_4 = { class: "grid grid-cols-3 gap-2 p-2" };
+const _hoisted_5 = { class: "text-sm text-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PopoverMenu",
+  props: {
+    refIconClass: {},
+    refName: {},
+    menus: { default: () => [] },
+    buttonClass: { default: "w-20 h-20" },
+    elButtonClass: {},
+    elButtonType: {},
+    width: { default: 400 },
+    trigger: { default: "click" },
+    highlightCurrent: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const popoverIndex = ref("");
+    function onPopoverButtonClick(item) {
+      var _a;
+      if (props.highlightCurrent) {
+        popoverIndex.value = item.value;
+      }
+      (_a = item.onClick) == null ? void 0 : _a.call(item);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return ((_a = __props.menus) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElPopover), {
+          title: "菜单",
+          placement: "bottom-start",
+          class: "h-full",
+          trigger: __props.trigger,
+          width: __props.width
+        }, {
+          reference: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("span", {
+                class: normalizeClass(["icon-[ant-design--menu-fold-outlined] text-[white] text-2xl cursor-pointer hover:opacity-80", __props.refIconClass])
+              }, null, 2),
+              __props.refName ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.refName), 1)) : createCommentVNode("", true)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (item) => {
+                return openBlock(), createBlock(unref(ElButton), {
+                  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",
+                  onClick: ($event) => onPopoverButtonClick(item)
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", {
+                      class: normalizeClass(["jky-page-header__popover-inner flex flex-col justify-around items-center", __props.buttonClass])
+                    }, [
+                      item.icon ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: normalizeClass(["text-xl mr-2", [item.icon]])
+                      }, null, 2)) : createCommentVNode("", true),
+                      createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1)
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "class", "type", "onClick"]);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["trigger", "width"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

package/dist/es/style.css

@@ -337,6 +337,10 @@
     margin-left: calc(var(--spacing) * 1);
   }
 
+  .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
+
   .icon-\[ant-design--menu-fold-outlined\] {
     width: 1em;
     height: 1em;
@@ -785,6 +789,22 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mdi--format-list-bulleted\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5h14v2H7zm0 8v-2h14v2zM4 4.5A1.5 1.5 0 0 1 5.5 6A1.5 1.5 0 0 1 4 7.5A1.5 1.5 0 0 1 2.5 6A1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12A1.5 1.5 0 0 1 4 13.5A1.5 1.5 0 0 1 2.5 12A1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2zm-3-2.5A1.5 1.5 0 0 1 5.5 18A1.5 1.5 0 0 1 4 19.5A1.5 1.5 0 0 1 2.5 18A1.5 1.5 0 0 1 4 16.5'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[ri--logout-circle-line\] {
     width: 1em;
     height: 1em;

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.36";
+const version = "0.0.37";
 exports.version = version;

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

@@ -1,51 +1,4 @@
-import { ButtonType } from 'element-plus';
-import { TooltipTriggerType } from 'element-plus/es/components/tooltip';
-import { Arrayable } from 'element-plus/es/utils';
-type __VLS_Props = {
-    logo?: string;
-    title?: string;
-    height?: string | number;
-    background?: string;
-    backgroundImage?: string;
-    statusIcons?: StatusIcon[];
-    userName?: string;
-    userAvatar?: string;
-    /**
-     * 最左侧菜单按钮弹出窗里的内容
-     */
-    popover?: {
-        menus?: PopoverMenuItem[];
-        buttonClass?: string;
-        elButtonClass?: string;
-        elButtonType?: ButtonType;
-        width?: number;
-        trigger?: Arrayable<TooltipTriggerType>;
-        highlightCurrent?: boolean;
-    };
-    showLogout?: boolean;
-    userDropdownItems?: UserDropdonItem[];
-};
-interface PopoverMenuItem {
-    label: string;
-    value: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    icon?: string;
-    elButtonClass?: string;
-}
-interface UserDropdonItem {
-    label: string;
-    value: string;
-    icon?: string;
-    disabled?: boolean;
-    divided?: boolean;
-}
-interface StatusIcon {
-    icon: string | object;
-    label: string;
-    color?: string;
-    onClick?: () => void;
-}
+import { PageHeaderProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -57,16 +10,16 @@ declare function __VLS_template(): {
     rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+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<__VLS_Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<PageHeaderProps> & Readonly<{
     onCommand?: ((command: string) => any) | undefined;
     onLogout?: (() => any) | undefined;
 }>, {
     height: string | number;
-    statusIcons: StatusIcon[];
-    userDropdownItems: UserDropdonItem[];
+    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;