@opendesign-plus/components 0.0.1-rc.10 → 0.0.1-rc.100

package/dist/treeshaking/components/markdown/OMarkdown.vue_vue_type_style_index_1_scoped_4be4e234_lang.css

@@ -0,0 +1,14 @@
+.hover-icon-rotate .o-icon[data-v-4be4e234] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-4be4e234] {
+    transform: rotate(-180deg);
+}
+}
+.o-markdown.unmounted[data-v-4be4e234] .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.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.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_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/MarkdownCode.vue_vue_type_style_index_0_lang.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_vue_type_style_index_1_scoped_8895ed58_lang.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.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.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_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/MarkdownImage.vue_vue_type_style_index_0_scoped_af8b0296_lang.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/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.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    el: HTMLTableElement;
+};
+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, {}, any>;
+export default _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/MarkdownTable.vue_vue_type_style_index_0_scoped_ce85236e_lang.css

@@ -0,0 +1,61 @@
+.hover-icon-rotate .o-icon[data-v-ce85236e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-ce85236e] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-table-container[data-v-ce85236e] {
+  position: relative;
+  width: 100%;
+  margin-bottom: var(--o-gap-2, 8px);
+}
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 7px 16px;
+  z-index: 10;
+  cursor: pointer;
+  color: var(--o-color-info2);
+  background-color: var(--o-color-fill2);
+  border-top-right-radius: var(--o-radius-xs);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e]:hover {
+    color: var(--o-color-info1);
+}
+}
+.o-md-table-container .o-md-table-expand-btn .o-md-table-expand-icon[data-v-ce85236e] {
+  margin-right: 8px;
+}

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 };

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    content: string;
+    original?: boolean;
+    maxHeight?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rawTableRef: HTMLDivElement;
+}, any>;
+export default _default;