@opendesign-plus-test/components 0.0.1-rc.155 → 0.0.1-rc.157

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

@@ -0,0 +1,116 @@
+.hover-icon-rotate .o-icon[data-v-a4099548] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a4099548] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-code[data-v-a4099548] {
+  position: relative;
+  margin-bottom: var(--o-gap-2, 8px);
+}
+.o-md-code[data-v-a4099548] .o-scroller,
+.o-md-code[data-v-a4099548] .o-scroller-container,
+.o-md-code[data-v-a4099548] .o-scrollbar,
+.o-md-code[data-v-a4099548] .o-scrollbar-rail,
+.o-md-code[data-v-a4099548] .o-scrollbar-thumb,
+.o-md-code[data-v-a4099548] .o-scrollbar-track {
+  margin-bottom: 0;
+}
+.o-md-code[data-v-a4099548] .o-scrollbar-x {
+  --scrollbar-height: 97%;
+}
+.o-md-code[data-v-a4099548] .o-scroller-container * {
+  margin-bottom: 0;
+}
+.o-md-code[data-v-a4099548] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
+  margin-top: auto !important;
+}
+.o-md-code .o-md-code-tools[data-v-a4099548] {
+  position: absolute;
+  top: var(--o-gap-3);
+  right: var(--o-gap-4);
+  z-index: 3;
+  display: flex;
+  justify-content: right;
+  align-self: center;
+  color: var(--o-color-info2);
+  font-size: 16px;
+}
+@media (max-width: 840px) {
+.o-md-code .o-md-code-tools[data-v-a4099548] {
+    right: var(--o-gap-3);
+}
+}
+.o-md-code .o-md-code-icon-theme[data-v-a4099548],
+.o-md-code .o-md-code-icon-copy[data-v-a4099548] {
+  cursor: pointer;
+}
+@media (hover: hover) {
+.o-md-code .o-md-code-icon-theme[data-v-a4099548]:hover,
+  .o-md-code .o-md-code-icon-copy[data-v-a4099548]:hover {
+    color: var(--o-color-info1);
+}
+}
+.o-md-code .o-md-code-icon-copy[data-v-a4099548] {
+  margin-left: 12px;
+}
+.o-md-code.is-light .o-md-code-icon-copy[data-v-a4099548],
+.o-md-code.is-light .o-md-code-icon-theme[data-v-a4099548] {
+  color: rgba(0, 0, 0, 0.8);
+}
+@media (hover: hover) {
+.o-md-code.is-light .o-md-code-icon-copy[data-v-a4099548]:hover,
+  .o-md-code.is-light .o-md-code-icon-theme[data-v-a4099548]:hover {
+    color: rgb(0, 0, 0);
+}
+}
+.o-md-code.is-dark .o-md-code-icon-copy[data-v-a4099548],
+.o-md-code.is-dark .o-md-code-icon-theme[data-v-a4099548] {
+  color: rgba(255, 255, 255, 0.8);
+}
+@media (hover: hover) {
+.o-md-code.is-dark .o-md-code-icon-copy[data-v-a4099548]:hover,
+  .o-md-code.is-dark .o-md-code-icon-theme[data-v-a4099548]:hover {
+    color: rgb(255, 255, 255);
+}
+}
+.o-md-code .markdown-body.is-light[data-v-a4099548] {
+  --o-md-code-bg-color: #f6f7f8;
+}
+.o-md-code .markdown-body.is-light[data-v-a4099548] code span {
+  color: var(--shiki-light, inherit) !important;
+}
+.o-md-code .markdown-body.is-dark[data-v-a4099548] {
+  --o-md-code-bg-color: #212327;
+}
+.o-md-code .markdown-body.is-dark[data-v-a4099548] code span {
+  color: var(--shiki-dark, inherit) !important;
+}
+.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-a4099548],
+.o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-a4099548] {
+  color: rgba(255, 255, 255, 0.8);
+}
+@media (hover: hover) {
+.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-a4099548]:hover,
+  .o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-a4099548]:hover {
+    color: rgb(255, 255, 255);
+}
+}
+.o-md-code .markdown-body[data-v-a4099548] .copy {
+  display: none;
+}
+.o-md-code .markdown-body[data-v-a4099548] pre {
+  overflow: visible !important;
+  overflow-x: visible !important;
+  background-color: transparent !important;
+}
+.o-md-code .markdown-body[data-v-a4099548] pre code {
+  background-color: var(--o-md-code-bg-color);
+}
+@media (max-width: 840px) {
+.o-md-code .markdown-body[data-v-a4099548] pre code {
+    padding-top: 28px;
+}
+}

package/dist/treeshaking/components/markdown/MarkdownCode.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    lang?: string;
+    code?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        mdCodeRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    mdCodeRef: HTMLDivElement;
+}, 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/markdown/MarkdownCode.vue.mjs

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

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

