@opendesign-plus-test/components 0.0.1-rc.184 → 0.0.1-rc.186

package/dist/treeshaking/components/anchor-bar/OAnchorBar.css

@@ -0,0 +1,138 @@
+.hover-icon-rotate .o-icon[data-v-77e4459f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-77e4459f] {
+    transform: rotate(-180deg);
+}
+}
+.o-anchor-bar-sentinel[data-v-77e4459f] {
+  height: 0;
+}
+.o-anchor-bar-body[data-v-77e4459f] {
+  position: sticky;
+  top: var(--layout-header-height);
+  z-index: 9;
+  background-color: var(--o-color-fill2);
+  height: fit-content;
+  width: 100%;
+  border-bottom: 1px solid transparent;
+  transition: box-shadow var(--o-easing-standard) var(--o-duration-s), background-color var(--o-easing-standard) var(--o-duration-s), border-bottom-color var(--o-easing-standard) var(--o-duration-s);
+  padding: 0 calc(50vw - var(--grid-content-width) / 2);
+}
+@media (max-width: 840px) {
+.o-anchor-bar-body.is-mobile-fixed[data-v-77e4459f] {
+    position: fixed;
+    left: 0;
+    display: none;
+    padding: 0 var(--grid--layout-padding);
+}
+.o-anchor-bar-body.is-mobile-fixed.is-sticky[data-v-77e4459f] {
+    display: block;
+}
+}
+.o-anchor-bar-body[data-v-77e4459f] .o-tab-navs {
+  transition: justify-content var(--o-easing-standard) var(--o-duration-s);
+  justify-content: center;
+}
+.o-anchor-bar-body.is-sticky[data-v-77e4459f] {
+  box-shadow: var(--o-shadow-1);
+}
+.o-anchor-bar-body.is-sticky[data-v-77e4459f] .o-tab {
+  --tab-nav-justify: flex-start;
+}
+.o-anchor-bar-body.is-sticky[data-v-77e4459f] .o-tab .o-tab-navs {
+  justify-content: flex-start;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor {
+  width: 100%;
+  display: flex;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-lines {
+  display: none;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-line {
+  display: none;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-items {
+  width: 100%;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item {
+  --anchor-item-link-color: var(--o-color-info3);
+  --anchor-item-min-width: 64px;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+  font-weight: 400;
+  padding: var(--o-gap-3) 0;
+  --link-color: var(--o-color-info3);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1680px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    padding: var(--o-gap-2) 0;
+}
+}
+@media (max-width: 840px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link {
+    padding: var(--o-gap-3) 0;
+}
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link:hover {
+  background: none;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-anchor .o-anchor-item-link.is-active {
+  background: none;
+  font-weight: 600;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+  --tab-nav-gap: var(--o-gap-6);
+}
+@media (max-width: 1680px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+    --tab-nav-gap: var(--o-gap-5);
+}
+}
+@media (min-width: ) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+    --tab-nav-gap: var(--o-gap-4);
+}
+}
+@media (max-width: 840px) {
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab {
+    --tab-nav-gap: var(--o-gap-3);
+}
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab .o-tab-nav {
+  padding-bottom: 0;
+}
+.o-anchor-bar-body .o-anchor-bar-tabs[data-v-77e4459f] .o-tab .o-tab-nav-anchor {
+  display: none;
+}
+[data-o-theme*=dark] .o-anchor-bar-body.is-sticky[data-v-77e4459f] {
+  border-bottom-color: var(--o-color-control4);
+}

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

@@ -0,0 +1,29 @@
+import { AnchorBarPropsT } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        sentinelRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+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;
+    mobileFixed: boolean;
+    items: import('./types').AnchorBarItemT[];
+    targetOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    sentinelRef: HTMLDivElement;
+}, any>;
+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/anchor-bar/OAnchorBar.vue.mjs

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

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue2.mjs

@@ -0,0 +1,103 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, renderSlot, createBlock, unref, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from "vue";
+import { useEventListener } from "@vueuse/core";
+import { OAnchor, OTab, OTabPane, OAnchorItem } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { isAnchorSticky } from "../../shared/anchor.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OAnchorBar",
+  props: {
+    mobileFixed: { type: Boolean, default: false },
+    mode: { default: "anchor" },
+    items: { default: () => [] },
+    targetOffset: { default: void 0 }
+  },
+  setup(__props, { expose: __expose }) {
+    var _a;
+    const props = __props;
+    const active = ref(((_a = props.items[0]) == null ? void 0 : _a.id) ?? "");
+    const { lePadV } = useScreen();
+    const sentinelRef = ref();
+    const isSticky = ref(false);
+    const onScroll = () => {
+      const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--layout-header-height")) || 0;
+      const sentinel = sentinelRef.value;
+      if (!sentinel) return;
+      isSticky.value = isAnchorSticky(sentinel.getBoundingClientRect().top, headerHeight, lePadV.value);
+    };
+    useEventListener(window, "scroll", onScroll, { passive: true });
+    onMounted(() => onScroll());
+    __expose({ isSticky });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          ref_key: "sentinelRef",
+          ref: sentinelRef,
+          class: "o-anchor-bar-sentinel"
+        }, null, 512),
+        createElementVNode("div", {
+          class: normalizeClass(["o-anchor-bar-body", { "is-sticky": isSticky.value, "is-mobile-fixed": props.mobileFixed }])
+        }, [
+          !props.items.length ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(["o-anchor-bar-tabs", `is-${props.mode}`])
+          }, [
+            props.mode === "anchor" ? (openBlock(), createBlock(unref(OAnchor), {
+              key: 0,
+              "target-offset": props.targetOffset
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(OTab), {
+                  modelValue: active.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => active.value = $event),
+                  line: false,
+                  "max-show": 10
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+                      return openBlock(), createBlock(unref(OTabPane), {
+                        key: item.id ?? item.title
+                      }, {
+                        nav: withCtx(() => [
+                          createVNode(unref(OAnchorItem), {
+                            title: item.title,
+                            href: `#${item.id}`
+                          }, null, 8, ["title", "href"])
+                        ]),
+                        _: 2
+                      }, 1024);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["target-offset"])) : (openBlock(), createBlock(unref(OTab), {
+              key: 1,
+              modelValue: active.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => active.value = $event),
+              line: false,
+              "max-show": 10
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+                  return openBlock(), createBlock(unref(OTabPane), {
+                    key: item.id ?? item.title
+                  }, {
+                    nav: withCtx(() => [
+                      createTextVNode(toDisplayString(item.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]))
+          ], 2))
+        ], 2)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,45 @@
+import { App } from 'vue';
+declare const OAnchorBar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+        isSticky: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mode: import('./types').AnchorBarModeT;
+        mobileFixed: boolean;
+        items: import('./types').AnchorBarItemT[];
+        targetOffset: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        sentinelRef: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+        isSticky: import('vue').Ref<boolean, boolean>;
+    }, {}, {}, {}, {
+        mode: import('./types').AnchorBarModeT;
+        mobileFixed: boolean;
+        items: import('./types').AnchorBarItemT[];
+        targetOffset: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').AnchorBarPropsT> & Readonly<{}>, {
+    isSticky: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    mode: import('./types').AnchorBarModeT;
+    mobileFixed: boolean;
+    items: import('./types').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: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OAnchorBar };
+export * from './types';

package/dist/treeshaking/components/anchor-bar/index.mjs

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

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

@@ -0,0 +1,20 @@
+export type AnchorBarModeT = 'anchor' | 'link';
+export type AnchorBarLinkTargetT = '_blank' | '_parent' | '_self' | '_top';
+export interface AnchorBarItemT {
+    /** 导航项标题 */
+    title: string;
+    /** anchor 模式：页内锚点 id（导航链接为 `#id`）；link 模式：仅作列表 key */
+    id?: string;
+    /** link 模式：跳转链接 */
+    href?: string;
+    /** link 模式：打开方式（如 _blank），默认当前页 */
+    target?: AnchorBarLinkTargetT;
+}
+export interface AnchorBarPropsT {
+    mobileFixed?: boolean;
+    /** 导航模式：anchor 页内锚点 / link 链接跳转 */
+    mode?: AnchorBarModeT;
+    items?: AnchorBarItemT[];
+    /** anchor 模式：传给内部 OAnchor 的滚动偏移量 */
+    targetOffset?: number;
+}

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

@@ -0,0 +1,211 @@
+.hover-icon-rotate .o-icon[data-v-e830d8e0] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-e830d8e0] {
+    transform: rotate(-180deg);
+}
+}
+.o-article[data-v-e830d8e0] {
+  --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-e830d8e0] {
+    --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-e830d8e0] {
+    --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-e830d8e0] {
+    --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-e830d8e0] {
+    --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-e830d8e0] {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  border-radius: var(--o-article-radius);
+}
+.o-article__header[data-v-e830d8e0] {
+  padding: var(--o-gap-6);
+  border-radius: var(--o-article-radius) var(--o-article-radius) 0 0;
+  background-image: var(--v073a757a);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+@media (max-width: 840px) {
+.o-article__header[data-v-e830d8e0] {
+    padding: 16px;
+}
+}
+@media (max-width: 600px) {
+.o-article__header[data-v-e830d8e0] {
+    padding: 12px;
+}
+}
+.o-article__title[data-v-e830d8e0] {
+  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-e830d8e0] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article__title[data-v-e830d8e0] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article__title[data-v-e830d8e0] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-article__title[data-v-e830d8e0] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-article__meta[data-v-e830d8e0] {
+  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-e830d8e0] {
+  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-e830d8e0] {
+  --o-divider-label-gap: 0;
+  height: 20px;
+}
+.o-article__update-time[data-v-e830d8e0] {
+  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-e830d8e0] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article__update-time[data-v-e830d8e0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article__update-time[data-v-e830d8e0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article__update-time[data-v-e830d8e0] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article__update-time[data-v-e830d8e0] {
+    flex-basis: 100%;
+}
+}
+.o-article__tag[data-v-e830d8e0] {
+  --tag-height: 24px;
+  --tag-padding: 0 11px;
+}
+.o-article__content[data-v-e830d8e0] {
+  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-e830d8e0] {
+    padding: 12px;
+}
+}
+.o-article__content--no-first-margin[data-v-e830d8e0] .o-markdown > .o-markdown-body > div:first-child > *:first-child {
+  margin-top: 0;
+}
+.o-article__content--hide-first-h1[data-v-e830d8e0] .o-markdown > .o-markdown-body > div:first-child > h1:first-of-type {
+  display: none;
+}
+.o-article__content--hide-first-h1[data-v-e830d8e0] .o-markdown > .o-markdown-body > div:first-child > h1:first-of-type + * {
+  margin-top: 0;
+}

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

@@ -0,0 +1,73 @@
+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;
+    /** 是否自动隐藏正文中的第一个 h1（该 h1 通常与标题重复，作为页面标题展示），默认 true */
+    autoHideFirstH1?: 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;
+    autoHideFirstH1: 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-e830d8e0"]]);
+export {
+  _OArticle as default
+};