@opendesign-plus/components 0.0.1-rc.93 → 0.0.1-rc.95

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/banner';
 export * from './components/brand';
 export * from './components/config-provider';
 export * from './components/cookie-notice';
+export * from './components/doc-layout';
 export * from './components/element-plus';
 export * from './components/empty';
 export * from './components/events';

package/dist/treeshaking/_virtual/icon-menu-fold.mjs

@@ -0,0 +1,20 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 32 32"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M4.026 6.040c0-0.516 0.418-0.934 0.933-0.934h22.074c0.515 0 0.933 0.418 0.933 0.934s-0.418 0.934-0.933 0.934h-22.074c-0.515 0-0.933-0.418-0.933-0.934zM27.507 16.596c0.365-0.365 0.365-0.956 0-1.32l-4-4c-0.364-0.365-0.955-0.365-1.32 0l-0.098 0.116c-0.263 0.365-0.23 0.876 0.098 1.204l3.341 3.34-3.341 3.34c-0.364 0.365-0.364 0.956 0 1.32s0.956 0.365 1.32 0l4-4zM4.96 11.773c-0.515 0-0.933 0.418-0.933 0.934s0.418 0.934 0.933 0.934h11.407c0.515 0 0.933-0.418 0.933-0.934s-0.418-0.934-0.933-0.934h-11.407zM4.026 19.374c0-0.516 0.418-0.934 0.933-0.934h11.407c0.515 0 0.933 0.418 0.933 0.934s-0.418 0.934-0.933 0.934h-11.407c-0.515 0-0.933-0.418-0.933-0.934zM4.96 25.107c-0.515 0-0.933 0.418-0.933 0.934s0.418 0.934 0.933 0.934h22.074c0.515 0 0.933-0.418 0.933-0.934s-0.418-0.934-0.933-0.934h-22.074z"
+    }, null, -1)
+  ])]);
+}
+const IconMenuFold = { name: "components-icon-menu-fold", render };
+export {
+  IconMenuFold as default
+};

package/dist/treeshaking/_virtual/icon-menu-unfold.mjs

@@ -0,0 +1,20 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 32 32"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M27.974 6.040c0-0.516-0.418-0.934-0.933-0.934h-22.074c-0.515 0-0.933 0.418-0.933 0.934s0.418 0.934 0.933 0.934h22.074c0.515 0 0.933-0.418 0.933-0.934zM4.493 16.596c-0.364-0.365-0.364-0.956 0-1.32l4-4c0.364-0.365 0.955-0.365 1.32 0l0.098 0.116c0.262 0.365 0.23 0.876-0.098 1.204l-3.341 3.34 3.341 3.34c0.364 0.365 0.364 0.956 0 1.32s-0.955 0.365-1.32 0l-4-4zM27.040 11.773c0.515 0 0.933 0.418 0.933 0.934s-0.418 0.934-0.933 0.934h-11.407c-0.515 0-0.933-0.418-0.933-0.934s0.418-0.934 0.933-0.934h11.407zM27.974 19.374c0-0.516-0.418-0.934-0.933-0.934h-11.407c-0.515 0-0.933 0.418-0.933 0.934s0.418 0.934 0.933 0.934h11.407c0.515 0 0.933-0.418 0.933-0.934zM27.040 25.107c0.515 0 0.933 0.418 0.933 0.934s-0.418 0.934-0.933 0.934h-22.074c-0.515 0-0.933-0.418-0.933-0.934s0.418-0.934 0.933-0.934h22.074z"
+    }, null, -1)
+  ])]);
+}
+const IconMenuUnfold = { name: "components-icon-menu-unfold", render };
+export {
+  IconMenuUnfold as default
+};

package/dist/treeshaking/components/activity/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OActivityForm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -292,7 +292,7 @@ declare const OActivityForm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+    }, Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
         onConfirm?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -301,7 +301,7 @@ declare const OActivityForm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityFormPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityFormPropsT> & Readonly<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -313,7 +313,7 @@ declare const OActivityForm: {
     install(app: App): void;
 };
 declare const OActivityApproval: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         formRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -597,15 +597,15 @@ declare const OActivityApproval: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').ActivityTablePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
 declare const OActivityMyCalendar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         edit: (...args: any[]) => void;