@@ -0,0 +1,121 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, withCtx, toDisplayString, createVNode, createCommentVNode, renderSlot } from "vue";
+import { useMessage, OPopover, OIcon, OScroller } from "@opensig/opendesign";
+import { useScreen, useClipboard } from "@opendesign-plus/composables";
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import IconCopy from "../../_virtual/icon-copy.mjs";
+import IconMoon from "../../_virtual/icon-moon.mjs";
+import IconSun from "../../_virtual/icon-sun.mjs";
+const _hoisted_1 = { class: "o-md-code-tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownCode",
+  props: {
+    lang: {},
+    code: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const message = useMessage();
+    const { t } = useI18n();
+    const { lePadV } = useScreen();
+    const { theme, codeTheme, toggleCodeTheme } = useTheme();
+    const isDark = computed(() => codeTheme.value === "dark");
+    const isHover = ref(false);
+    const mdCodeRef = ref();
+    const onClickCopy = async () => {
+      var _a;
+      let text = props.code || "";
+      if (!text) {
+        const codeEl = (_a = mdCodeRef.value) == null ? void 0 : _a.querySelector("code");
+        text = (codeEl == null ? void 0 : codeEl.textContent) || "";
+      }
+      if (await useClipboard(text)) {
+        message.success({
+          content: t("common.copySuccess")
+        });
+      }
+    };
+    const onClickChangeTheme = () => {
+      toggleCodeTheme();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "mdCodeRef",
+        ref: mdCodeRef,
+        class: normalizeClass(["o-md-code", {
+          "is-dark": isDark.value && unref(codeTheme) != unref(theme),
+          "is-light": !isDark.value && unref(codeTheme) != unref(theme)
+        }]),
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => isHover.value = true),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => isHover.value = false)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          unref(lePadV) || isHover.value ? (openBlock(), createBlock(unref(OPopover), {
+            key: 0,
+            position: "top",
+            trigger: "hover",
+            offset: 12
+          }, {
+            target: withCtx(() => [
+              createVNode(unref(OIcon), {
+                class: "o-md-code-icon-theme",
+                onClick: onClickChangeTheme
+              }, {
+                default: withCtx(() => [
+                  isDark.value ? (openBlock(), createBlock(unref(IconSun), { key: 0 })) : (openBlock(), createBlock(unref(IconMoon), { key: 1 }))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("span", null, toDisplayString(unref(codeTheme) === "light" ? unref(t)("md.darkTheme") : unref(t)("md.lightTheme")), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          unref(lePadV) || isHover.value ? (openBlock(), createBlock(unref(OPopover), {
+            key: 1,
+            position: "top",
+            trigger: "hover",
+            offset: 12
+          }, {
+            target: withCtx(() => [
+              createVNode(unref(OIcon), {
+                class: "o-md-code-icon-copy",
+                onClick: onClickCopy
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconCopy))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("span", null, toDisplayString(unref(t)("common.copy")), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        createVNode(unref(OScroller), {
+          size: "small",
+          "show-type": "always",
+          "disabled-y": ""
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["markdown-body", {
+                "is-dark": isDark.value && unref(codeTheme) != unref(theme),
+                "is-light": !isDark.value && unref(codeTheme) != unref(theme)
+              }])
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ], 2)
+          ]),
+          _: 3
+        })
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,48 @@
+.hover-icon-rotate .o-icon[data-v-129425d9] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-129425d9] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-img[data-v-129425d9] {
+  width: auto;
+  max-width: 100%;
+  position: relative;
+  display: inline-block;
+  padding: var(--o-gap-2);
+  margin-bottom: var(--o-gap-2, 8px);
+  border: 1px solid var(--o-color-control4);
+  border-radius: var(--o-radius-m);
+  cursor: zoom-in;
+}
+@media (hover: hover) {
+.o-md-img[data-v-129425d9]:hover {
+    box-shadow: var(--o-shadow-1);
+}
+}
+.o-md-img[data-v-129425d9] img {
+  max-width: 100%;
+  padding: 0 !important;
+  border: none !important;
+  border-radius: unset !important;
+  box-shadow: none !important;
+}
+.o-md-img .o-md-img-icon-zoom[data-v-129425d9] {
+  position: absolute;
+  z-index: 10;
+  top: 50%;
+  right: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 32px;
+}
+.o-md-img.unexpand[data-v-129425d9] {
+  padding: 0 var(--o-gap-2);
+  border: none;
+  border-radius: unset;
+  cursor: default;
+}
+.o-md-img.in-paragraph[data-v-129425d9] {
+  margin-bottom: 0;
+}

package/dist/treeshaking/components/markdown/MarkdownImage.vue.d.ts

@@ -0,0 +1,21 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        containerRef: HTMLSpanElement;
+    };
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    containerRef: HTMLSpanElement;
+}, HTMLSpanElement>;
+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/markdown/MarkdownImage.vue.mjs

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

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

@@ -0,0 +1,64 @@
+import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, renderSlot } from "vue";
+import { useElementSize } from "@vueuse/core";
+import { useImageViewer } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import IconZoom from "../../assets/svg-icons/icon-zoom.svg.mjs";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownImage",
+  setup(__props) {
+    const { lePadV } = useScreen();
+    const containerRef = ref();
+    const { width } = useElementSize(containerRef);
+    const zoomEnabled = computed(() => width.value >= 216);
+    const zoomImgUrl = ref("");
+    const isHover = ref(false);
+    const inParagraph = ref(false);
+    onMounted(() => {
+      var _a, _b;
+      inParagraph.value = ((_b = (_a = containerRef.value) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.tagName) === "P";
+    });
+    watch(zoomEnabled, () => {
+      var _a;
+      const img = (_a = containerRef.value) == null ? void 0 : _a.querySelector('img:not([class="o-md-img-icon-zoom"])');
+      if (img) {
+        zoomImgUrl.value = img.src;
+      }
+    });
+    const { open, unmount } = useImageViewer({
+      previewList: () => [zoomImgUrl.value],
+      currentIndex: 0,
+      layerOptions: {
+        maskClose: true
+      }
+    });
+    const onClickContainer = () => {
+      if (zoomEnabled.value && zoomImgUrl.value) {
+        open();
+      }
+    };
+    onBeforeUnmount(() => {
+      unmount();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass(["o-md-img", { "unexpand": !zoomEnabled.value, "in-paragraph": inParagraph.value }]),
+        onClick: onClickContainer,
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => isHover.value = true),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => isHover.value = false)
+      }, [
+        !unref(lePadV) && zoomEnabled.value && isHover.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "o-md-img-icon-zoom",
+          src: unref(IconZoom)
+        }, null, 8, _hoisted_1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,230 @@
+.hover-icon-rotate .o-icon[data-v-ea2252e3] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-ea2252e3] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-page-title[data-v-ea2252e3] {
+  --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-md-page-title[data-v-ea2252e3] {
+    --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-md-page-title[data-v-ea2252e3] {
+    --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-md-page-title[data-v-ea2252e3] {
+    --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-md-page-title[data-v-ea2252e3] {
+    --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-ea2252e3] {
+  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-m);
+  background-image: var(--f268dc4e);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+}
+.o-md-page-title .o-md-page-title-text[data-v-ea2252e3] 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-ea2252e3] 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-ea2252e3] 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-ea2252e3] h1 {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-md-page-title .o-md-page-title-text[data-v-ea2252e3] h1 {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-md-page-title .o-md-page-title-actions[data-v-ea2252e3] {
+  display: flex;
+  align-items: center;
+  gap: var(--o-gap-2);
+  flex-shrink: 0;
+  margin-top: var(--o-gap-3);
+}
+@media (max-width: 840px) {
+.o-md-page-title .o-md-page-title-actions[data-v-ea2252e3] {
+    margin-top: 0;
+}
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-ea2252e3] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-atomgit-source[data-v-ea2252e3] {
+  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-atomgit-source[data-v-ea2252e3] {
+    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-atomgit-source[data-v-ea2252e3] {
+    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-atomgit-source[data-v-ea2252e3] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-atomgit-source[data-v-ea2252e3] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-atomgit-source[data-v-ea2252e3] .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-ea2252e3] {
+  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-ea2252e3] {
+    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-ea2252e3] {
+    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-ea2252e3] {
+    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-ea2252e3] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-md-page-title.is-simple[data-v-ea2252e3] {
+  padding: 0;
+  background-image: none;
+}
+@media (max-width: 840px) {
+.o-md-page-title.first-h1[data-v-ea2252e3] {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+}
+.o-md-page-title.more-h1[data-v-ea2252e3] {
+  margin-top: var(--o-gap-6);
+}
+.o-md-page-dlg-action-box-container[data-v-ea2252e3] {
+  display: flex;
+  justify-content: space-around;
+}
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-ea2252e3] {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+}
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-ea2252e3] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  background-color: var(--o-color-fill1);
+  border-radius: 50%;
+  font-size: 24px;
+}
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-ea2252e3] {
+  margin-top: 8px;
+  color: var(--o-color-info1);
+}

package/dist/treeshaking/components/markdown/MarkdownPageTitle.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    bg?: string;
+    gitcodeUrl?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        titleRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bg: string;
+    gitcodeUrl: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    titleRef: 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/markdown/MarkdownPageTitle.vue.mjs

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