@opendesign-plus-test/components 0.0.1-rc.177 → 0.0.1-rc.178

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

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

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

@@ -1,147 +0,0 @@
-import { defineComponent, computed, getCurrentInstance, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { mountMarkdownPageTitle } from "./replacer/h1.mjs";
-import { mountMarkdownTitle } from "./replacer/h2.mjs";
-import { mountMarkdownTable } from "./replacer/table.mjs";
-import { mountMarkdownImage } from "./replacer/img.mjs";
-import { mountMarkdownCode } from "./replacer/code.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OMarkdown",
-  props: {
-    disableH1: { type: Boolean, default: false },
-    disableH2: { type: Boolean, default: false },
-    disableTable: { type: Boolean, default: false },
-    disableImg: { type: Boolean, default: false },
-    disableCode: { type: Boolean, default: false },
-    sourceUrl: {},
-    updateTime: {},
-    titleBg: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const sourceUrlRef = computed(() => props.sourceUrl);
-    const updateTimeRef = computed(() => props.updateTime);
-    const titleBgRef = computed(() => props.titleBg);
-    const unbindMap = /* @__PURE__ */ new WeakMap();
-    const instance = getCurrentInstance();
-    const markdownBodyRef = ref();
-    const mounted = ref(false);
-    let observer;
-    let context;
-    const getContext = () => {
-      if (!context && instance) {
-        context = {
-          ...instance.appContext,
-          provides: instance == null ? void 0 : instance.provides
-        };
-      }
-      return context || {};
-    };
-    const selectorMap = computed(() => {
-      const map = {};
-      if (!props.disableH1) {
-        map.h1 = (el, ctx) => mountMarkdownPageTitle(el, ctx, {
-          sourceUrl: sourceUrlRef,
-          updateTime: updateTimeRef,
-          titleBg: titleBgRef
-        });
-      }
-      if (!props.disableH2) {
-        map.h2 = mountMarkdownTitle;
-      }
-      if (!props.disableTable) {
-        map.table = mountMarkdownTable;
-      }
-      if (!props.disableImg) {
-        map.img = mountMarkdownImage;
-      }
-      if (!props.disableCode) {
-        map['div[class*="language-"]'] = mountMarkdownCode;
-      }
-      return map;
-    });
-    const mountComponent = (root, selector) => {
-      const fn = selectorMap.value[selector];
-      if (!fn) {
-        return;
-      }
-      root.querySelectorAll(`${selector}:not([class*="o-"]):not([class*="el-"])`).forEach((el) => {
-        unbindMap.set(el, fn(el, getContext()));
-      });
-    };
-    const unmountComponent = (root, selector) => {
-      root.querySelectorAll(selector).forEach((el) => {
-        const unbind = unbindMap.get(el);
-        if (unbind) {
-          unbind();
-          unbindMap.delete(el);
-        }
-      });
-    };
-    const processMutations = (mutations) => {
-      const activeMap = selectorMap.value;
-      const selectors = Object.keys(activeMap);
-      for (const { addedNodes, removedNodes } of mutations) {
-        addedNodes.forEach((node) => {
-          if (!(node instanceof HTMLElement)) {
-            return;
-          }
-          for (const selector of selectors) {
-            if (node.matches(selector)) {
-              unbindMap.set(node, activeMap[selector](node, getContext()));
-              return;
-            }
-          }
-          selectors.forEach((selector) => {
-            mountComponent(node, selector);
-          });
-        });
-        removedNodes.forEach((node) => {
-          if (!(node instanceof HTMLElement)) {
-            return;
-          }
-          for (const selector of selectors) {
-            if (node.matches(selector)) {
-              const unbind = unbindMap.get(node);
-              if (unbind) {
-                unbind();
-                unbindMap.delete(node);
-              }
-              return;
-            }
-          }
-          selectors.forEach((selector) => {
-            unmountComponent(node, selector);
-          });
-        });
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-      Object.keys(selectorMap.value).forEach((selector) => {
-        mountComponent(markdownBodyRef.value, selector);
-      });
-      mounted.value = true;
-      observer = new MutationObserver(processMutations);
-      observer.observe(markdownBodyRef.value, { childList: true, subtree: true });
-    });
-    onBeforeUnmount(() => {
-      observer == null ? void 0 : observer.disconnect();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["o-markdown", { unmounted: !mounted.value }])
-      }, [
-        createElementVNode("div", {
-          ref_key: "markdownBodyRef",
-          ref: markdownBodyRef,
-          class: "markdown-body"
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 512)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,14 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-f73cc19e] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-f73cc19e] {
-    transform: rotate(-180deg);
-}
-}
-.o-markdown.unmounted[data-v-f73cc19e] .markdown-body table {
-  display: block !important;
-  overflow: hidden !important;
-  max-height: calc(100vh - 210px) !important;
-  visibility: hidden;
-}

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

@@ -1,218 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-38903df9] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-38903df9] {
-    transform: rotate(-180deg);
-}
-}
-.o-md-pagination[data-v-38903df9] {
-  display: flex;
-  flex-direction: column;
-}
-.o-md-pagination__divider[data-v-38903df9] {
-  --o-divider-gap: 24px;
-}
-@media (max-width: 1680px) {
-.o-md-pagination__divider[data-v-38903df9] {
-    --o-divider-gap: 16px;
-}
-}
-@media (max-width: 1200px) {
-.o-md-pagination__divider[data-v-38903df9] {
-    --o-divider-gap: 12px;
-}
-}
-@media (max-width: 600px) {
-.o-md-pagination__divider[data-v-38903df9] {
-    --o-divider-gap: 24px;
-}
-}
-.o-md-pagination__main[data-v-38903df9] {
-  display: flex;
-  overflow: hidden;
-}
-.o-md-pagination__side[data-v-38903df9] {
-  display: block;
-  width: 50%;
-  min-width: 0;
-  color: inherit;
-  text-decoration: none;
-}
-.o-md-pagination__side.o-md-pagination__side--prev[data-v-38903df9] {
-  padding-right: 10px;
-}
-@media (max-width: 840px) {
-.o-md-pagination__side.o-md-pagination__side--prev[data-v-38903df9] {
-    padding-right: 6px;
-}
-}
-.o-md-pagination__side.o-md-pagination__side--next[data-v-38903df9] {
-  padding-left: 10px;
-}
-@media (max-width: 840px) {
-.o-md-pagination__side.o-md-pagination__side--next[data-v-38903df9] {
-    padding-left: 6px;
-}
-}
-.o-md-pagination:not(.o-md-pagination--has-prev) .o-md-pagination__side--next[data-v-38903df9] {
-  margin-left: auto;
-}
-.o-md-pagination__card[data-v-38903df9] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 80px;
-  background-color: var(--o-color-fill1);
-  border-radius: var(--o-md-pagination-radius);
-  cursor: pointer;
-  transition: background-color var(--o-duration-m1) var(--o-easing-standard), box-shadow var(--o-duration-m1) var(--o-easing-standard);
-}
-@media (max-width: 840px) {
-.o-md-pagination__card[data-v-38903df9] {
-    height: 76px;
-}
-}
-.o-md-pagination__side--prev .o-md-pagination__card[data-v-38903df9] {
-  padding-left: 24px;
-  padding-right: 20px;
-}
-@media (max-width: 840px) {
-.o-md-pagination__side--prev .o-md-pagination__card[data-v-38903df9] {
-    padding-left: 16px;
-    padding-right: 8px;
-}
-}
-.o-md-pagination__side--next .o-md-pagination__card[data-v-38903df9] {
-  padding-left: 20px;
-  padding-right: 24px;
-}
-@media (max-width: 840px) {
-.o-md-pagination__side--next .o-md-pagination__card[data-v-38903df9] {
-    padding-left: 8px;
-    padding-right: 16px;
-}
-}
-.o-md-pagination__text[data-v-38903df9] {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  overflow: hidden;
-}
-.o-md-pagination__side--prev .o-md-pagination__text[data-v-38903df9] {
-  align-items: flex-end;
-}
-.o-md-pagination__side--next .o-md-pagination__text[data-v-38903df9] {
-  align-items: flex-start;
-}
-.o-md-pagination__label[data-v-38903df9] {
-  color: var(--o-color-info3);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-pagination__label[data-v-38903df9] {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-md-pagination__label[data-v-38903df9] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-md-pagination__label[data-v-38903df9] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-md-pagination__label[data-v-38903df9] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-md-pagination__side--prev .o-md-pagination__label[data-v-38903df9] {
-  text-align: right;
-}
-.o-md-pagination__title[data-v-38903df9] {
-  color: var(--o-color-info2);
-  max-width: 320px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  transition: color var(--o-duration-m1) var(--o-easing-standard);
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-pagination__title[data-v-38903df9] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-md-pagination__title[data-v-38903df9] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-md-pagination__title[data-v-38903df9] {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-md-pagination__title[data-v-38903df9] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 1200px) {
-.o-md-pagination__title[data-v-38903df9] {
-    max-width: 220px;
-}
-}
-@media (max-width: 840px) {
-.o-md-pagination__title[data-v-38903df9] {
-    max-width: 100%;
-    margin-top: 4px;
-}
-}
-.o-md-pagination__arrow[data-v-38903df9] {
-  flex-shrink: 0;
-  font-size: 24px;
-  color: var(--o-color-info3);
-  transition: color var(--o-duration-m1) var(--o-easing-standard);
-}
-@media (max-width: 840px) {
-.o-md-pagination__arrow[data-v-38903df9] {
-    font-size: 20px;
-}
-}
-.o-md-pagination__arrow--next[data-v-38903df9] {
-  transform: rotate(180deg);
-}
-@media (hover: hover) {
-&:hover .o-md-pagination__card[data-v-38903df9]:hover {
-    background-color: var(--o-color-fill3);
-}
-&:hover .o-md-pagination__card:hover .o-md-pagination__title[data-v-38903df9] {
-    color: var(--o-color-info1);
-}
-&:hover .o-md-pagination__card:hover .o-md-pagination__arrow[data-v-38903df9] {
-    color: var(--o-color-info1);
-}
-}
-[data-o-theme*=dark] .o-md-pagination__card[data-v-38903df9] {
-  background-color: var(--o-color-fill2);
-}
-@media (hover: hover) {
-[data-o-theme*=dark]:hover .o-md-pagination__card[data-v-38903df9]:hover {
-    background-color: var(--o-color-fill3);
-}
-}

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

@@ -1,25 +0,0 @@
-interface PageItem {
-    title?: string;
-    url?: string;
-}
-type __VLS_Props = {
-    prev?: PageItem | null;
-    next?: PageItem | null;
-    prevLabel?: string;
-    nextLabel?: string;
-    divider?: boolean;
-    radius?: string;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    navigate: (type: "prev" | "next", item: PageItem) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: PageItem) => any) | undefined;
-}>, {
-    radius: string;
-    prev: PageItem | null;
-    next: PageItem | null;
-    prevLabel: string;
-    nextLabel: string;
-    divider: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

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

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

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

@@ -1,101 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode, createVNode, withCtx, toDisplayString } from "vue";
-import { ODivider, OIcon } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-import IconNext from "../../_virtual/icon-next.mjs";
-const _hoisted_1 = { class: "o-md-pagination__main" };
-const _hoisted_2 = ["href", "title"];
-const _hoisted_3 = { class: "o-md-pagination__card" };
-const _hoisted_4 = { class: "o-md-pagination__text" };
-const _hoisted_5 = { class: "o-md-pagination__label" };
-const _hoisted_6 = { class: "o-md-pagination__title" };
-const _hoisted_7 = ["href", "title"];
-const _hoisted_8 = { class: "o-md-pagination__card" };
-const _hoisted_9 = { class: "o-md-pagination__text" };
-const _hoisted_10 = { class: "o-md-pagination__label" };
-const _hoisted_11 = { class: "o-md-pagination__title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OMarkdownPagination",
-  props: {
-    prev: { default: null },
-    next: { default: null },
-    prevLabel: { default: "" },
-    nextLabel: { default: "" },
-    divider: { type: Boolean, default: true },
-    radius: { default: "var(--o-radius-xs)" }
-  },
-  emits: ["navigate"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { t } = useI18n();
-    const emit = __emit;
-    const hasPrev = computed(() => !!props.prev && !!props.prev.url);
-    const hasNext = computed(() => !!props.next && !!props.next.url);
-    const show = computed(() => hasPrev.value || hasNext.value);
-    const resolvedPrevLabel = computed(() => props.prevLabel || t("md.prevPage"));
-    const resolvedNextLabel = computed(() => props.nextLabel || t("md.nextPage"));
-    const onNavigate = (type, item) => () => {
-      emit("navigate", type, item);
-    };
-    return (_ctx, _cache) => {
-      return show.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["o-md-pagination", {
-          "o-md-pagination--has-prev": hasPrev.value,
-          "o-md-pagination--has-next": hasNext.value
-        }]),
-        style: normalizeStyle({ "--o-md-pagination-radius": __props.radius })
-      }, [
-        __props.divider ? (openBlock(), createBlock(unref(ODivider), {
-          key: 0,
-          direction: "h",
-          class: "o-md-pagination__divider"
-        })) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1, [
-          hasPrev.value ? (openBlock(), createElementBlock("a", {
-            key: 0,
-            class: "o-md-pagination__side o-md-pagination__side--prev",
-            href: __props.prev.url,
-            title: __props.prev.title,
-            onClick: _cache[0] || (_cache[0] = ($event) => onNavigate("prev", __props.prev))
-          }, [
-            createElementVNode("span", _hoisted_3, [
-              createVNode(unref(OIcon), { class: "o-md-pagination__arrow o-md-pagination__arrow--prev" }, {
-                default: withCtx(() => [
-                  createVNode(unref(IconNext))
-                ]),
-                _: 1
-              }),
-              createElementVNode("span", _hoisted_4, [
-                createElementVNode("span", _hoisted_5, toDisplayString(resolvedPrevLabel.value), 1),
-                createElementVNode("span", _hoisted_6, toDisplayString(__props.prev.title), 1)
-              ])
-            ])
-          ], 8, _hoisted_2)) : createCommentVNode("", true),
-          hasNext.value ? (openBlock(), createElementBlock("a", {
-            key: 1,
-            class: "o-md-pagination__side o-md-pagination__side--next",
-            href: __props.next.url,
-            title: __props.next.title,
-            onClick: _cache[1] || (_cache[1] = ($event) => onNavigate("next", __props.next))
-          }, [
-            createElementVNode("span", _hoisted_8, [
-              createElementVNode("span", _hoisted_9, [
-                createElementVNode("span", _hoisted_10, toDisplayString(resolvedNextLabel.value), 1),
-                createElementVNode("span", _hoisted_11, toDisplayString(__props.next.title), 1)
-              ]),
-              createVNode(unref(OIcon), { class: "o-md-pagination__arrow o-md-pagination__arrow--next" }, {
-                default: withCtx(() => [
-                  createVNode(unref(IconNext))
-                ]),
-                _: 1
-              })
-            ])
-          ], 8, _hoisted_7)) : createCommentVNode("", true)
-        ])
-      ], 6)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,8 +0,0 @@
-import { MaybeElement } from '../types';
-type __VLS_Props = {
-    el: MaybeElement;
-};
-declare const _default: 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>;
-export default _default;

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

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

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

