@opendesign-plus/components 0.0.1-rc.84 → 0.0.1-rc.85

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components/activity';
 export * from './components/anchor-bar';
+export * from './components/article';
 export * from './components/banner';
 export * from './components/brand';
 export * from './components/config-provider';

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

@@ -0,0 +1,204 @@
+.hover-icon-rotate .o-icon[data-v-239e3a8c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-239e3a8c] {
+    transform: rotate(-180deg);
+}
+}
+.o-article[data-v-239e3a8c] {
+  --o-gap-1: 4px;
+  --o-gap-2: 8px;
+  --o-gap-3: 12px;
+  --o-gap-4: 16px;
+  --o-gap-5: 24px;
+  --o-gap-6: 32px;
+  --o-gap-7: 40px;
+  --o-gap-8: 48px;
+  --o-gap-9: 64px;
+  --o-gap-10: 72px;
+}
+@media (max-width: 1680px) {
+.o-article[data-v-239e3a8c] {
+    --o-gap-1: 4px;
+    --o-gap-2: 8px;
+    --o-gap-3: 8px;
+    --o-gap-4: 12px;
+    --o-gap-5: 16px;
+    --o-gap-6: 24px;
+    --o-gap-7: 24px;
+    --o-gap-8: 40px;
+    --o-gap-9: 48px;
+    --o-gap-10: 56px;
+}
+}
+@media (max-width: 1200px) {
+.o-article[data-v-239e3a8c] {
+    --o-gap-1: 4px;
+    --o-gap-2: 8px;
+    --o-gap-3: 8px;
+    --o-gap-4: 8px;
+    --o-gap-5: 12px;
+    --o-gap-6: 16px;
+    --o-gap-7: 16px;
+    --o-gap-8: 24px;
+    --o-gap-9: 32px;
+    --o-gap-10: 40px;
+}
+}
+@media (max-width: 840px) {
+.o-article[data-v-239e3a8c] {
+    --o-gap-1: 4px;
+    --o-gap-2: 8px;
+    --o-gap-3: 12px;
+    --o-gap-4: 16px;
+    --o-gap-5: 24px;
+    --o-gap-6: 28px;
+    --o-gap-7: 12px;
+    --o-gap-8: 24px;
+    --o-gap-9: 32px;
+    --o-gap-10: 32px;
+}
+}
+@media (max-width: 600px) {
+.o-article[data-v-239e3a8c] {
+    --o-gap-1: 4px;
+    --o-gap-2: 8px;
+    --o-gap-3: 12px;
+    --o-gap-4: 16px;
+    --o-gap-5: 24px;
+    --o-gap-6: 28px;
+    --o-gap-7: 12px;
+    --o-gap-8: 24px;
+    --o-gap-9: 32px;
+    --o-gap-10: 32px;
+}
+}
+.o-article[data-v-239e3a8c] {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  border-radius: var(--o-article-radius);
+}
+.o-article__header[data-v-239e3a8c] {
+  padding: var(--o-gap-6);
+  border-radius: var(--o-article-radius) var(--o-article-radius) 0 0;
+  background-image: var(--v6640ffa3);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+@media (max-width: 840px) {
+.o-article__header[data-v-239e3a8c] {
+    padding: 16px;
+}
+}
+@media (max-width: 600px) {
+.o-article__header[data-v-239e3a8c] {
+    padding: 12px;
+}
+}
+.o-article__title[data-v-239e3a8c] {
+  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-239e3a8c] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article__title[data-v-239e3a8c] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article__title[data-v-239e3a8c] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-article__title[data-v-239e3a8c] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-article__meta[data-v-239e3a8c] {
+  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-239e3a8c] {
+  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-239e3a8c] {
+  --o-divider-label-gap: 0;
+}
+.o-article__update-time[data-v-239e3a8c] {
+  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-239e3a8c] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article__update-time[data-v-239e3a8c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article__update-time[data-v-239e3a8c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article__update-time[data-v-239e3a8c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article__update-time[data-v-239e3a8c] {
+    flex-basis: 100%;
+}
+}
+.o-article__tag[data-v-239e3a8c] {
+  --tag-height: 24px;
+  --tag-padding: 0 11px;
+}
+.o-article__content[data-v-239e3a8c] {
+  padding: var(--o-gap-6);
+  background-color: var(--o-color-fill2);
+  border-radius: 0 0 var(--o-article-radius) var(--o-article-radius);
+}
+@media (max-width: 840px) {
+.o-article__content[data-v-239e3a8c] {
+    padding: 12px;
+}
+}
+.o-article__content--no-first-margin[data-v-239e3a8c] .o-markdown > .o-markdown-body > div:first-child > *:first-child {
+  margin-top: 0;
+}

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

@@ -0,0 +1,70 @@
+import { OMarkdownPaginationItemT } from '../markdown/types';
+type __VLS_Props = {
+    /** 文章标题（必填） */
+    title: string;
+    /** 标题头部背景图地址（可选），未传时不显示背景图 */
+    headerBg?: string;
+    /** 标签列表（可选），渲染为标题下方的 OTag 标签 */
+    tags?: string[];
+    /** 所属社区（可选），渲染为标签并置于标签列表首位，用垂直分隔线与其余标签隔开 */
+    community?: string;
+    /** 上一篇（可选），透传给 OMarkdownPagination */
+    prev?: OMarkdownPaginationItemT | null;
+    /** 下一篇（可选），透传给 OMarkdownPagination */
+    next?: OMarkdownPaginationItemT | null;
+    /** 透传给 OMarkdown：禁用 H2 增强 */
+    disableH2?: boolean;
+    /** 透传给 OMarkdown：禁用表格增强 */
+    disableTable?: boolean;
+    /** 透传给 OMarkdown：禁用图片增强 */
+    disableImg?: boolean;
+    /** 透传给 OMarkdown：禁用代码块增强 */
+    disableCode?: boolean;
+    /** 标题头部展示的更新时间（可选），与标签两端对齐，文案前缀取 i18n `md.updateTime` */
+    updateTime?: string;
+    /** 透传给 OMarkdown：正文容器类名 */
+    markdownBodyClass?: string;
+    /** 是否移除正文首个元素的上边距（o-markdown-body 内第一个 div 的首个元素，常用于正文首元素为标题时消除顶部空隙），默认 true */
+    removeFirstTopMargin?: boolean;
+    /** 透传给 OMarkdownPagination：上一篇文案，留空取 i18n 默认值 */
+    prevLabel?: string;
+    /** 透传给 OMarkdownPagination：下一篇文案，留空取 i18n 默认值 */
+    nextLabel?: string;
+    /** 透传给 OMarkdownPagination：是否显示顶部分割线 */
+    divider?: boolean;
+    /** 圆角 */
+    radius?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    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: OMarkdownPaginationItemT) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((type: "prev" | "next", item: OMarkdownPaginationItemT) => any) | undefined;
+}>, {
+    disableH2: boolean;
+    disableTable: boolean;
+    disableImg: boolean;
+    disableCode: boolean;
+    markdownBodyClass: string;
+    prev: OMarkdownPaginationItemT | null;
+    next: OMarkdownPaginationItemT | null;
+    divider: boolean;
+    radius: string;
+    tags: string[];
+    removeFirstTopMargin: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/article/OArticle.vue.mjs

@@ -0,0 +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-239e3a8c"]]);
+export {
+  _OArticle as default
+};

package/dist/treeshaking/components/article/OArticle.vue2.mjs

@@ -0,0 +1,130 @@
+import { defineComponent, useCssVars, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, createBlock, unref, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, normalizeClass, createVNode, normalizeProps, guardReactiveProps, renderSlot } from "vue";
+import { OTag, ODivider } from "@opensig/opendesign";
+import _OMarkdown from "../markdown/OMarkdown.vue.mjs";
+import _OMarkdownPagination from "../markdown/OMarkdownPagination.vue.mjs";
+import { useI18n } from "../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-article__header" };
+const _hoisted_2 = { class: "o-article__title" };
+const _hoisted_3 = {
+  key: 0,
+  class: "o-article__meta"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "o-article__tags"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "o-article__update-time"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OArticle",
+  props: {
+    title: {},
+    headerBg: {},
+    tags: { default: () => [] },
+    community: {},
+    prev: { default: null },
+    next: { default: null },
+    disableH2: { type: Boolean, default: false },
+    disableTable: { type: Boolean, default: false },
+    disableImg: { type: Boolean, default: false },
+    disableCode: { type: Boolean, default: false },
+    updateTime: {},
+    markdownBodyClass: { default: "o-markdown-body" },
+    removeFirstTopMargin: { type: Boolean, default: true },
+    prevLabel: {},
+    nextLabel: {},
+    divider: { type: Boolean, default: true },
+    radius: { default: "var(--o-radius-xs)" }
+  },
+  emits: ["navigate"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v6640ffa3": headerBgStyle.value
+    }));
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const markdownProps = computed(() => ({
+      disableH1: true,
+      disableH2: props.disableH2,
+      disableTable: props.disableTable,
+      disableImg: props.disableImg,
+      disableCode: props.disableCode,
+      markdownBodyClass: props.markdownBodyClass
+    }));
+    const onNavigate = (type, item) => {
+      emit("navigate", type, item);
+    };
+    const headerBgStyle = computed(() => props.headerBg ? `url(${props.headerBg})` : "none");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "o-article",
+        style: normalizeStyle({
+          "--o-article-radius": __props.radius
+        })
+      }, [
+        createElementVNode("header", _hoisted_1, [
+          createElementVNode("h1", _hoisted_2, toDisplayString(__props.title), 1),
+          __props.tags.length || __props.updateTime || __props.community ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            __props.tags.length || __props.community ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              __props.community ? (openBlock(), createBlock(unref(OTag), {
+                key: 0,
+                class: "o-article__tag",
+                size: "large",
+                variant: "outline"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.community), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              __props.community && __props.tags.length ? (openBlock(), createBlock(unref(ODivider), {
+                key: 1,
+                direction: "v",
+                class: "o-article__tags-divider"
+              })) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tags, (tag) => {
+                return openBlock(), createBlock(unref(OTag), {
+                  key: tag,
+                  class: "o-article__tag",
+                  size: "large",
+                  variant: "outline"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(tag), 1)
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128))
+            ])) : createCommentVNode("", true),
+            __props.updateTime ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(__props.updateTime), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["o-article__content", { "o-article__content--no-first-margin": __props.removeFirstTopMargin }])
+        }, [
+          createVNode(_OMarkdown, normalizeProps(guardReactiveProps(markdownProps.value)), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          }, 16),
+          createVNode(_OMarkdownPagination, {
+            prev: __props.prev,
+            next: __props.next,
+            "prev-label": __props.prevLabel,
+            "next-label": __props.nextLabel,
+            divider: __props.divider,
+            radius: __props.radius,
+            onNavigate
+          }, null, 8, ["prev", "next", "prev-label", "next-label", "divider", "radius"])
+        ], 2)
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,121 @@
+import { App } from 'vue';
+declare const OArticle: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        title: string;
+        headerBg?: string;
+        tags?: string[];
+        community?: string;
+        prev?: import('../../index').OMarkdownPaginationItemT | null;
+        next?: import('../../index').OMarkdownPaginationItemT | null;
+        disableH2?: boolean;
+        disableTable?: boolean;
+        disableImg?: boolean;
+        disableCode?: boolean;
+        updateTime?: string;
+        markdownBodyClass?: string;
+        removeFirstTopMargin?: boolean;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
+    }, import('vue').PublicProps, {
+        disableH2: boolean;
+        disableTable: boolean;
+        disableImg: boolean;
+        disableCode: boolean;
+        markdownBodyClass: string;
+        prev: import('../../index').OMarkdownPaginationItemT | null;
+        next: import('../../index').OMarkdownPaginationItemT | null;
+        divider: boolean;
+        radius: string;
+        tags: string[];
+        removeFirstTopMargin: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        title: string;
+        headerBg?: string;
+        tags?: string[];
+        community?: string;
+        prev?: import('../../index').OMarkdownPaginationItemT | null;
+        next?: import('../../index').OMarkdownPaginationItemT | null;
+        disableH2?: boolean;
+        disableTable?: boolean;
+        disableImg?: boolean;
+        disableCode?: boolean;
+        updateTime?: string;
+        markdownBodyClass?: string;
+        removeFirstTopMargin?: boolean;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        disableH2: boolean;
+        disableTable: boolean;
+        disableImg: boolean;
+        disableCode: boolean;
+        markdownBodyClass: string;
+        prev: import('../../index').OMarkdownPaginationItemT | null;
+        next: import('../../index').OMarkdownPaginationItemT | null;
+        divider: boolean;
+        radius: string;
+        tags: string[];
+        removeFirstTopMargin: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    title: string;
+    headerBg?: string;
+    tags?: string[];
+    community?: string;
+    prev?: import('../../index').OMarkdownPaginationItemT | null;
+    next?: import('../../index').OMarkdownPaginationItemT | null;
+    disableH2?: boolean;
+    disableTable?: boolean;
+    disableImg?: boolean;
+    disableCode?: boolean;
+    updateTime?: string;
+    markdownBodyClass?: string;
+    removeFirstTopMargin?: boolean;
+    prevLabel?: string;
+    nextLabel?: string;
+    divider?: boolean;
+    radius?: string;
+}> & Readonly<{
+    onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
+}, string, {
+    disableH2: boolean;
+    disableTable: boolean;
+    disableImg: boolean;
+    disableCode: boolean;
+    markdownBodyClass: string;
+    prev: import('../../index').OMarkdownPaginationItemT | null;
+    next: import('../../index').OMarkdownPaginationItemT | null;
+    divider: boolean;
+    radius: string;
+    tags: string[];
+    removeFirstTopMargin: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OArticle };

package/dist/treeshaking/components/article/index.mjs

@@ -0,0 +1,9 @@
+import _OArticle from "./OArticle.vue.mjs";
+const OArticle = Object.assign(_OArticle, {
+  install(app) {
+    app.component("OArticle", _OArticle);
+  }
+});
+export {
+  OArticle
+};