@opendesign-plus-test/components 0.0.1-rc.20 → 0.0.1-rc.201

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

@@ -0,0 +1,51 @@
+type __VLS_Props = {
+    disableH1?: boolean;
+    disableH2?: boolean;
+    disableTable?: boolean;
+    disableImg?: boolean;
+    disableCode?: boolean;
+    disableChangeCodeTheme?: boolean;
+    sourceUrl?: string;
+    updateTime?: string;
+    titleBg?: string;
+    enableDownload?: boolean;
+    enableStar?: boolean;
+    markdownBodyClass?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        markdownBodyRef: 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, {
+    download: () => any;
+    collect: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDownload?: (() => any) | undefined;
+    onCollect?: (() => any) | undefined;
+}>, {
+    enableDownload: boolean;
+    enableStar: boolean;
+    disableChangeCodeTheme: boolean;
+    disableH1: boolean;
+    disableH2: boolean;
+    disableTable: boolean;
+    disableImg: boolean;
+    disableCode: boolean;
+    markdownBodyClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    markdownBodyRef: 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/OMarkdown.vue.mjs

@@ -0,0 +1,8 @@
+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-31e0d0d3"]]);
+export {
+  _OMarkdown as default
+};

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

@@ -0,0 +1,163 @@
+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 },
+    disableChangeCodeTheme: { type: Boolean, default: false },
+    sourceUrl: {},
+    updateTime: {},
+    titleBg: {},
+    enableDownload: { type: Boolean, default: false },
+    enableStar: { type: Boolean, default: false },
+    markdownBodyClass: { default: "o-markdown-body" }
+  },
+  emits: ["download", "collect"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const sourceUrlRef = computed(() => props.sourceUrl);
+    const updateTimeRef = computed(() => props.updateTime);
+    const titleBgRef = computed(() => props.titleBg);
+    const enableDownloadRef = computed(() => props.enableDownload);
+    const enableStarRef = computed(() => props.enableStar);
+    const emit = __emit;
+    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,
+          enableDownload: enableDownloadRef,
+          enableStar: enableStarRef,
+          onDownload: () => emit("download"),
+          onCollect: () => emit("collect")
+        });
+      }
+      if (!props.disableH2) {
+        map.h2 = mountMarkdownTitle;
+      }
+      if (!props.disableTable) {
+        map.table = mountMarkdownTable;
+      }
+      if (!props.disableImg) {
+        map.img = mountMarkdownImage;
+      }
+      if (!props.disableCode) {
+        const mountCode = (el, ctx) => mountMarkdownCode(el, ctx, {
+          disableChangeCodeTheme: props.disableChangeCodeTheme
+        });
+        map['div[class*="language-"]'] = mountCode;
+        map.pre = mountCode;
+      }
+      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: normalizeClass(__props.markdownBodyClass)
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,12 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-markdown-body blockquote .o-md-code {
+  border-radius: var(--o-radius-xs);
+  border: 1px solid var(--o-color-control4);
+}

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

@@ -0,0 +1,9 @@
+import { OMarkdownMaybeElementT } from '../types';
+type __VLS_Props = {
+    el: OMarkdownMaybeElementT;
+    disableChangeCodeTheme?: boolean;
+};
+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

@@ -0,0 +1,8 @@
+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-8895ed58"]]);
+export {
+  MarkdownCode as default
+};

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

@@ -0,0 +1,127 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, createCommentVNode, withDirectives } from "vue";
+import { useMessage, useToast, 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: {},
+    disableChangeCodeTheme: { type: Boolean }
+  },
+  setup(__props) {
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
+    const message = useMessage();
+    const toast = useToast();
+    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)) {
+        if (lePadV.value) {
+          toast.show(t("common.copySuccess"));
+        } else {
+          message.success(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, [
+          !__props.disableChangeCodeTheme ? (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),
+          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(["o-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
+};

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

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

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

@@ -0,0 +1,73 @@
+.hover-icon-rotate .o-icon[data-v-af8b0296] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-af8b0296] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-img[data-v-af8b0296] {
+  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-xs);
+  cursor: zoom-in;
+}
+.o-md-img[data-v-af8b0296] 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-af8b0296] {
+  position: absolute;
+  z-index: 10;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 32px;
+}
+@media (hover: hover) {
+.o-md-img[data-v-af8b0296]:not(.unexpand):hover {
+    box-shadow: var(--o-shadow-1);
+}
+}
+.o-md-img.unexpand[data-v-af8b0296] {
+  padding: 0 var(--o-gap-2);
+  border: none;
+  border-radius: unset;
+  cursor: default;
+}
+.o-md-img.in-paragraph[data-v-af8b0296] {
+  margin-bottom: 0;
+}
+.o-md-img.previous-is-br[data-v-af8b0296] {
+  margin-top: var(--o-gap-2, 8px);
+}
+[data-o-theme*=dark] .o-md-img[data-v-af8b0296] {
+  --o-md-img-mask-display: none;
+}
+@media (hover: hover) {
+[data-o-theme*=dark] .o-md-img[data-v-af8b0296]:hover {
+    --o-md-img-mask-display: block;
+}
+}
+[data-o-theme*=dark] .o-md-img[data-v-af8b0296]::after {
+  content: "";
+  display: var(--o-md-img-mask-display);
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--o-radius-xs);
+  background-color: rgba(var(--o-black), 0.1);
+}
+[data-o-theme*=dark] .o-md-img-content[data-v-af8b0296] {
+  filter: brightness(80%) grayscale(20%) contrast(1.2);
+}

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

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    el: HTMLImageElement;
+};
+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, {
+    containerRef: HTMLSpanElement;
+    imgRef: HTMLImageElement;
+}, HTMLSpanElement>;
+export default _default;

package/dist/treeshaking/components/markdown/components/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-af8b0296"]]);
+export {
+  MarkdownImage as default
+};