@opendesign-plus-test/components 0.0.1-rc.154 → 0.0.1-rc.156

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

@@ -13,15 +13,15 @@ declare const OHeaderSearch: {
     } & {
         [x: string]: any;
     }, import('vue').PublicProps, {
-        modelValue: string;
         clearable: boolean;
+        modelValue: string;
         debounce: number;
         simple: boolean;
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../search').OSearchRecommendItem[];
-        suggestItems: import('../search').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -67,9 +67,9 @@ declare const OHeaderSearch: {
                     $props: Partial<{
                         color: "normal" | "primary" | "success" | "warning" | "danger";
                         type: "text" | "password";
-                        disabled: boolean;
+                        disabled: boolean | undefined;
                         variant: "solid" | "outline" | "text";
-                        clearable: boolean;
+                        clearable: boolean | undefined;
                         readonly: boolean;
                         noKeyboard: boolean;
                         showLength: "auto" | "always" | "never";
@@ -82,10 +82,8 @@ declare const OHeaderSearch: {
                         readonly type: "text" | "password";
                         readonly color: "danger" | "warning" | "success" | "primary" | "normal";
                         readonly variant: "solid" | "outline" | "text";
-                        readonly disabled: boolean;
                         readonly readonly: boolean;
                         readonly noKeyboard: boolean;
-                        readonly clearable: boolean;
                         readonly showLength: "auto" | "always" | "never";
                         readonly inputOnOutlimit: boolean;
                         readonly showPasswordEvent: "click" | "pointerdown";
@@ -94,6 +92,8 @@ declare const OHeaderSearch: {
                         readonly onlyNumericInput: boolean;
                         readonly size?: "small" | "large" | "medium" | undefined;
                         readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly clearable?: boolean | undefined;
                         readonly modelValue?: string | number | undefined;
                         readonly defaultValue?: string | number | undefined;
                         readonly placeholder?: string | undefined;
@@ -111,7 +111,7 @@ declare const OHeaderSearch: {
                         readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
                         readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
                         readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
                     $attrs: import('vue').Attrs;
                     $refs: {
                         [x: string]: unknown;
@@ -156,7 +156,8 @@ declare const OHeaderSearch: {
                             type: StringConstructor;
                         };
                         disabled: {
-                            type: BooleanConstructor;
+                            type: import('vue').PropType<boolean | undefined>;
+                            default: undefined;
                         };
                         readonly: {
                             type: BooleanConstructor;
@@ -165,7 +166,8 @@ declare const OHeaderSearch: {
                             type: BooleanConstructor;
                         };
                         clearable: {
-                            type: BooleanConstructor;
+                            type: import('vue').PropType<boolean | undefined>;
+                            default: undefined;
                         };
                         minLength: {
                             type: NumberConstructor;
@@ -232,9 +234,9 @@ declare const OHeaderSearch: {
                     }, string, {
                         color: "normal" | "primary" | "success" | "warning" | "danger";
                         type: "text" | "password";
-                        disabled: boolean;
+                        disabled: boolean | undefined;
                         variant: "solid" | "outline" | "text";
-                        clearable: boolean;
+                        clearable: boolean | undefined;
                         readonly: boolean;
                         noKeyboard: boolean;
                         showLength: "auto" | "always" | "never";
@@ -266,9 +268,9 @@ declare const OHeaderSearch: {
                 } & Readonly<{
                     color: "normal" | "primary" | "success" | "warning" | "danger";
                     type: "text" | "password";
-                    disabled: boolean;
+                    disabled: boolean | undefined;
                     variant: "solid" | "outline" | "text";
-                    clearable: boolean;
+                    clearable: boolean | undefined;
                     readonly: boolean;
                     noKeyboard: boolean;
                     showLength: "auto" | "always" | "never";
@@ -309,7 +311,8 @@ declare const OHeaderSearch: {
                         type: StringConstructor;
                     };
                     disabled: {
-                        type: BooleanConstructor;
+                        type: import('vue').PropType<boolean | undefined>;
+                        default: undefined;
                     };
                     readonly: {
                         type: BooleanConstructor;
@@ -318,7 +321,8 @@ declare const OHeaderSearch: {
                         type: BooleanConstructor;
                     };
                     clearable: {
-                        type: BooleanConstructor;
+                        type: import('vue').PropType<boolean | undefined>;
+                        default: undefined;
                     };
                     minLength: {
                         type: NumberConstructor;
@@ -368,7 +372,7 @@ declare const OHeaderSearch: {
                     onFocus?: ((evt: FocusEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                     onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-                }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+                }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "clearable" | "readonly" | "noKeyboard" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
                     focus: () => void | undefined;
                     blur: () => void | undefined;
                     clear: () => void | undefined;
@@ -418,8 +422,8 @@ declare const OHeaderSearch: {
             }, string, {
                 size: "small" | "medium" | "large";
                 disabled: boolean;
-                modelValue: string;
                 clearable: boolean;
+                modelValue: string;
                 preview: boolean;
                 expanded: boolean;
                 imageUrl: string;
@@ -451,8 +455,8 @@ declare const OHeaderSearch: {
         } & Readonly<{
             size: "small" | "medium" | "large";
             disabled: boolean;
-            modelValue: string;
             clearable: boolean;
+            modelValue: string;
             preview: boolean;
             expanded: boolean;
             imageUrl: string;
@@ -463,7 +467,7 @@ declare const OHeaderSearch: {
             allowedImageTypes: string[];
         }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
             [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
+        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "clearable" | "modelValue" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             awaitUpload: () => Promise<void>;
@@ -498,15 +502,15 @@ declare const OHeaderSearch: {
         close: () => void;
         search: (overrideKeyword?: string) => Promise<void>;
     }, {}, {}, {}, {
-        modelValue: string;
         clearable: boolean;
+        modelValue: string;
         debounce: number;
         simple: boolean;
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../search').OSearchRecommendItem[];
-        suggestItems: import('../search').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -535,15 +539,15 @@ declare const OHeaderSearch: {
 } & {
     [x: string]: any;
 }, string, {
-    modelValue: string;
     clearable: boolean;
+    modelValue: string;
     debounce: number;
     simple: boolean;
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../search').OSearchRecommendItem[];
-    suggestItems: import('../search').OSearchRecommendItem[];
+    onestepItems: import('../../index').OSearchRecommendItem[];
+    suggestItems: import('../../index').OSearchRecommendItem[];
     recommendItems: string[];
     historyItems: string[];
     hotItems: string[];
@@ -569,8 +573,8 @@ declare const OHeaderSearch: {
             recommendItems: string[];
             historyItems: string[];
             hotItems: string[];
-            suggestItems: import('../search').OSearchRecommendItem[];
-            onestepItems: import('../search').OSearchRecommendItem[];
+            suggestItems: import('../../index').OSearchRecommendItem[];
+            onestepItems: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'recommend-header'?(_: {
@@ -580,17 +584,17 @@ declare const OHeaderSearch: {
             items: string[];
         }): any;
         'onestep-header'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

package/dist/treeshaking/components/logo-swiper/index.d.ts

@@ -20,13 +20,13 @@ declare const OLogoSwiper: {
     install(app: App): void;
 };
 declare const OLogoSwiperItems: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
-        onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (item: import('./types').OLogoSwiperItemT) => any;
+        click: (item: import('../../index').OLogoSwiperItemT) => any;
     }, import('vue').PublicProps, {
         reverse: boolean;
-        data: import('./types').OLogoSwiperItemT[];
+        data: import('../../index').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
         fit: "cover" | "contain" | "fill" | "none" | "scale-down";
@@ -42,11 +42,11 @@ declare const OLogoSwiperItems: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
-        onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
+    }, Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
     }>, {}, {}, {}, {}, {
         reverse: boolean;
-        data: import('./types').OLogoSwiperItemT[];
+        data: import('../../index').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
         fit: "cover" | "contain" | "fill" | "none" | "scale-down";
@@ -57,13 +57,13 @@ declare const OLogoSwiperItems: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').OLogoSwiperItemsPropsT> & Readonly<{
-    onClick?: ((item: import('./types').OLogoSwiperItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+    onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (item: import('./types').OLogoSwiperItemT) => any;
+    click: (item: import('../../index').OLogoSwiperItemT) => any;
 }, string, {
     reverse: boolean;
-    data: import('./types').OLogoSwiperItemT[];
+    data: import('../../index').OLogoSwiperItemT[];
     target: "_blank" | "_parent" | "_self" | "_top";
     duration: number;
     fit: "cover" | "contain" | "fill" | "none" | "scale-down";

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

@@ -0,0 +1,116 @@
+.hover-icon-rotate .o-icon[data-v-3956975e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-3956975e] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-code[data-v-3956975e] {
+  position: relative;
+  margin-bottom: var(--o-gap-2, 8px);
+}
+.o-md-code[data-v-3956975e] .o-scroller,
+.o-md-code[data-v-3956975e] .o-scroller-container,
+.o-md-code[data-v-3956975e] .o-scrollbar,
+.o-md-code[data-v-3956975e] .o-scrollbar-rail,
+.o-md-code[data-v-3956975e] .o-scrollbar-thumb,
+.o-md-code[data-v-3956975e] .o-scrollbar-track {
+  margin-bottom: 0;
+}
+.o-md-code[data-v-3956975e] .o-scrollbar-x {
+  --scrollbar-height: 97%;
+}
+.o-md-code[data-v-3956975e] .o-scroller-container * {
+  margin-bottom: 0;
+}
+.o-md-code[data-v-3956975e] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
+  margin-top: auto !important;
+}
+.o-md-code .o-md-code-tools[data-v-3956975e] {
+  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-3956975e] {
+    right: var(--o-gap-3);
+}
+}
+.o-md-code .o-md-code-icon-theme[data-v-3956975e],
+.o-md-code .o-md-code-icon-copy[data-v-3956975e] {
+  cursor: pointer;
+}
+@media (hover: hover) {
+.o-md-code .o-md-code-icon-theme[data-v-3956975e]:hover,
+  .o-md-code .o-md-code-icon-copy[data-v-3956975e]:hover {
+    color: var(--o-color-info1);
+}
+}
+.o-md-code .o-md-code-icon-copy[data-v-3956975e] {
+  margin-left: 12px;
+}
+.o-md-code.is-light .o-md-code-icon-copy[data-v-3956975e],
+.o-md-code.is-light .o-md-code-icon-theme[data-v-3956975e] {
+  color: rgba(0, 0, 0, 0.8);
+}
+@media (hover: hover) {
+.o-md-code.is-light .o-md-code-icon-copy[data-v-3956975e]:hover,
+  .o-md-code.is-light .o-md-code-icon-theme[data-v-3956975e]:hover {
+    color: rgb(0, 0, 0);
+}
+}
+.o-md-code.is-dark .o-md-code-icon-copy[data-v-3956975e],
+.o-md-code.is-dark .o-md-code-icon-theme[data-v-3956975e] {
+  color: rgba(255, 255, 255, 0.8);
+}
+@media (hover: hover) {
+.o-md-code.is-dark .o-md-code-icon-copy[data-v-3956975e]:hover,
+  .o-md-code.is-dark .o-md-code-icon-theme[data-v-3956975e]:hover {
+    color: rgb(255, 255, 255);
+}
+}
+.markdown-body.is-light[data-v-3956975e] {
+  --o-md-code-bg-color: #f6f7f8;
+}
+.markdown-body.is-light[data-v-3956975e] code span {
+  color: var(--shiki-light, inherit) !important;
+}
+.markdown-body.is-dark[data-v-3956975e] {
+  --o-md-code-bg-color: #212327;
+}
+.markdown-body.is-dark[data-v-3956975e] code span {
+  color: var(--shiki-dark, inherit) !important;
+}
+.markdown-body.is-dark .o-md-code-icon-copy[data-v-3956975e],
+.markdown-body.is-dark .o-md-code-icon-theme[data-v-3956975e] {
+  color: rgba(255, 255, 255, 0.8);
+}
+@media (hover: hover) {
+.markdown-body.is-dark .o-md-code-icon-copy[data-v-3956975e]:hover,
+  .markdown-body.is-dark .o-md-code-icon-theme[data-v-3956975e]:hover {
+    color: rgb(255, 255, 255);
+}
+}
+.markdown-body[data-v-3956975e] .copy {
+  display: none;
+}
+.markdown-body[data-v-3956975e] pre {
+  overflow: visible;
+  overflow-x: visible;
+  background-color: transparent;
+}
+.markdown-body[data-v-3956975e] pre code {
+  background-color: var(--o-md-code-bg-color);
+}
+@media (max-width: 840px) {
+.markdown-body[data-v-3956975e] 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-3956975e"]]);
+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-copy2.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,39 @@
+.hover-icon-rotate .o-icon[data-v-c6621e3d] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-c6621e3d] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-img[data-v-c6621e3d] {
+  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;
+}
+.o-md-img[data-v-c6621e3d] img {
+  max-width: 100%;
+}
+.o-md-img .o-md-img-icon-zoom[data-v-c6621e3d] {
+  position: absolute;
+  z-index: 10;
+  top: 50%;
+  right: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 32px;
+}
+.o-md-img.unexpand[data-v-c6621e3d] {
+  padding: 0 var(--o-gap-2);
+  border: none;
+  border-radius: unset;
+  cursor: default;
+}
+.o-md-img.in-paragraph[data-v-c6621e3d] {
+  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-c6621e3d"]]);
+export {
+  _MarkdownImage as default
+};