@opendesign-plus-test/components 0.0.1-rc.22 → 0.0.1-rc.220

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

@@ -0,0 +1,76 @@
+import { defineComponent, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createElementVNode } from "vue";
+import { useImageViewer } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import IconZoom from "../../../assets/svg-icons/icon-zoom.svg.mjs";
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["src", "alt"];
+const _sfc_main = /* @__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 () => {
+      var _a, _b, _c, _d;
+      await nextTick();
+      inParagraph.value = ((_b = (_a = containerRef.value) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.tagName) === "P";
+      previousIsBr.value = ((_d = (_c = containerRef.value) == null ? void 0 : _c.previousElementSibling) == null ? void 0 : _d.tagName) === "BR";
+    });
+    const onImgLoad = () => {
+      var _a;
+      zoomEnabled.value = (((_a = imgRef.value) == null ? void 0 : _a.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) => {
+      var _a;
+      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(IconZoom)
+        }, null, 8, _hoisted_1)) : createCommentVNode("", true),
+        createElementVNode("img", {
+          ref_key: "imgRef",
+          ref: imgRef,
+          class: "o-md-img-content",
+          src: zoomImgUrl.value,
+          alt: (_a = __props.el) == null ? void 0 : _a.alt,
+          onLoad: onImgLoad
+        }, null, 40, _hoisted_2)
+      ], 34);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,261 @@
+.hover-icon-rotate .o-icon[data-v-84f356a4] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-84f356a4] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-page-title[data-v-84f356a4] {
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 16px;
+  margin-bottom: 32px;
+  border-radius: var(--o-radius-xs);
+  background-image: var(--v6981a063);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+@media (max-width: 1680px) {
+.o-md-page-title[data-v-84f356a4] {
+    gap: 8px;
+    padding: 12px;
+    margin-bottom: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-md-page-title[data-v-84f356a4] {
+    gap: 8px;
+    padding: 8px;
+    margin-bottom: 16px;
+}
+}
+@media (max-width: 840px) {
+.o-md-page-title[data-v-84f356a4] {
+    gap: 12px;
+    padding: 16px;
+    margin-bottom: 28px;
+}
+}
+.o-md-page-title .o-md-page-title-content[data-v-84f356a4] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 32px;
+  line-height: 44px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-md-page-title .o-md-page-title-text[data-v-84f356a4] h1 {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-md-page-title .o-md-page-title-actions[data-v-84f356a4] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 12px;
+}
+@media (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-actions[data-v-84f356a4] {
+    margin-top: 8px;
+}
+}
+@media (max-width: 840px) {
+.o-md-page-title .o-md-page-title-actions[data-v-84f356a4] {
+    margin-top: 0;
+}
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-84f356a4] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-84f356a4] .o-link-label {
+  display: flex;
+  align-items: center;
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
+  font-size: 22px;
+  line-height: 30px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-84f356a4] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-84f356a4] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-actions-left[data-v-84f356a4] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-84f356a4],
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-84f356a4] {
+  font-size: 24px;
+  cursor: pointer;
+}
+@media (hover: hover) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-84f356a4]:hover,
+  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-84f356a4]:hover {
+    color: var(--o-color-info1);
+}
+}
+@media (max-width: 1680px) {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-84f356a4],
+  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-84f356a4] {
+    font-size: 20px;
+}
+}
+.o-md-page-title.is-simple[data-v-84f356a4] {
+  padding: 0;
+  background-image: none;
+}
+@media (max-width: 840px) {
+.o-md-page-title.first-h1[data-v-84f356a4] {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+}
+.o-md-page-title.more-h1[data-v-84f356a4] {
+  margin-top: 32px;
+}
+@media (max-width: 1680px) {
+.o-md-page-title.more-h1[data-v-84f356a4] {
+    margin-top: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-md-page-title.more-h1[data-v-84f356a4] {
+    margin-top: 16px;
+}
+}
+@media (max-width: 840px) {
+.o-md-page-title.more-h1[data-v-84f356a4] {
+    margin-top: 28px;
+}
+}
+.o-md-page-dlg-action-box-container[data-v-84f356a4] {
+  display: flex;
+  justify-content: space-around;
+}
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-84f356a4] {
+  flex: 1;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+}
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-84f356a4] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  background-color: var(--o-color-fill1);
+  border-radius: 50%;
+  font-size: 24px;
+}
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-84f356a4] {
+  margin-top: 8px;
+  color: var(--o-color-info1);
+}

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

@@ -0,0 +1,23 @@
+import { MaybeRefOrGetter } from 'vue';
+import { OMarkdownMaybeElementT } from '../types';
+type __VLS_Props = {
+    el: OMarkdownMaybeElementT;
+    bgImage?: MaybeRefOrGetter<string>;
+    sourceUrl?: MaybeRefOrGetter<string>;
+    updateTime?: MaybeRefOrGetter<string>;
+    enableDownload?: MaybeRefOrGetter<boolean>;
+    enableStar?: MaybeRefOrGetter<boolean>;
+};
+declare const _default: 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: MaybeRefOrGetter<boolean>;
+    enableStar: MaybeRefOrGetter<boolean>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    titleRef: HTMLDivElement;
+}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,255 @@
+import { defineComponent, useCssVars, computed, toValue, ref, onMounted, nextTick, watch, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, withDirectives, createBlock, withCtx, createVNode, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { useWindowSize } from "@vueuse/core";
+import { OIcon, OPopover, ODivider, OLink, ODialog } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconOutlink from "../../../_virtual/icon-outlink.mjs";
+import IconMore from "../../../_virtual/icon-more.mjs";
+import IconDownload from "../../../_virtual/icon-download.mjs";
+import IconStar from "../../../_virtual/icon-star.mjs";
+const _hoisted_1 = { class: "o-md-page-title-content" };
+const _hoisted_2 = { class: "o-md-page-title-text __mounted" };
+const _hoisted_3 = {
+  key: 0,
+  class: "o-md-page-title-actions"
+};
+const _hoisted_4 = { class: "o-md-page-title-actions-left" };
+const _hoisted_5 = {
+  key: 0,
+  class: "o-md-page-title-update-time"
+};
+const _hoisted_6 = { class: "o-md-page-dlg-action-box-container" };
+const _hoisted_7 = { class: "o-md-page-dlg-action-box-icon" };
+const _hoisted_8 = { class: "o-md-page-dlg-action-box-label" };
+const _hoisted_9 = { class: "o-md-page-dlg-action-box-icon" };
+const _hoisted_10 = { class: "o-md-page-dlg-action-box-label" };
+const _hoisted_11 = { class: "o-md-page-dlg-action-box-icon" };
+const _hoisted_12 = { class: "o-md-page-dlg-action-box-label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownPageTitle",
+  props: {
+    el: {},
+    bgImage: {},
+    sourceUrl: {},
+    updateTime: {},
+    enableDownload: { default: false },
+    enableStar: { default: false }
+  },
+  emits: ["download", "collect"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v6981a063": bgImage.value
+    }));
+    const props = __props;
+    const emit = __emit;
+    const bgImage = computed(() => {
+      const value = toValue(props.bgImage);
+      return value ? `url(${value})` : "none";
+    });
+    const sourceUrl = computed(() => toValue(props.sourceUrl));
+    const updateTime = computed(() => toValue(props.updateTime));
+    const enableDownload = computed(() => toValue(props.enableDownload));
+    const enableStar = computed(() => toValue(props.enableStar));
+    const showActions = computed(() => sourceUrl.value || updateTime.value || enableDownload.value || enableStar.value);
+    const showDivider = computed(() => sourceUrl.value && (enableDownload.value || enableStar.value));
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective({
+      default: {
+        FORBID_ATTR: ["style"]
+      }
+    });
+    const { lePadV } = useScreen();
+    const { width } = useWindowSize();
+    const { t } = useI18n();
+    const titleRef = ref();
+    const isFirstH1 = ref(false);
+    const showActionsDlg = ref(false);
+    const checkShowDownloadPdf = () => {
+      var _a;
+      const mdBodyH1 = document.querySelector(".o-markdown-body h1");
+      const myH1 = (_a = titleRef.value) == null ? void 0 : _a.querySelector("h1");
+      isFirstH1.value = myH1 === mdBodyH1;
+    };
+    onMounted(async () => {
+      await nextTick();
+      checkShowDownloadPdf();
+    });
+    watch([lePadV, width], async () => {
+      await nextTick();
+      checkShowDownloadPdf();
+    });
+    const openSourceUrl = () => {
+      window.open(sourceUrl.value, "_blank", "noopener,noreferrer");
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          ref_key: "titleRef",
+          ref: titleRef,
+          class: normalizeClass(["o-md-page-title", {
+            "is-simple": !isFirstH1.value || unref(lePadV),
+            "first-h1": isFirstH1.value,
+            "more-h1": !isFirstH1.value
+          }])
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
+              [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
+            ])
+          ]),
+          isFirstH1.value && showActions.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              showActions.value ? (openBlock(), createBlock(unref(OIcon), {
+                key: 0,
+                class: "o-md-page-title-icon-more",
+                onClick: _cache[0] || (_cache[0] = ($event) => showActionsDlg.value = true)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconMore))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("div", _hoisted_4, [
+                enableDownload.value ? (openBlock(), createBlock(unref(OPopover), {
+                  key: 0,
+                  position: "top",
+                  trigger: "hover",
+                  offset: 12
+                }, {
+                  target: withCtx(() => [
+                    createVNode(unref(OIcon), {
+                      class: "o-md-page-title-icon-download",
+                      onClick: _cache[1] || (_cache[1] = ($event) => emit("download"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconDownload))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(unref(t)("md.downloadDoc")), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                enableStar.value ? (openBlock(), createBlock(unref(OPopover), {
+                  key: 1,
+                  position: "top",
+                  trigger: "hover",
+                  offset: 12
+                }, {
+                  target: withCtx(() => [
+                    createVNode(unref(OIcon), {
+                      class: "o-md-page-title-icon-star",
+                      onClick: _cache[2] || (_cache[2] = ($event) => emit("collect"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconStar))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(unref(t)("md.starDoc")), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                showDivider.value ? (openBlock(), createBlock(unref(ODivider), {
+                  key: 2,
+                  direction: "v",
+                  style: { "--o-divider-label-gap": "0" }
+                })) : createCommentVNode("", true),
+                sourceUrl.value ? (openBlock(), createBlock(unref(OLink), {
+                  key: 3,
+                  class: "o-md-page-title-source-code",
+                  size: "large",
+                  href: sourceUrl.value,
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(t)("md.gitSource")) + " ", 1),
+                    createVNode(unref(OIcon), { class: "o-md-page-title-icon-outlink" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconOutlink))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["href"])) : createCommentVNode("", true)
+              ]),
+              updateTime.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(updateTime.value), 1)) : createCommentVNode("", true)
+            ], 64))
+          ])) : createCommentVNode("", true)
+        ], 2),
+        unref(lePadV) && showActions.value ? (openBlock(), createBlock(unref(ODialog), {
+          key: 0,
+          visible: showActionsDlg.value,
+          "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => showActionsDlg.value = $event),
+          size: "medium",
+          "phone-half-full": ""
+        }, {
+          header: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("md.moreActions")), 1)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_6, [
+              enableDownload.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "o-md-page-dlg-action-box",
+                onClick: _cache[3] || (_cache[3] = ($event) => emit("download"))
+              }, [
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(unref(OIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconDownload))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("md.downloadDoc")), 1)
+              ])) : createCommentVNode("", true),
+              enableStar.value ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "o-md-page-dlg-action-box",
+                onClick: _cache[4] || (_cache[4] = ($event) => emit("collect"))
+              }, [
+                createElementVNode("div", _hoisted_9, [
+                  createVNode(unref(OIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconStar))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("md.starDoc")), 1)
+              ])) : createCommentVNode("", true),
+              sourceUrl.value ? (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "o-md-page-dlg-action-box",
+                onClick: openSourceUrl
+              }, [
+                createElementVNode("div", _hoisted_11, [
+                  createVNode(unref(OIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconOutlink))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", _hoisted_12, toDisplayString(unref(t)("md.gitSource")), 1)
+              ])) : createCommentVNode("", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/markdown/components/MarkdownTable.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/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;