@opendesign-plus/components 0.0.1-rc.94 → 0.0.1-rc.96

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

@@ -12,6 +12,8 @@ type __VLS_Props = {
     prev?: OArticlePaginationItemT | null;
     /** 下一篇（可选），透传给 OArticlePagination */
     next?: OArticlePaginationItemT | null;
+    /** 标题模式：'article' 渲染文章标题（标题 + 标签），'doc' 渲染文档标题卡片（DocTitle），默认 'article' */
+    type?: 'article' | 'doc';
     /** 透传给 OMarkdown：禁用 H2 增强 */
     disableH2?: boolean;
     /** 透传给 OMarkdown：禁用表格增强 */
@@ -22,18 +24,18 @@ type __VLS_Props = {
     disableCode?: boolean;
     /** 标题头部展示的更新时间（可选），与标签两端对齐，文案前缀取 i18n `md.updateTime` */
     updateTime?: string;
-    /** 透传给 OMarkdown：正文容器类名 */
-    markdownBodyClass?: string;
-    /** 是否移除正文首个元素的上边距（o-markdown-body 内第一个 div 的首个元素，常用于正文首元素为标题时消除顶部空隙），默认 true */
-    removeFirstTopMargin?: boolean;
-    /** 是否自动隐藏正文中的第一个 h1（该 h1 通常与标题重复，作为页面标题展示），默认 true */
-    autoHideFirstH1?: boolean;
+    /** 透传给 DocTitle（type='doc'）：源码链接地址，未传不展示 */
+    sourceUrl?: string;
+    /** 透传给 DocTitle（type='doc'）：是否展示「下载文档」操作，点击触发 download 事件 */
+    enableDownload?: boolean;
+    /** 透传给 DocTitle（type='doc'）：是否展示「收藏文档」操作，点击触发 collect 事件 */
+    enableStar?: boolean;
+    /** 透传给 DocTitle（type='doc'）：是否展示「复制链接」操作，点击复制当前页面链接 */
+    enableCopyLink?: boolean;
     /** 透传给 OArticlePagination：上一篇文案，留空取 i18n 默认值 */
     prevLabel?: string;
     /** 透传给 OArticlePagination：下一篇文案，留空取 i18n 默认值 */
     nextLabel?: string;
-    /** 透传给 OArticlePagination：是否显示顶部分割线 */
-    divider?: boolean;
     /** 圆角 */
     radius?: string;
 };
@@ -42,28 +44,208 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        markdownRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly disableH2?: boolean | undefined;
+                readonly disableTable?: boolean | undefined;
+                readonly disableImg?: boolean | undefined;
+                readonly disableCode?: boolean | undefined;
+                readonly disableChangeCodeTheme?: boolean | undefined;
+                readonly markdownBodyClass?: string | undefined;
+                readonly hideFirstH1?: boolean | 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;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                markdownBodyRef: HTMLDivElement;
+            };
+            $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<{
+                disableH2?: boolean;
+                disableTable?: boolean;
+                disableImg?: boolean;
+                disableCode?: boolean;
+                disableChangeCodeTheme?: boolean;
+                markdownBodyClass?: string;
+                hideFirstH1?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+                disableChangeCodeTheme: boolean;
+                disableH2: boolean;
+                disableTable: boolean;
+                disableImg: boolean;
+                disableCode: boolean;
+                markdownBodyClass: string;
+                hideFirstH1: 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<{
+            disableChangeCodeTheme: boolean;
+            disableH2: boolean;
+            disableTable: boolean;
+            disableImg: boolean;
+            disableCode: boolean;
+            markdownBodyClass: string;
+            hideFirstH1: boolean;
+        }> & Omit<Readonly<{
+            disableH2?: boolean;
+            disableTable?: boolean;
+            disableImg?: boolean;
+            disableCode?: boolean;
+            disableChangeCodeTheme?: boolean;
+            markdownBodyClass?: string;
+            hideFirstH1?: boolean;
+        }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: {
+                header?(_: {
+                    h1: HTMLElement | undefined;
+                }): any;
+                default?(_: {}): any;
+                footer?(_: {}): any;
+            };
+        }) | null;
+    };
     rootEl: HTMLDivElement;
 };
 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: OArticlePaginationItemT) => any;