@@ -1,122 +0,0 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, withDirectives } from "vue";
-import { useMessage, OPopover, OIcon, OScroller } from "@opensig/opendesign";
-import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
-import { useScreen, useClipboard } from "@opendesign-plus/composables";
-import { useI18n } from "../../../i18n/index.mjs";
-import { useTheme } from "../../../shared/theme.mjs";
-import IconCopy from "../../../_virtual/icon-copy2.mjs";
-import IconMoon from "../../../_virtual/icon-moon.mjs";
-import IconSun from "../../../_virtual/icon-sun.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "o-md-code-tools"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MarkdownCode",
-  props: {
-    el: {}
-  },
-  setup(__props) {
-    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
-    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;
-      const codeEl = (_a = mdCodeRef.value) == null ? void 0 : _a.querySelector("code");
-      const 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)
-      }, [
-        unref(lePadV) || isHover.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(OPopover), {
-            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
-          }),
-          createVNode(unref(OPopover), {
-            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(() => {
-            var _a;
-            return [
-              withDirectives(createElementVNode("div", {
-                class: normalizeClass(["markdown-body __mounted", {
-                  "is-dark": isDark.value && unref(codeTheme) != unref(theme),
-                  "is-light": !isDark.value && unref(codeTheme) != unref(theme)
-                }])
-              }, null, 2), [
-                [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
-              ])
-            ];
-          }),
-          _: 1
-        })
-      ], 34);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};