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

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
 };

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

@@ -1,22 +1,8 @@
-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 { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, createBlock } from "vue";
 import _OMarkdown from "../markdown/OMarkdown.vue.mjs";
 import _OArticlePagination from "../article-pagination/OArticlePagination.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"
-};
+import ArticleTitle from "./components/ArticleTitle.vue.mjs";
+import DocTitle from "./components/DocTitle.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OArticle",
   props: {
@@ -26,39 +12,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     community: {},
     prev: { default: null },
     next: { default: null },
+    type: { default: "article" },
     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 },
-    autoHideFirstH1: { type: Boolean, default: true },
+    sourceUrl: {},
+    enableDownload: { type: Boolean, default: false },
+    enableStar: { type: Boolean, default: false },
+    enableCopyLink: { type: Boolean, default: false },
     prevLabel: {},
     nextLabel: {},
-    divider: { type: Boolean, default: true },
     radius: { default: "var(--o-radius-xs)" }
   },
-  emits: ["navigate"],
+  emits: ["navigate", "download", "collect"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "v421a9b14": headerBgStyle.value
-    }));
     const props = __props;
     const emit = __emit;
-    const { t } = useI18n();
     const markdownProps = computed(() => ({
-      disableH1: true,
+      hideFirstH1: true,
       disableH2: props.disableH2,
       disableTable: props.disableTable,
       disableImg: props.disableImg,
-      disableCode: props.disableCode,
-      markdownBodyClass: props.markdownBodyClass
+      disableCode: props.disableCode
     }));
     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",
@@ -66,66 +47,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "--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",
-                round: __props.community === "MindSpore" ? "pill" : __props.radius
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(__props.community), 1)
-                ]),
-                _: 1
-              }, 8, ["round"])) : 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",
-                  round: __props.community === "MindSpore" ? "pill" : __props.radius
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(tag), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["round"]);
-              }), 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,
-            "o-article__content--hide-first-h1": __props.autoHideFirstH1
+            doc: __props.type === "doc"
           }])
         }, [
-          createVNode(_OMarkdown, normalizeProps(guardReactiveProps(markdownProps.value)), {
+          createVNode(_OMarkdown, mergeProps({ ref: "markdownRef" }, markdownProps.value), {
+            header: withCtx(({ h1 }) => [
+              __props.type === "article" ? (openBlock(), createBlock(ArticleTitle, {
+                key: 0,
+                title: __props.title,
+                el: h1,
+                "header-bg": __props.headerBg,
+                tags: __props.tags,
+                community: __props.community,
+                "update-time": __props.updateTime,
+                radius: __props.radius
+              }, null, 8, ["title", "el", "header-bg", "tags", "community", "update-time", "radius"])) : (openBlock(), createBlock(DocTitle, {
+                key: 1,
+                title: __props.title,
+                el: h1,
+                "bg-image": __props.headerBg,
+                "update-time": __props.updateTime,
+                "source-url": __props.sourceUrl,
+                "enable-download": __props.enableDownload,
+                "enable-star": __props.enableStar,
+                "enable-copy-link": __props.enableCopyLink,
+                onDownload: _cache[0] || (_cache[0] = ($event) => emit("download")),
+                onCollect: _cache[1] || (_cache[1] = ($event) => emit("collect"))
+              }, null, 8, ["title", "el", "bg-image", "update-time", "source-url", "enable-download", "enable-star", "enable-copy-link"]))
+            ]),
+            footer: withCtx(() => [
+              createVNode(_OArticlePagination, {
+                prev: __props.prev,
+                next: __props.next,
+                "prev-label": __props.prevLabel,
+                "next-label": __props.nextLabel,
+                radius: __props.radius,
+                onNavigate
+              }, null, 8, ["prev", "next", "prev-label", "next-label", "radius"])
+            ]),
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
             _: 3
-          }, 16),
-          createVNode(_OArticlePagination, {
-            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"])
+          }, 16)
         ], 2)
       ], 4);
     };

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

@@ -0,0 +1,123 @@
+.hover-icon-rotate .o-icon[data-v-b96d293f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-b96d293f] {
+    transform: rotate(-180deg);
+}
+}
+.o-article__header[data-v-b96d293f] {
+  padding: 32px;
+  border-radius: var(--o-article-radius) var(--o-article-radius) 0 0;
+  background-image: var(--v5804c76a);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+@media (max-width: 1680px) {
+.o-article__header[data-v-b96d293f] {
+    padding: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-article__header[data-v-b96d293f] {
+    padding: 16px;
+}
+}
+@media (max-width: 600px) {
+.o-article__header[data-v-b96d293f] {
+    padding: 12px;
+}
+}
+.o-article__title[data-v-b96d293f] {
+  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-b96d293f] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article__title[data-v-b96d293f] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article__title[data-v-b96d293f] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-article__title[data-v-b96d293f] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-article__meta[data-v-b96d293f] {
+  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-b96d293f] {
+  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-b96d293f] {
+  --o-divider-label-gap: 0;
+  height: 20px;
+}
+.o-article__update-time[data-v-b96d293f] {
+  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-b96d293f] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-article__update-time[data-v-b96d293f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-article__update-time[data-v-b96d293f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article__update-time[data-v-b96d293f] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-article__update-time[data-v-b96d293f] {
+    flex-basis: 100%;
+}
+}
+.o-article__tag[data-v-b96d293f] {
+  --tag-height: 24px;
+  --tag-padding: 0 11px;
+}

package/dist/treeshaking/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').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    radius: string;
+    tags: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

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

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