@opendesign-plus/components 0.0.1-rc.87 → 0.0.1-rc.88

package/dist/treeshaking/components/header-user/OHeaderUser.vue2.mjs

@@ -1,20 +1,16 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, toDisplayString, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
+import { defineComponent, inject, computed, ref, watch, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, Transition, createElementVNode, normalizeClass, Fragment, withDirectives, toDisplayString, vShow, renderList, normalizeStyle, createTextVNode } from "vue";
 import { OIcon, ODropdown, OBadge, ODropdownItem } from "@opensig/opendesign";
 import AppAvatar from "../common/AppAvatar.vue.mjs";
 import IconAvatar from "../../_virtual/icon-avatar-line.mjs";
 import IconChevronDown from "../../_virtual/icon-chevron-down.mjs";
 import { useScreen } from "@opendesign-plus/composables";
-const _hoisted_1 = { class: "header-user" };
-const _hoisted_2 = {
+import { useElementSize } from "@vueuse/core";
+const _hoisted_1 = {
   key: 0,
   class: "user-info"
 };
-const _hoisted_3 = { class: "info-wrap hover-icon-rotate" };
-const _hoisted_4 = {
-  key: 0,
-  class: "user-account"
-};
-const _hoisted_5 = { key: 1 };
+const _hoisted_2 = { class: "info-wrap hover-icon-rotate" };
+const _hoisted_3 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OHeaderUser",
   props: {
@@ -30,7 +26,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["login", "logout"],
   setup(__props, { emit: __emit }) {
     const { lePadV } = useScreen();
+    const props = __props;
     const emit = __emit;
+    const isUserHidden = inject("isUserHidden");
+    const autoSimple = computed(() => props.simple || (isUserHidden == null ? void 0 : isUserHidden.value));
     const login = () => {
       emit("login");
     };
@@ -41,8 +40,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         window.open(val.url, val.target);
       }
     };
+    const headerUserRef = ref();
+    const { width: headerUserWidth } = useElementSize(headerUserRef);
+    const reportHeaderUserWidth = inject("reportHeaderUserWidth");
+    watch(
+      headerUserWidth,
+      (width) => {
+        var _a;
+        if (((_a = props.userInfo) == null ? void 0 : _a.username) && !autoSimple.value) {
+          reportHeaderUserWidth == null ? void 0 : reportHeaderUserWidth(Math.ceil(width));
+        }
+      },
+      { immediate: true }
+    );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        ref_key: "headerUserRef",
+        ref: headerUserRef,
+        class: "header-user"
+      }, [
         !__props.token ? (openBlock(), createBlock(unref(OIcon), {
           key: 0,
           onClick: login,
@@ -55,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })) : createCommentVNode("", true),
         createVNode(Transition, { name: "header-user-zoom-in" }, {
           default: withCtx(() => [
-            __props.token ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            __props.token ? (openBlock(), createElementBlock("div", _hoisted_1, [
               createVNode(unref(ODropdown), {
                 trigger: unref(lePadV) ? "click" : "hover",
                 optionWidthMode: "auto",
@@ -80,16 +96,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createTextVNode(toDisplayString(item.label), 1)
                           ]),
                           _: 2
-                        }, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.label), 1))
+                        }, 1032, ["value", "class"])) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.label), 1))
                       ]),
                       _: 2
                     }, 1032, ["onClick", "style"]);
                   }), 128))
                 ]),
                 default: withCtx(() => {
-                  var _a, _b, _c;
+                  var _a, _b;
                   return [
-                    createElementVNode("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_2, [
                       createVNode(unref(OBadge), {
                         value: __props.noticeTotal,
                         dot: true,
@@ -108,16 +124,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }),
                         _: 1
                       }, 8, ["value", "class"]),
-                      !__props.simple && !unref(lePadV) && ((_a = __props.userInfo) == null ? void 0 : _a.username) ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString((_b = __props.userInfo) == null ? void 0 : _b.username), 1)) : createCommentVNode("", true),
-                      !__props.simple && !unref(lePadV) && ((_c = __props.userInfo) == null ? void 0 : _c.username) ? (openBlock(), createBlock(unref(OIcon), {
-                        key: 1,
-                        class: "icon"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(IconChevronDown))
+                      ((_a = __props.userInfo) == null ? void 0 : _a.username) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        withDirectives(createElementVNode("p", {
+                          ref: "userNameRef",
+                          class: "user-account"
+                        }, toDisplayString((_b = __props.userInfo) == null ? void 0 : _b.username), 513), [
+                          [vShow, !autoSimple.value]
                         ]),
-                        _: 1
-                      })) : createCommentVNode("", true)
+                        withDirectives(createVNode(unref(OIcon), {
+                          ref: "userIconRef",
+                          class: "icon"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(unref(IconChevronDown))
+                          ]),
+                          _: 1
+                        }, 512), [
+                          [vShow, !autoSimple.value]
+                        ])
+                      ], 64)) : createCommentVNode("", true)
                     ])
                   ];
                 }),
@@ -127,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ]);
+      ], 512);
     };
   }
 });

package/dist/treeshaking/components/header-user/index.d.ts

