@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.88

package/dist/components/article/OArticle.vue.d.ts

@@ -1,4 +1,4 @@
-import { OMarkdownPaginationItemT } from '../markdown/types';
+import { OArticlePaginationItemT } from '../article-pagination/types';
 type __VLS_Props = {
     /** 文章标题（必填） */
     title: string;
@@ -8,10 +8,10 @@ type __VLS_Props = {
     tags?: string[];
     /** 所属社区（可选），渲染为标签并置于标签列表首位，用垂直分隔线与其余标签隔开 */
     community?: string;
-    /** 上一篇（可选），透传给 OMarkdownPagination */
-    prev?: OMarkdownPaginationItemT | null;
-    /** 下一篇（可选），透传给 OMarkdownPagination */
-    next?: OMarkdownPaginationItemT | null;
+    /** 上一篇（可选），透传给 OArticlePagination */
+    prev?: OArticlePaginationItemT | null;
+    /** 下一篇（可选），透传给 OArticlePagination */
+    next?: OArticlePaginationItemT | null;
     /** 透传给 OMarkdown：禁用 H2 增强 */
     disableH2?: boolean;
     /** 透传给 OMarkdown：禁用表格增强 */
@@ -28,11 +28,11 @@ type __VLS_Props = {
     removeFirstTopMargin?: boolean;
     /** 是否自动隐藏正文中的第一个 h1（该 h1 通常与标题重复，作为页面标题展示），默认 true */
     autoHideFirstH1?: boolean;
-    /** 透传给 OMarkdownPagination：上一篇文案，留空取 i18n 默认值 */
+    /** 透传给 OArticlePagination：上一篇文案，留空取 i18n 默认值 */
     prevLabel?: string;
-    /** 透传给 OMarkdownPagination：下一篇文案，留空取 i18n 默认值 */
+    /** 透传给 OArticlePagination：下一篇文案，留空取 i18n 默认值 */
     nextLabel?: string;
-    /** 透传给 OMarkdownPagination：是否显示顶部分割线 */
+    /** 透传给 OArticlePagination：是否显示顶部分割线 */
     divider?: boolean;
     /** 圆角 */
     radius?: string;
@@ -47,17 +47,17 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
-    navigate: (type: "prev" | "next", item: OMarkdownPaginationItemT) => any;
+    navigate: (type: "prev" | "next", item: OArticlePaginationItemT) => any;
 }, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: OMarkdownPaginationItemT) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: OArticlePaginationItemT) => any) | undefined;
 }>, {
     disableH2: boolean;
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
     markdownBodyClass: string;
-    prev: OMarkdownPaginationItemT | null;
-    next: OMarkdownPaginationItemT | null;
+    prev: OArticlePaginationItemT | null;
+    next: OArticlePaginationItemT | null;
     divider: boolean;
     radius: string;
     tags: string[];

package/dist/components/article/OArticleList.vue.d.ts

@@ -0,0 +1,54 @@
+import { ArticleItemT, ArticleListPropsT } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 筛选条件区，不传时不渲染筛选区块 */
+        filter?: () => any;
+        /** 列表项卡片自定义渲染（栅格布局、分页逻辑仍由组件内部处理），插槽参数为当前项数据、索引与解析后的封面；不传时渲染内置 OCard */
+        card?: (props: {
+            item: ArticleItemT;
+            index: number;
+            cover?: string;
+        }) => any;
+        /** 空状态，列表为空时展示 */
+        empty?: () => any;
+    }> & {
+        /** 筛选条件区，不传时不渲染筛选区块 */
+        filter?: () => any;
+        /** 列表项卡片自定义渲染（栅格布局、分页逻辑仍由组件内部处理），插槽参数为当前项数据、索引与解析后的封面；不传时渲染内置 OCard */
+        card?: (props: {
+            item: ArticleItemT;
+            index: number;
+            cover?: string;
+        }) => any;
+        /** 空状态，列表为空时展示 */
+        empty?: () => any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<ArticleListPropsT, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+    "page-change": (value: {
+        page: number;
+        pageSize: number;
+    }) => any;
+}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<ArticleListPropsT> & Readonly<{
+    "onPage-change"?: ((value: {
+        page: number;
+        pageSize: number;
+    }) => any) | undefined;
+}>, {
+    data: ArticleItemT[];
+    pageSizes: number[];
+    pageSize: number;
+    defaultCovers: string[];
+    mobileLayout: "h" | "v";
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').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/components/article/index.d.ts

@@ -5,8 +5,8 @@ declare const OArticle: {
         headerBg?: string;
         tags?: string[];
         community?: string;
-        prev?: import('../../index').OMarkdownPaginationItemT | null;
-        next?: import('../../index').OMarkdownPaginationItemT | null;
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
         disableH2?: boolean;
         disableTable?: boolean;
         disableImg?: boolean;
@@ -20,17 +20,17 @@ declare const OArticle: {
         divider?: boolean;
         radius?: string;
     }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
     }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
-        navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
+        navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
     }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
         disableH2: boolean;
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
         markdownBodyClass: string;