@@ -926,13 +926,13 @@ declare const OActivityMyCalendar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+    }, Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
         onEdit?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').MyActivityCalendarPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').MyActivityCalendarPropsT> & Readonly<{
     onEdit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     edit: (...args: any[]) => void;

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue.d.ts

@@ -13,9 +13,9 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AnchorBarPropsT, {
     isSticky: import('vue').Ref<boolean, boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AnchorBarPropsT> & Readonly<{}>, {
-    mode: import('./types').AnchorBarModeT;
+    mode: import('../../index').AnchorBarModeT;
     mobileFixed: boolean;
-    items: import('./types').AnchorBarItemT[];
+    items: import('../../index').AnchorBarItemT[];
     targetOffset: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     sentinelRef: HTMLDivElement;

package/dist/treeshaking/components/anchor-bar/index.d.ts

@@ -1,11 +1,11 @@
 import { App } from 'vue';
 declare const OAnchorBar: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
         isSticky: import('vue').Ref<boolean, boolean>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        mode: import('./types').AnchorBarModeT;
+        mode: import('../../index').AnchorBarModeT;
         mobileFixed: boolean;
-        items: import('./types').AnchorBarItemT[];
+        items: import('../../index').AnchorBarItemT[];
         targetOffset: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         sentinelRef: HTMLDivElement;
@@ -16,23 +16,23 @@ declare const OAnchorBar: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+    }, Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
         isSticky: import('vue').Ref<boolean, boolean>;
     }, {}, {}, {}, {
-        mode: import('./types').AnchorBarModeT;
+        mode: import('../../index').AnchorBarModeT;
         mobileFixed: boolean;
-        items: import('./types').AnchorBarItemT[];
+        items: import('../../index').AnchorBarItemT[];
         targetOffset: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').AnchorBarPropsT> & Readonly<{}>, {
     isSticky: import('vue').Ref<boolean, boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    mode: import('./types').AnchorBarModeT;
+    mode: import('../../index').AnchorBarModeT;
     mobileFixed: boolean;
-    items: import('./types').AnchorBarItemT[];
+    items: import('../../index').AnchorBarItemT[];
     targetOffset: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/article/OArticle.css

@@ -1,158 +1,52 @@
-.hover-icon-rotate .o-icon[data-v-effe6b29] {
+.hover-icon-rotate .o-icon[data-v-f94c0e57] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-effe6b29] {
+.hover-icon-rotate:hover .o-icon[data-v-f94c0e57] {
     transform: rotate(-180deg);
 }
 }
-.o-article[data-v-effe6b29] {
+.o-article[data-v-f94c0e57] {
   display: flex;
   flex-direction: column;
   min-width: 0;
   border-radius: var(--o-article-radius);
 }
-.o-article__header[data-v-effe6b29] {
+.o-article[data-v-f94c0e57] .o-markdown > .o-markdown-content {
   padding: 32px;
-  border-radius: var(--o-article-radius) var(--o-article-radius) 0 0;
-  background-image: var(--v421a9b14);
-  background-position: 100% 100%;
-  background-repeat: no-repeat;
-  background-size: cover;
+  background-color: var(--o-color-fill2);
+  border-radius: 0 0 var(--o-article-radius) var(--o-article-radius);
 }
 @media (max-width: 1680px) {
-.o-article__header[data-v-effe6b29] {
+.o-article[data-v-f94c0e57] .o-markdown > .o-markdown-content {
     padding: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-article__header[data-v-effe6b29] {
+.o-article[data-v-f94c0e57] .o-markdown > .o-markdown-content {
     padding: 16px;
 }
 }
-@media (max-width: 600px) {
-.o-article__header[data-v-effe6b29] {
+@media (max-width: 840px) {
+.o-article[data-v-f94c0e57] .o-markdown > .o-markdown-content {
     padding: 12px;
 }
 }
-.o-article__title[data-v-effe6b29] {
-  margin: 0;
-  color: var(--o-color-info1);
-  font-weight: 600;
-  font-size: 32px;
-  line-height: 44px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-article__title[data-v-effe6b29] {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-article__title[data-v-effe6b29] {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-article__title[data-v-effe6b29] {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.o-article__title[data-v-effe6b29] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.o-article__meta[data-v-effe6b29] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: 16px;
-  row-gap: 8px;
-  margin-top: 8px;
-}
-.o-article__tags[data-v-effe6b29] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 16px;
-  min-width: fit-content;
-  padding: 0;
-  list-style: none;
-}
-.o-article__tags-divider[data-v-effe6b29] {
-  --o-divider-label-gap: 0;
-  height: 20px;
-}
-.o-article__update-time[data-v-effe6b29] {
-  flex-shrink: 0;
-  color: var(--o-color-info3);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-article__update-time[data-v-effe6b29] {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-article__update-time[data-v-effe6b29] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-article__update-time[data-v-effe6b29] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-article__update-time[data-v-effe6b29] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-article__update-time[data-v-effe6b29] {
-    flex-basis: 100%;
-}
-}
-.o-article__tag[data-v-effe6b29] {
-  --tag-height: 24px;
-  --tag-padding: 0 11px;
-}
-.o-article__content[data-v-effe6b29] {
-  padding: 32px;
-  background-color: var(--o-color-fill2);
-  border-radius: 0 0 var(--o-article-radius) var(--o-article-radius);
+.o-article .doc[data-v-f94c0e57] .o-markdown > .o-markdown-content {
+  padding: 32px 16px 16px 16px;
 }
 @media (max-width: 1680px) {
-.o-article__content[data-v-effe6b29] {
-    padding: 24px;
+.o-article .doc[data-v-f94c0e57] .o-markdown > .o-markdown-content {
+    padding: 24px 12px 12px 12px;
 }
 }
 @media (max-width: 1200px) {
-.o-article__content[data-v-effe6b29] {
-    padding: 16px;
+.o-article .doc[data-v-f94c0e57] .o-markdown > .o-markdown-content {
+    padding: 16px 8px 8px 8px;
 }
 }
 @media (max-width: 840px) {
-.o-article__content[data-v-effe6b29] {
-    padding: 12px;
-}
-}
-.o-article__content--no-first-margin[data-v-effe6b29] .o-markdown > .o-markdown-body > div:first-child > *:first-child {
-  margin-top: 0;
-}
-.o-article__content--hide-first-h1[data-v-effe6b29] .o-markdown > .o-markdown-body > div:first-child > h1:first-of-type {
-  display: none;
+.o-article .doc[data-v-f94c0e57] .o-markdown > .o-markdown-content {
+    padding: 16px 0 0 0;
 }
-.o-article__content--hide-first-h1[data-v-effe6b29] .o-markdown > .o-markdown-body > div:first-child > h1:first-of-type + * {
-  margin-top: 0;
 }

package/dist/treeshaking/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').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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                markdownBodyRef: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                disableH2?: boolean;
+                disableTable?: boolean;
+                disableImg?: boolean;
+                disableCode?: boolean;
+                disableChangeCodeTheme?: boolean;
+                markdownBodyClass?: string;
+                hideFirstH1?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                disableChangeCodeTheme: boolean;
+                disableH2: boolean;
+                disableTable: boolean;
+                disableImg: boolean;
+                disableCode: boolean;
+                markdownBodyClass: string;
+                hideFirstH1: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').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').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            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').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').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     navigate: (type: "prev" | "next", item: OArticlePaginationItemT) => any;
+    download: () => any;
+    collect: () => any;
 }, string, import('vue').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').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    enableDownload: boolean;
+    enableStar: boolean;
+    enableCopyLink: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    markdownRef: ({
+        $: import('vue').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').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            markdownBodyRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            disableH2?: boolean;
+            disableTable?: boolean;
+            disableImg?: boolean;
+            disableCode?: boolean;
+            disableChangeCodeTheme?: boolean;
+            markdownBodyClass?: string;
+            hideFirstH1?: boolean;
+        }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            disableChangeCodeTheme: boolean;
+            disableH2: boolean;
+            disableTable: boolean;
+            disableImg: boolean;
+            disableCode: boolean;
+            markdownBodyClass: string;
+            hideFirstH1: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').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').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        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').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/treeshaking/components/article/OArticle.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OArticle.vue2.mjs";
 import './OArticle.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OArticle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-effe6b29"]]);
+const _OArticle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f94c0e57"]]);
 export {
   _OArticle as default
 };