@@ -10,7 +10,94 @@ declare const OHeaderUser: {
         simple: boolean;
         itemRadius: number;
         customSize: number;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        headerUserRef: HTMLDivElement;
+        userNameRef: HTMLParagraphElement;
+        userIconRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                button: boolean;
+                disabled: boolean;
+                loading: boolean;
+            }> & Omit<{
+                readonly loading: boolean;
+                readonly disabled: boolean;
+                readonly button: boolean;
+                readonly icon?: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "loading" | "disabled" | "button">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $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<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: import('vue').PropType<import('vue').Component>;
+                };
+                button: {
+                    type: BooleanConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                button: boolean;
+                disabled: boolean;
+                loading: 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<{
+            button: boolean;
+            disabled: boolean;
+            loading: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: import('vue').PropType<import('vue').Component>;
+            };
+            button: {
+                type: BooleanConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+            };
+        }>> & Readonly<{}>, "loading" | "disabled" | "button"> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/dist/treeshaking/components/markdown/components/MarkdownPageTitle.css

@@ -1,278 +1,251 @@
-.hover-icon-rotate .o-icon[data-v-279d789e] {
+.hover-icon-rotate .o-icon[data-v-84f356a4] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-279d789e] {
+.hover-icon-rotate:hover .o-icon[data-v-84f356a4] {
     transform: rotate(-180deg);
 }
 }
-.o-md-page-title[data-v-279d789e] {
-  --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;
+.o-md-page-title[data-v-84f356a4] {
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 16px;
+  margin-bottom: 32px;
+  border-radius: var(--o-radius-xs);
+  background-image: var(--v6981a063);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
 }
 @media (max-width: 1680px) {
-.o-md-page-title[data-v-279d789e] {
-    --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;
+.o-md-page-title[data-v-84f356a4] {
+    gap: 8px;
+    padding: 12px;
+    margin-bottom: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-md-page-title[data-v-279d789e] {
-    --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;
+.o-md-page-title[data-v-84f356a4] {
+    gap: 8px;
+    padding: 8px;
+    margin-bottom: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-md-page-title[data-v-279d789e] {
-    --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-md-page-title[data-v-84f356a4] {
+    gap: 12px;
+    padding: 16px;
+    margin-bottom: 28px;
 }
 }
-@media (max-width: 600px) {
-.o-md-page-title[data-v-279d789e] {
-    --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-md-page-title[data-v-279d789e] {
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--o-gap-3);
-  padding: var(--o-gap-4);
-  margin-bottom: var(--o-gap-6);
-  border-radius: var(--o-radius-xs);
-  background-image: var(--v49b38883);
-  background-position: 100% 100%;
-  background-repeat: no-repeat;
-  background-size: cover;
-}
-.o-md-page-title .o-md-page-title-content[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-content[data-v-84f356a4] {
   display: flex;
   flex-direction: column;
-  gap: var(--o-gap-2);
+  gap: 8px;
   min-width: 0;
 }
-.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 32px;
   line-height: 44px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
     font-size: 20px;
     line-height: 28px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-md-page-title .o-md-page-title-actions[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions[data-v-84f356a4] {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-top: var(--o-gap-3);
+  margin-top: 12px;
+}
+@media (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-actions[data-v-84f356a4] {
+    margin-top: 8px;
+}
 }
 @media (max-width: 840px) {
-.o-md-page-title .o-md-page-title-actions[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions[data-v-84f356a4] {
     margin-top: 0;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-84f356a4] {
   font-size: 24px;
   color: var(--o-color-info2);
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] .o-link-label {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] .o-link-label {
   display: flex;
   align-items: center;
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
   font-size: 22px;
   line-height: 30px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
   color: var(--o-color-info3);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-actions-left[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-actions-left[data-v-84f356a4] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-279d789e],
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-84f356a4],
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-84f356a4] {
   font-size: 24px;
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-279d789e]:hover,
-  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-279d789e]:hover {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-84f356a4]:hover,
+  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-84f356a4]:hover {
     color: var(--o-color-info1);
 }
 }
 @media (max-width: 1680px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-279d789e],
-  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-279d789e] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-84f356a4],
+  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-84f356a4] {
     font-size: 20px;
 }
 }
-.o-md-page-title.is-simple[data-v-279d789e] {
+.o-md-page-title.is-simple[data-v-84f356a4] {
   padding: 0;
   background-image: none;
 }
 @media (max-width: 840px) {
-.o-md-page-title.first-h1[data-v-279d789e] {
+.o-md-page-title.first-h1[data-v-84f356a4] {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 }
-.o-md-page-title.more-h1[data-v-279d789e] {
-  margin-top: var(--o-gap-6);
+.o-md-page-title.more-h1[data-v-84f356a4] {
+  margin-top: 32px;
+}
+@media (max-width: 1680px) {
+.o-md-page-title.more-h1[data-v-84f356a4] {
+    margin-top: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-md-page-title.more-h1[data-v-84f356a4] {
+    margin-top: 16px;
+}
+}
+@media (max-width: 840px) {
+.o-md-page-title.more-h1[data-v-84f356a4] {
+    margin-top: 28px;
+}
 }
-.o-md-page-dlg-action-box-container[data-v-279d789e] {
+.o-md-page-dlg-action-box-container[data-v-84f356a4] {
   display: flex;
   justify-content: space-around;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-279d789e] {
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-84f356a4] {
   flex: 1;
   align-items: center;
   display: flex;
   flex-direction: column;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-279d789e] {
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-84f356a4] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -282,7 +255,7 @@
   border-radius: 50%;
   font-size: 24px;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-279d789e] {
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-84f356a4] {
   margin-top: 8px;
   color: var(--o-color-info1);
 }

package/dist/treeshaking/components/markdown/components/MarkdownPageTitle.vue.mjs

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

package/dist/treeshaking/components/markdown/components/MarkdownPageTitle.vue2.mjs

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["download", "collect"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v49b38883": bgImage.value
+      "v6981a063": bgImage.value
     }));
     const props = __props;
     const emit = __emit;