-        prev: import('../../index').OMarkdownPaginationItemT | null;
-        next: import('../../index').OMarkdownPaginationItemT | null;
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
         divider: boolean;
         radius: string;
         tags: string[];
@@ -48,8 +48,8 @@ declare const OArticle: {
         headerBg?: string;
         tags?: string[];
         community?: string;
-        prev?: import('../../index').OMarkdownPaginationItemT | null;
-        next?: import('../../index').OMarkdownPaginationItemT | null;
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
         disableH2?: boolean;
         disableTable?: boolean;
         disableImg?: boolean;
@@ -63,15 +63,15 @@ declare const OArticle: {
         divider?: boolean;
         radius?: string;
     }> & Readonly<{
-        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disableH2: boolean;
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
         markdownBodyClass: string;
-        prev: import('../../index').OMarkdownPaginationItemT | null;
-        next: import('../../index').OMarkdownPaginationItemT | null;
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
         divider: boolean;
         radius: string;
         tags: string[];
@@ -86,8 +86,8 @@ declare const OArticle: {
     headerBg?: string;
     tags?: string[];
     community?: string;
-    prev?: import('../../index').OMarkdownPaginationItemT | null;
-    next?: import('../../index').OMarkdownPaginationItemT | null;
+    prev?: import('../../index').OArticlePaginationItemT | null;
+    next?: import('../../index').OArticlePaginationItemT | null;
     disableH2?: boolean;
     disableTable?: boolean;
     disableImg?: boolean;
@@ -101,17 +101,17 @@ declare const OArticle: {
     divider?: boolean;
     radius?: string;
 }> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
 }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
-    navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
+    navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
 }, string, {
     disableH2: boolean;
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
     markdownBodyClass: string;
-    prev: import('../../index').OMarkdownPaginationItemT | null;
-    next: import('../../index').OMarkdownPaginationItemT | null;
+    prev: import('../../index').OArticlePaginationItemT | null;
+    next: import('../../index').OArticlePaginationItemT | null;
     divider: boolean;
     radius: string;
     tags: string[];
@@ -124,4 +124,81 @@ declare const OArticle: {
 }) & {
     install(app: App): void;
 };
-export { OArticle };
+declare const OArticleList: {
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ArticleListPropsT> & Readonly<{
+        "onPage-change"?: ((value: {
+            page: number;
+            pageSize: number;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+        "page-change": (value: {
+            page: number;
+            pageSize: number;
+        }) => any;
+    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
+        data: import('../../index').ArticleItemT[];
+        pageSizes: number[];
+        pageSize: number;
+        defaultCovers: string[];
+        mobileLayout: "h" | "v";
+    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').ArticleListPropsT> & Readonly<{
+        "onPage-change"?: ((value: {
+            page: number;
+            pageSize: number;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        data: import('../../index').ArticleItemT[];
+        pageSizes: number[];
+        pageSize: number;
+        defaultCovers: string[];
+        mobileLayout: "h" | "v";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../index').ArticleListPropsT> & Readonly<{
+    "onPage-change"?: ((value: {
+        page: number;
+        pageSize: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+    "page-change": (value: {
+        page: number;
+        pageSize: number;
+    }) => any;
+}, string, {
+    data: import('../../index').ArticleItemT[];
+    pageSizes: number[];
+    pageSize: number;
+    defaultCovers: string[];
+    mobileLayout: "h" | "v";
+}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        filter?: () => any;
+        card?: (props: {
+            item: import('../../index').ArticleItemT;
+            index: number;
+            cover?: string;
+        }) => any;
+        empty?: () => any;
+    }> & {
+        filter?: () => any;
+        card?: (props: {
+            item: import('../../index').ArticleItemT;
+            index: number;
+            cover?: string;
+        }) => any;
+        empty?: () => any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OArticle, OArticleList };
+export * from './types';

package/dist/components/article/types.d.ts

@@ -0,0 +1,26 @@
+import { Component } from '../../../vue/dist/vue.esm-bundler.js';
+/** 文章类型标签（卡片详情区顶部展示） */
+export interface ArticleTagT {
+    label: string;
+    icon?: Component;
+}
+/** 文章列表项（新闻/博客通用） */
+export interface ArticleItemT {
+    title: string;
+    description?: string;
+    cover?: string;
+    href?: string;
+    date?: string;
+    author?: string | string[];
+    location?: string;
+    tag?: ArticleTagT;
+    [key: string]: any;
+}
+export interface ArticleListPropsT {
+    data: ArticleItemT[];
+    pageSize?: number;
+    pageSizes?: number[];
+    defaultCovers?: string[];
+    emptyImg?: string;
+    mobileLayout?: 'h' | 'v';
+}

package/dist/components/{markdown/OMarkdownPagination.vue.d.ts → article-pagination/OArticlePagination.vue.d.ts}

@@ -1,22 +1,24 @@
-import { OMarkdownPaginationItemT } from './types';
+import { OArticlePaginationItemT } from './types';
 type __VLS_Props = {
-    prev?: OMarkdownPaginationItemT | null;
-    next?: OMarkdownPaginationItemT | null;
+    prev?: OArticlePaginationItemT | null;
+    next?: OArticlePaginationItemT | null;
     prevLabel?: string;
     nextLabel?: string;
     divider?: boolean;
     radius?: string;
+    preventDefault?: boolean;
 };
 declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-    navigate: (type: "prev" | "next", item: OMarkdownPaginationItemT) => any;
+    navigate: (type: "prev" | "next", item: OArticlePaginationItemT) => any;
 }, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: OMarkdownPaginationItemT) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: OArticlePaginationItemT) => any) | undefined;
 }>, {
-    prev: OMarkdownPaginationItemT | null;
-    next: OMarkdownPaginationItemT | null;
+    prev: OArticlePaginationItemT | null;
+    next: OArticlePaginationItemT | null;
     prevLabel: string;
     nextLabel: string;
     divider: boolean;
     radius: string;
+    preventDefault: boolean;
 }, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/article-pagination/index.d.ts

@@ -0,0 +1,76 @@
+import { App } from '../../../vue/dist/vue.esm-bundler.js';
+declare const OArticlePagination: {
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<{
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+        preventDefault?: boolean;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+        navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
+    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
+        prevLabel: string;
+        nextLabel: string;
+        divider: boolean;
+        radius: string;
+        preventDefault: boolean;
+    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, any, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        prev?: import('../../index').OArticlePaginationItemT | null;
+        next?: import('../../index').OArticlePaginationItemT | null;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+        preventDefault?: boolean;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        prev: import('../../index').OArticlePaginationItemT | null;
+        next: import('../../index').OArticlePaginationItemT | null;
+        prevLabel: string;
+        nextLabel: string;
+        divider: boolean;
+        radius: string;
+        preventDefault: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<{
+    prev?: import('../../index').OArticlePaginationItemT | null;
+    next?: import('../../index').OArticlePaginationItemT | null;
+    prevLabel?: string;
+    nextLabel?: string;
+    divider?: boolean;
+    radius?: string;
+    preventDefault?: boolean;
+}> & Readonly<{
+    onNavigate?: ((type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any) | undefined;
+}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
+    navigate: (type: "prev" | "next", item: import('../../index').OArticlePaginationItemT) => any;
+}, string, {
+    prev: import('../../index').OArticlePaginationItemT | null;
+    next: import('../../index').OArticlePaginationItemT | null;
+    prevLabel: string;
+    nextLabel: string;
+    divider: boolean;
+    radius: string;
+    preventDefault: boolean;
+}, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps & {
+    install(app: App): void;
+};
+export * from './types';
+export { OArticlePagination };

package/dist/components/article-pagination/types.d.ts

@@ -0,0 +1,4 @@
+export interface OArticlePaginationItemT {
+    title?: string;
+    url?: string;
+}

package/dist/components/header/components/HeaderNav.vue.d.ts

@@ -16,7 +16,10 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    headerNavRef: HTMLDivElement;
     navRef: HTMLDivElement;
     navListRef: HTMLUListElement;
+    navStartRef: HTMLLIElement;
+    navEndRef: HTMLLIElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/header-user/OHeaderUser.vue.d.ts

@@ -35,5 +35,92 @@ declare const _default: import('../../../vue/dist/vue.esm-bundler.js').DefineCom
     simple: boolean;
     itemRadius: number;
     customSize: number;
-}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    headerUserRef: HTMLDivElement;
+    userNameRef: HTMLParagraphElement;
+    userIconRef: ({
+        $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<{
+            readonly loading: boolean;
+            readonly disabled: boolean;
+            readonly button: boolean;
+            readonly icon?: import('../../../vue/dist/vue.esm-bundler.js').Component<any, any, any, import('../../../vue/dist/vue.esm-bundler.js').ComputedOptions, import('../../../vue/dist/vue.esm-bundler.js').MethodOptions, {}, any> | undefined;
+        } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "loading" | "disabled" | "button">;
+        $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+        }>;
+        $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            icon: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+    } & Readonly<{
+        button: boolean;
+        disabled: boolean;
+        loading: boolean;
+    }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+        icon: {
+            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+        };
+        button: {
+            type: BooleanConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 export default _default;

package/dist/components/header-user/index.d.ts

@@ -10,7 +10,94 @@ declare const OHeaderUser: {
         simple: boolean;
         itemRadius: number;
         customSize: number;
-    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {}, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
+        headerUserRef: HTMLDivElement;
+        userNameRef: HTMLParagraphElement;
+        userIconRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }> & Omit<{
+                readonly loading: boolean;
+                readonly disabled: boolean;
+                readonly button: boolean;
+                readonly icon?: import('../../../vue/dist/vue.esm-bundler.js').Component<any, any, any, import('../../../vue/dist/vue.esm-bundler.js').ComputedOptions, import('../../../vue/dist/vue.esm-bundler.js').MethodOptions, {}, any> | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "loading" | "disabled" | "button">;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            }>;
+            $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                icon: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+                };
+                button: {
+                    type: BooleanConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').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/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+        } & Readonly<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            icon: {
+                type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('../../../vue/dist/vue.esm-bundler.js').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};