@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,15 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref } from "vue";
+// src/components/logo-swiper/OLogoSwiper.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-logo-swiper" };
+var _hoisted_2 = { class: "o-logo-swiper-tip" };
+var OLogoSwiper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OLogoSwiper",
+	setup(__props) {
+		const { t } = useI18n();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true), renderSlot(_ctx.$slots, "tip", {}, () => [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("logo.tip")), 1)], true)]);
+		};
+	}
+});
+export { OLogoSwiper_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OLogoSwiperItems_vue_vue_type_script_setup_true_lang_default from "./OLogoSwiperItems.vue_vue_type_script_setup_true_lang.mjs";
+import './OLogoSwiperItems.vue_vue_type_style_index_0_scoped_2d960cc9_lang.css';
+// src/components/logo-swiper/OLogoSwiperItems.vue
+var OLogoSwiperItems_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OLogoSwiperItems_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2d960cc9"]]);
+export { OLogoSwiperItems_default as default };

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,145 @@
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, unref, watch } from "vue";
+import { OFigure } from "@opensig/opendesign";
+// src/components/logo-swiper/OLogoSwiperItems.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-logo-swiper-track" };
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = ["href", "target"];
+var OLogoSwiperItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OLogoSwiperItems",
+	props: {
+		data: { default: () => [] },
+		reverse: {
+			type: Boolean,
+			default: false
+		},
+		autoPlay: {
+			type: Boolean,
+			default: true
+		},
+		duration: { default: 100 },
+		pauseOnHover: {
+			type: Boolean,
+			default: true
+		},
+		target: { default: "_blank" },
+		radius: { default: "" },
+		fit: { default: "fill" }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { locale } = useI18n();
+		const { isDark } = useTheme();
+		const rootStyle = computed(() => {
+			const style = { "--logo-swiper-duration": `${props.duration}s` };
+			if (props.radius !== "") style["--o-logo-swiper-item-radius"] = typeof props.radius === "number" ? `${props.radius}px` : props.radius;
+			return style;
+		});
+		const rootRef = ref(null);
+		const isVisible = ref(false);
+		const repeatCount = ref(2);
+		let resizeObserver = null;
+		let io = null;
+		const measure = () => {
+			const root = rootRef.value;
+			if (!root || !props.data.length) {
+				repeatCount.value = 2;
+				return;
+			}
+			const containerWidth = root.offsetWidth;
+			if (containerWidth <= 0) return;
+			const firstItem = root.querySelector(".o-logo-swiper-item");
+			if (!firstItem) return;
+			const style = getComputedStyle(firstItem);
+			const itemWidth = firstItem.offsetWidth + (parseFloat(style.marginRight) || 0);
+			if (itemWidth <= 0) return;
+			const dataWidth = props.data.length * itemWidth;
+			let need = Math.ceil(containerWidth * 2 / dataWidth);
+			if (need < 2) need = 2;
+			if (need % 2 !== 0) need += 1;
+			repeatCount.value = need;
+		};
+		const loopData = computed(() => {
+			const out = [];
+			for (let i = 0; i < repeatCount.value; i++) out.push(...props.data);
+			return out;
+		});
+		watch(() => props.data, () => nextTick(measure));
+		onMounted(() => {
+			if (typeof IntersectionObserver === "undefined" || !rootRef.value) isVisible.value = true;
+			else {
+				io = new IntersectionObserver((entries) => {
+					entries.forEach((entry) => {
+						isVisible.value = entry.isIntersecting;
+					});
+				}, { threshold: .5 });
+				io.observe(rootRef.value);
+			}
+			nextTick(measure);
+			if (typeof ResizeObserver !== "undefined" && rootRef.value) {
+				resizeObserver = new ResizeObserver(() => measure());
+				resizeObserver.observe(rootRef.value);
+			}
+		});
+		onBeforeUnmount(() => {
+			resizeObserver?.disconnect();
+			io?.disconnect();
+			resizeObserver = io = null;
+		});
+		const getHref = (item) => {
+			if (locale.value !== "zh" && item.hrefEn) return item.hrefEn;
+			return item.href;
+		};
+		const getLogo = (item) => {
+			if (isDark.value) return item.logoDark || item.logo;
+			return item.logo;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["o-logo-swiper-items", {
+					"is-reverse": __props.reverse,
+					"is-paused": !__props.autoPlay,
+					"is-visible": isVisible.value,
+					"pause-on-hover": __props.pauseOnHover
+				}]),
+				style: normalizeStyle(rootStyle.value)
+			}, [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(loopData.value, (item, i) => {
+				return openBlock(), createElementBlock("div", {
+					key: i,
+					class: normalizeClass(["o-logo-swiper-item", { link: getHref(item) }]),
+					onClick: ($event) => emit("click", item)
+				}, [getHref(item) ? (openBlock(), createElementBlock("a", {
+					key: 0,
+					href: getHref(item),
+					target: __props.target,
+					rel: "noopener noreferrer"
+				}, [createVNode(unref(OFigure), {
+					class: "o-logo-swiper-img",
+					src: getLogo(item),
+					alt: item.alt,
+					fit: __props.fit
+				}, null, 8, [
+					"src",
+					"alt",
+					"fit"
+				])], 8, _hoisted_3)) : (openBlock(), createBlock(unref(OFigure), {
+					key: 1,
+					class: "o-logo-swiper-img",
+					src: getLogo(item),
+					alt: item.alt,
+					fit: __props.fit
+				}, null, 8, [
+					"src",
+					"alt",
+					"fit"
+				]))], 10, _hoisted_2);
+			}), 128))])], 6);
+		};
+	}
+});
+export { OLogoSwiperItems_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/logo-swiper/index.mjs

@@ -1,16 +1,10 @@
-import _OLogoSwiper from "./OLogoSwiper.vue.mjs";
-import _OLogoSwiperItems from "./OLogoSwiperItems.vue.mjs";
-const OLogoSwiper = Object.assign(_OLogoSwiper, {
-  install(app) {
-    app.component("OLogoSwiper", _OLogoSwiper);
-  }
-});
-const OLogoSwiperItems = Object.assign(_OLogoSwiperItems, {
-  install(app) {
-    app.component("OLogoSwiperItems", _OLogoSwiperItems);
-  }
-});
-export {
-  OLogoSwiper,
-  OLogoSwiperItems
-};
+import OLogoSwiper_default from "./OLogoSwiper.mjs";
+import OLogoSwiperItems_default from "./OLogoSwiperItems.mjs";
+// src/components/logo-swiper/index.ts
+var OLogoSwiper = Object.assign(OLogoSwiper_default, { install(app) {
+	app.component("OLogoSwiper", OLogoSwiper_default);
+} });
+var OLogoSwiperItems = Object.assign(OLogoSwiperItems_default, { install(app) {
+	app.component("OLogoSwiperItems", OLogoSwiperItems_default);
+} });
+export { OLogoSwiper, OLogoSwiperItems };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OMarkdown_vue_vue_type_script_setup_true_lang_default from "./OMarkdown.vue_vue_type_script_setup_true_lang.mjs";
+import './OMarkdown.vue_vue_type_style_index_0_lang.css';
+import './OMarkdown.vue_vue_type_style_index_1_scoped_c19788db_lang.css';
+// src/components/markdown/OMarkdown.vue
+var OMarkdown_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OMarkdown_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c19788db"]]);
+export { OMarkdown_default as default };

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

@@ -0,0 +1,180 @@
+import { mountMarkdownTitle } from "./replacer/h2.mjs";
+import { mountMarkdownTable } from "./replacer/table.mjs";
+import { mountMarkdownImage } from "./replacer/img.mjs";
+import { mountMarkdownCode } from "./replacer/code.mjs";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot } from "vue";
+// src/components/markdown/OMarkdown.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-markdown-content" };
+var OMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OMarkdown",
+	props: {
+		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
+		},
+		markdownBodyClass: { default: "o-markdown-body" },
+		hideFirstH1: {
+			type: Boolean,
+			default: false
+		},
+		hideFirstElementMarginTop: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const unbindMap = /* @__PURE__ */ new WeakMap();
+		const instance = getCurrentInstance();
+		const markdownBodyRef = ref();
+		const mounted = ref(false);
+		const firstH1 = ref();
+		let observer;
+		let context;
+		const getContext = () => {
+			if (!context && instance) context = {
+				...instance.appContext,
+				provides: instance?.provides
+			};
+			return context || {};
+		};
+		const selectorMap = computed(() => {
+			const map = {};
+			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 isElementHidden = (el) => {
+			return !!el.hidden || el.style.display === "none" || getComputedStyle(el).display === "none";
+		};
+		const getFirstContentElement = (root) => {
+			let container = root;
+			for (let i = 0; i < 100; i++) {
+				let first = container.firstElementChild;
+				while (first && isElementHidden(first) && first.tagName === "DIV") first = first.nextElementSibling;
+				if (!first) return null;
+				if (first.tagName === "DIV" && container.childElementCount === 1) {
+					container = first;
+					continue;
+				}
+				return first;
+			}
+			return container.firstElementChild;
+		};
+		const applyHandleFirstElement = () => {
+			const root = markdownBodyRef.value;
+			if (!root) {
+				firstH1.value = void 0;
+				return;
+			}
+			const firstContent = getFirstContentElement(root);
+			if (!firstContent) {
+				firstH1.value = void 0;
+				return;
+			}
+			firstH1.value = firstContent.tagName === "H1" ? firstContent : void 0;
+			if (props.hideFirstH1 && firstContent.tagName === "H1") {
+				firstContent.style.display = "none";
+				if (props.hideFirstElementMarginTop) {
+					const next = firstContent.nextElementSibling;
+					if (next) next.style.marginTop = "0";
+				}
+				return;
+			}
+			if (props.hideFirstElementMarginTop) firstContent.style.marginTop = "0";
+		};
+		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);
+					});
+				});
+			}
+			applyHandleFirstElement();
+		};
+		onMounted(async () => {
+			await nextTick();
+			Object.keys(selectorMap.value).forEach((selector) => {
+				mountComponent(markdownBodyRef.value, selector);
+			});
+			observer = new MutationObserver(processMutations);
+			observer.observe(markdownBodyRef.value, {
+				childList: true,
+				subtree: true
+			});
+			applyHandleFirstElement();
+			mounted.value = true;
+		});
+		onBeforeUnmount(() => {
+			observer?.disconnect();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["o-markdown", { unmounted: !mounted.value }]) }, [renderSlot(_ctx.$slots, "header", { h1: firstH1.value }, void 0, true), createElementVNode("div", _hoisted_1, [createElementVNode("div", {
+				ref_key: "markdownBodyRef",
+				ref: markdownBodyRef,
+				class: normalizeClass(__props.markdownBodyClass)
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2), renderSlot(_ctx.$slots, "footer", {}, void 0, true)])], 2);
+		};
+	}
+});
+export { OMarkdown_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import MarkdownCode_vue_vue_type_script_setup_true_lang_default from "./MarkdownCode.vue_vue_type_script_setup_true_lang.mjs";
+import './MarkdownCode.vue_vue_type_style_index_0_lang.css';
+import './MarkdownCode.vue_vue_type_style_index_1_scoped_8895ed58_lang.css';
+// src/components/markdown/components/MarkdownCode.vue
+var MarkdownCode_default = /*#__PURE__*/ _plugin_vue_export_helper_default(MarkdownCode_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8895ed58"]]);
+export { MarkdownCode_default as default };

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

@@ -0,0 +1,94 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import { useTheme } from "../../../shared/theme.mjs";
+import icon_copy_default from "../../../_virtual/~icons/components/icon-copy.mjs";
+import icon_moon_default from "../../../_virtual/~icons/components/icon-moon.mjs";
+import icon_sun_default from "../../../_virtual/~icons/components/icon-sun.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { OIcon, OPopover, OScroller, useMessage, useToast } from "@opensig/opendesign";
+import { useClipboard, useScreen } from "@opendesign-plus/composables";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+// src/components/markdown/components/MarkdownCode.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "o-md-code-tools"
+};
+var MarkdownCode_vue_vue_type_script_setup_true_lang_default = /*@__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 () => {
+			const text = (mdCodeRef.value?.querySelector("code"))?.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(icon_sun_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_moon_default), { 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(icon_copy_default))]),
+					_: 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(() => [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), __props.el?.outerHTML]])]),
+				_: 1
+			})], 34);
+		};
+	}
+});
+export { MarkdownCode_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import MarkdownImage_vue_vue_type_script_setup_true_lang_default from "./MarkdownImage.vue_vue_type_script_setup_true_lang.mjs";
+import './MarkdownImage.vue_vue_type_style_index_0_scoped_af8b0296_lang.css';
+// src/components/markdown/components/MarkdownImage.vue
+var MarkdownImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(MarkdownImage_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-af8b0296"]]);
+export { MarkdownImage_default as default };

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

@@ -0,0 +1,67 @@
+import icon_zoom_default from "../../../assets/svg-icons/icon-zoom.mjs";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, unref } from "vue";
+import { useImageViewer } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/markdown/components/MarkdownImage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = ["src", "alt"];
+var MarkdownImage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "MarkdownImage",
+	props: { el: {} },
+	setup(__props) {
+		const props = __props;
+		const { lePadV } = useScreen();
+		const containerRef = ref();
+		const imgRef = ref();
+		const zoomEnabled = ref(false);
+		const zoomImgUrl = ref(props.el.src);
+		const isHover = ref(false);
+		const inParagraph = ref(false);
+		const previousIsBr = ref(false);
+		onMounted(async () => {
+			await nextTick();
+			inParagraph.value = containerRef.value?.parentElement?.tagName === "P";
+			previousIsBr.value = containerRef.value?.previousElementSibling?.tagName === "BR";
+		});
+		const onImgLoad = () => {
+			zoomEnabled.value = (imgRef.value?.width || 0) >= 216;
+		};
+		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,
+					"previous-is-br": previousIsBr.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(icon_zoom_default)
+			}, null, 8, _hoisted_1)) : createCommentVNode("", true), createElementVNode("img", {
+				ref_key: "imgRef",
+				ref: imgRef,
+				class: "o-md-img-content",
+				src: zoomImgUrl.value,
+				alt: __props.el?.alt,
+				onLoad: onImgLoad
+			}, null, 40, _hoisted_2)], 34);
+		};
+	}
+});
+export { MarkdownImage_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/markdown/components/MarkdownTable.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import MarkdownTable_vue_vue_type_script_setup_true_lang_default from "./MarkdownTable.vue_vue_type_script_setup_true_lang.mjs";
+import './MarkdownTable.vue_vue_type_style_index_0_scoped_ce85236e_lang.css';
+// src/components/markdown/components/MarkdownTable.vue
+var MarkdownTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(MarkdownTable_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ce85236e"]]);
+export { MarkdownTable_default as default };

package/dist/treeshaking/components/markdown/components/MarkdownTable.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,44 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import icon_expand_default from "../../../_virtual/~icons/components/icon-expand.mjs";
+import MarkdownTableData_default from "./MarkdownTableData.mjs";
+import MarkdownTableExpand_default from "./MarkdownTableExpand.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/markdown/components/MarkdownTable.vue?vue&type=script&setup=true&lang.ts
+var MarkdownTable_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "MarkdownTable",
+	props: { el: {} },
+	setup(__props) {
+		const { t } = useI18n();
+		const { lePadV } = useScreen();
+		const showExpand = ref(false);
+		const zoomVisible = ref(false);
+		const onExpand = () => {
+			zoomVisible.value = true;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
+				class: "o-md-table-container",
+				onMouseenter: _cache[0] || (_cache[0] = ($event) => showExpand.value = true),
+				onMouseleave: _cache[1] || (_cache[1] = ($event) => showExpand.value = false)
+			}, [!unref(lePadV) && showExpand.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: "o-md-table-expand-btn",
+				onClick: onExpand
+			}, [createVNode(unref(OIcon), { class: "o-md-table-expand-icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_expand_default))]),
+				_: 1
+			}), createElementVNode("span", null, toDisplayString(unref(t)("common.expand")), 1)])) : createCommentVNode("", true), __props.el?.outerHTML ? (openBlock(), createBlock(MarkdownTableData_default, {
+				key: 1,
+				content: __props.el.outerHTML
+			}, null, 8, ["content"])) : createCommentVNode("", true)], 32), __props.el?.outerHTML ? (openBlock(), createBlock(MarkdownTableExpand_default, {
+				key: 0,
+				visible: zoomVisible.value,
+				"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => zoomVisible.value = $event),
+				content: __props.el.outerHTML
+			}, null, 8, ["visible", "content"])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+export { MarkdownTable_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/markdown/components/MarkdownTableData.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import MarkdownTableData_vue_vue_type_script_setup_true_lang_default from "./MarkdownTableData.vue_vue_type_script_setup_true_lang.mjs";
+import './MarkdownTableData.vue_vue_type_style_index_0_scoped_5f73735b_lang.css';
+// src/components/markdown/components/MarkdownTableData.vue
+var MarkdownTableData_default = /*#__PURE__*/ _plugin_vue_export_helper_default(MarkdownTableData_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5f73735b"]]);
+export { MarkdownTableData_default as default };