+    download: () => any;
+    collect: () => any;
 }, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onNavigate?: ((type: "prev" | "next", item: OArticlePaginationItemT) => any) | undefined;
+    onDownload?: (() => any) | undefined;
+    onCollect?: (() => any) | undefined;
 }>, {
+    type: "article" | "doc";
     disableH2: boolean;
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
-    markdownBodyClass: string;
     prev: OArticlePaginationItemT | null;
     next: OArticlePaginationItemT | null;
-    divider: boolean;
     radius: string;
     tags: string[];
-    removeFirstTopMargin: boolean;
-    autoHideFirstH1: boolean;
-}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    enableDownload: boolean;
+    enableStar: boolean;
+    enableCopyLink: boolean;
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    markdownRef: ({
+        $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly disableH2?: boolean | undefined;
+            readonly disableTable?: boolean | undefined;
+            readonly disableImg?: boolean | undefined;
+            readonly disableCode?: boolean | undefined;
+            readonly disableChangeCodeTheme?: boolean | undefined;
+            readonly markdownBodyClass?: string | undefined;
+            readonly hideFirstH1?: boolean | 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;
+        $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            markdownBodyRef: HTMLDivElement;
+        };
+        $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<{
+            disableH2?: boolean;
+            disableTable?: boolean;
+            disableImg?: boolean;
+            disableCode?: boolean;
+            disableChangeCodeTheme?: boolean;
+            markdownBodyClass?: string;
+            hideFirstH1?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+            disableChangeCodeTheme: boolean;
+            disableH2: boolean;
+            disableTable: boolean;
+            disableImg: boolean;
+            disableCode: boolean;
+            markdownBodyClass: string;
+            hideFirstH1: 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<{
+        disableChangeCodeTheme: boolean;
+        disableH2: boolean;
+        disableTable: boolean;
+        disableImg: boolean;
+        disableCode: boolean;
+        markdownBodyClass: string;
+        hideFirstH1: boolean;
+    }> & Omit<Readonly<{
+        disableH2?: boolean;
+        disableTable?: boolean;
+        disableImg?: boolean;
+        disableCode?: boolean;
+        disableChangeCodeTheme?: boolean;
+        markdownBodyClass?: string;
+        hideFirstH1?: boolean;
+    }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        $slots: {
+            header?(_: {
+                h1: HTMLElement | undefined;
+            }): any;
+            default?(_: {}): any;
+            footer?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,22 @@
+import { OMarkdownMaybeElementT } from '../../markdown/types';
+type __VLS_Props = {
+    /** 文章标题（可选），未传时使用 el 渲染 */
+    title?: string;
+    /** 标题 DOM 元素（可选），title 未传时渲染 el 的 outerHTML */
+    el?: OMarkdownMaybeElementT;
+    /** 标题头部背景图地址（可选），未传时不显示背景图 */
+    headerBg?: string;
+    /** 标签列表（可选），渲染为标题下方的 OTag 标签 */
+    tags?: string[];
+    /** 所属社区（可选），渲染为标签并置于标签列表首位，用垂直分隔线与其余标签隔开 */
+    community?: string;
+    /** 标题头部展示的更新时间（可选），与标签两端对齐，文案前缀取 i18n `md.updateTime` */
+    updateTime?: string;
+    /** 圆角 */
+    radius?: string;
+};
+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, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    radius: string;
+    tags: string[];
+}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/components/{markdown/components/MarkdownPageTitle.vue.d.ts → article/components/DocTitle.vue.d.ts}

@@ -1,12 +1,14 @@
 import { MaybeRefOrGetter } from '../../../../vue/dist/vue.esm-bundler.js';
-import { OMarkdownMaybeElementT } from '../types';
+import { OMarkdownMaybeElementT } from '../../markdown/types';
 type __VLS_Props = {
-    el: OMarkdownMaybeElementT;
+    el?: OMarkdownMaybeElementT;
+    title?: string;
     bgImage?: MaybeRefOrGetter<string>;
     sourceUrl?: MaybeRefOrGetter<string>;
     updateTime?: MaybeRefOrGetter<string>;
     enableDownload?: MaybeRefOrGetter<boolean>;
     enableStar?: MaybeRefOrGetter<boolean>;
+    enableCopyLink?: MaybeRefOrGetter<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, {
     download: () => any;
@@ -17,7 +19,6 @@ declare const _default: import('../../../../vue/dist/vue.esm-bundler.js').Define
 }>, {
     enableDownload: MaybeRefOrGetter<boolean>;
     enableStar: MaybeRefOrGetter<boolean>;
-}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
-    titleRef: HTMLDivElement;
-}, any>;
+    enableCopyLink: MaybeRefOrGetter<boolean>;
+}, {}, {}, {}, string, import('../../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -7,36 +7,129 @@ declare const OArticle: {
         community?: string;
         prev?: import('../article-pagination').OArticlePaginationItemT | null;
         next?: import('../article-pagination').OArticlePaginationItemT | null;
+        type?: "article" | "doc";
         disableH2?: boolean;
         disableTable?: boolean;
         disableImg?: boolean;
         disableCode?: boolean;
         updateTime?: string;
-        markdownBodyClass?: string;
-        removeFirstTopMargin?: boolean;
-        autoHideFirstH1?: boolean;
+        sourceUrl?: string;
+        enableDownload?: boolean;
+        enableStar?: boolean;
+        enableCopyLink?: boolean;
         prevLabel?: string;
         nextLabel?: string;
-        divider?: boolean;
         radius?: string;
     }> & Readonly<{
         onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
+        onDownload?: (() => any) | undefined;
+        onCollect?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
         navigate: (type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any;
+        download: () => any;
+        collect: () => any;
     }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
+        type: "article" | "doc";
         disableH2: boolean;
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
-        markdownBodyClass: string;
         prev: import('../article-pagination').OArticlePaginationItemT | null;
         next: import('../article-pagination').OArticlePaginationItemT | null;
-        divider: boolean;
         radius: string;
         tags: string[];
-        removeFirstTopMargin: boolean;
-        autoHideFirstH1: boolean;
-    }, 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, {
+        enableDownload: boolean;
+        enableStar: boolean;
+        enableCopyLink: boolean;
+    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
+        markdownRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly disableH2?: boolean | undefined;
+                readonly disableTable?: boolean | undefined;
+                readonly disableImg?: boolean | undefined;
+                readonly disableCode?: boolean | undefined;
+                readonly disableChangeCodeTheme?: boolean | undefined;
+                readonly markdownBodyClass?: string | undefined;
+                readonly hideFirstH1?: boolean | 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;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                markdownBodyRef: HTMLDivElement;
+            };
+            $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<{
+                disableH2?: boolean;
+                disableTable?: boolean;
+                disableImg?: boolean;
+                disableCode?: boolean;
+                disableChangeCodeTheme?: boolean;
+                markdownBodyClass?: string;
+                hideFirstH1?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {}, string, {
+                disableChangeCodeTheme: boolean;
+                disableH2: boolean;
+                disableTable: boolean;
+                disableImg: boolean;
+                disableCode: boolean;
+                markdownBodyClass: string;
+                hideFirstH1: 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<{
+            disableChangeCodeTheme: boolean;
+            disableH2: boolean;
+            disableTable: boolean;
+            disableImg: boolean;
+            disableCode: boolean;
+            markdownBodyClass: string;
+            hideFirstH1: boolean;
+        }> & Omit<Readonly<{
+            disableH2?: boolean;
+            disableTable?: boolean;
+            disableImg?: boolean;
+            disableCode?: boolean;
+            disableChangeCodeTheme?: boolean;
+            markdownBodyClass?: string;
+            hideFirstH1?: boolean;
+        }> & Readonly<{}>, "disableChangeCodeTheme" | "disableH2" | "disableTable" | "disableImg" | "disableCode" | "markdownBodyClass" | "hideFirstH1"> & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: {
+                header?(_: {
+                    h1: HTMLElement | undefined;
+                }): any;
+                default?(_: {}): any;
+                footer?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -50,33 +143,36 @@ declare const OArticle: {
         community?: string;
         prev?: import('../article-pagination').OArticlePaginationItemT | null;
         next?: import('../article-pagination').OArticlePaginationItemT | null;
+        type?: "article" | "doc";
         disableH2?: boolean;
         disableTable?: boolean;
         disableImg?: boolean;
         disableCode?: boolean;
         updateTime?: string;
-        markdownBodyClass?: string;
-        removeFirstTopMargin?: boolean;
-        autoHideFirstH1?: boolean;
+        sourceUrl?: string;
+        enableDownload?: boolean;
+        enableStar?: boolean;
+        enableCopyLink?: boolean;
         prevLabel?: string;
         nextLabel?: string;
-        divider?: boolean;
         radius?: string;
     }> & Readonly<{
         onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
+        onDownload?: (() => any) | undefined;
+        onCollect?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
+        type: "article" | "doc";
         disableH2: boolean;
         disableTable: boolean;
         disableImg: boolean;
         disableCode: boolean;
-        markdownBodyClass: string;
         prev: import('../article-pagination').OArticlePaginationItemT | null;
         next: import('../article-pagination').OArticlePaginationItemT | null;
-        divider: boolean;
         radius: string;
         tags: string[];
-        removeFirstTopMargin: boolean;
-        autoHideFirstH1: boolean;
+        enableDownload: boolean;
+        enableStar: boolean;
+        enableCopyLink: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -88,35 +184,40 @@ declare const OArticle: {
     community?: string;
     prev?: import('../article-pagination').OArticlePaginationItemT | null;
     next?: import('../article-pagination').OArticlePaginationItemT | null;
+    type?: "article" | "doc";
     disableH2?: boolean;
     disableTable?: boolean;
     disableImg?: boolean;
     disableCode?: boolean;
     updateTime?: string;
-    markdownBodyClass?: string;
-    removeFirstTopMargin?: boolean;
-    autoHideFirstH1?: boolean;
+    sourceUrl?: string;
+    enableDownload?: boolean;
+    enableStar?: boolean;
+    enableCopyLink?: boolean;
     prevLabel?: string;
     nextLabel?: string;
-    divider?: boolean;
     radius?: string;
 }> & Readonly<{
     onNavigate?: ((type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any) | undefined;
+    onDownload?: (() => any) | undefined;
+    onCollect?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
     navigate: (type: "prev" | "next", item: import('../article-pagination').OArticlePaginationItemT) => any;
+    download: () => any;
+    collect: () => any;
 }, string, {
+    type: "article" | "doc";
     disableH2: boolean;
     disableTable: boolean;
     disableImg: boolean;
     disableCode: boolean;
-    markdownBodyClass: string;
     prev: import('../article-pagination').OArticlePaginationItemT | null;
     next: import('../article-pagination').OArticlePaginationItemT | null;
-    divider: boolean;
     radius: string;
     tags: string[];
-    removeFirstTopMargin: boolean;
-    autoHideFirstH1: boolean;
+    enableDownload: boolean;
+    enableStar: boolean;
+    enableCopyLink: 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 & (new () => {
     $slots: {
         default?(_: {}): any;

package/dist/components/doc-layout/ODocLayout.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    collapsed?: boolean;
+    hasRight?: boolean;
+    hasFloat?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'header-title'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        left?(_: {}): any;
+        content?(_: {}): any;
+        right?(_: {}): any;
+        float?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+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, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    hasRight: boolean;
+    hasFloat: boolean;
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, 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/doc-layout/index.d.ts

@@ -0,0 +1,59 @@
+import { App } from '../../../vue/dist/vue.esm-bundler.js';
+declare const ODocLayout: {
+    new (...args: any[]): import('../../../vue/dist/vue.esm-bundler.js').CreateComponentPublicInstanceWithMixins<Readonly<{
+        collapsed?: boolean;
+        hasRight?: boolean;
+        hasFloat?: boolean;
+    }> & Readonly<{
+        "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+        "update:collapsed": (value: boolean) => any;
+    }, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, {
+        hasRight: boolean;
+        hasFloat: boolean;
+    }, false, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, {
+        containerRef: HTMLDivElement;
+    }, HTMLDivElement, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        collapsed?: boolean;
+        hasRight?: boolean;
+        hasFloat?: boolean;
+    }> & Readonly<{
+        "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        hasRight: boolean;
+        hasFloat: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<{
+    collapsed?: boolean;
+    hasRight?: boolean;
+    hasFloat?: boolean;
+}> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, {
+    hasRight: boolean;
+    hasFloat: 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 & (new () => {
+    $slots: {
+        'header-title'?(_: {}): any;
+        'header-right'?(_: {}): any;
+        left?(_: {}): any;
+        content?(_: {}): any;
+        right?(_: {}): any;
+        float?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { ODocLayout };