@opendesign-plus-test/components 0.0.1-rc.161 → 0.0.1-rc.163

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

@@ -1,34 +0,0 @@
-type __VLS_Props = {
-    disableH1?: boolean;
-    disableH2?: boolean;
-    disableTable?: boolean;
-    disableImg?: boolean;
-    disableCode?: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        markdownBodyRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    disableH1: boolean;
-    disableH2: boolean;
-    disableTable: boolean;
-    disableImg: boolean;
-    disableCode: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    markdownBodyRef: HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,8 +0,0 @@
-import _sfc_main from "./OMarkdown.vue2.mjs";
-import './OMarkdown.css';
-import './OMarkdown2.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-81f7920f"]]);
-export {
-  _OMarkdown as default
-};

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

@@ -1,137 +0,0 @@
-import { defineComponent, getCurrentInstance, ref, computed, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { mountMarkdownPageTitle } from "./replacer/h1.mjs";
-import { mountMarkdownTitle } from "./replacer/h2.mjs";
-import { mountMarkdownTable } from "./replacer/table.mjs";
-import { mountMarkdownImage } from "./replacer/img.mjs";
-import { mountMarkdownCode } from "./replacer/code.mjs";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OMarkdown",
-  props: {
-    disableH1: { type: Boolean, default: false },
-    disableH2: { type: Boolean, default: false },
-    disableTable: { type: Boolean, default: false },
-    disableImg: { type: Boolean, default: false },
-    disableCode: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const unbindMap = /* @__PURE__ */ new WeakMap();
-    const instance = getCurrentInstance();
-    const markdownBodyRef = ref();
-    const mounted = ref(false);
-    let observer;
-    let context;
-    const getContext = () => {
-      if (!context && instance) {
-        context = {
-          ...instance.appContext,
-          provides: instance == null ? void 0 : instance.provides
-        };
-      }
-      return context || {};
-    };
-    const selectorMap = computed(() => {
-      const map = {};
-      if (!props.disableH1) {
-        map.h1 = mountMarkdownPageTitle;
-      }
-      if (!props.disableH2) {
-        map.h2 = mountMarkdownTitle;
-      }
-      if (!props.disableTable) {
-        map.table = mountMarkdownTable;
-      }
-      if (!props.disableImg) {
-        map.img = mountMarkdownImage;
-      }
-      if (!props.disableCode) {
-        map['div[class*="language-"]'] = mountMarkdownCode;
-      }
-      return map;
-    });
-    const mountComponent = (root, selector) => {
-      const fn = selectorMap.value[selector];
-      if (!fn) {
-        return;
-      }
-      root.querySelectorAll(`${selector}:not([class*="o-"]):not([class*="el-"])`).forEach((el) => {
-        unbindMap.set(el, fn(el, getContext()));
-      });
-    };
-    const unmountComponent = (root, selector) => {
-      root.querySelectorAll(selector).forEach((el) => {
-        const unbind = unbindMap.get(el);
-        if (unbind) {
-          unbind();
-          unbindMap.delete(el);
-        }
-      });
-    };
-    const processMutations = (mutations) => {
-      const activeMap = selectorMap.value;
-      const selectors = Object.keys(activeMap);
-      for (const { addedNodes, removedNodes } of mutations) {
-        addedNodes.forEach((node) => {
-          if (!(node instanceof HTMLElement)) {
-            return;
-          }
-          for (const selector of selectors) {
-            if (node.matches(selector)) {
-              unbindMap.set(node, activeMap[selector](node, getContext()));
-              return;
-            }
-          }
-          selectors.forEach((selector) => {
-            mountComponent(node, selector);
-          });
-        });
-        removedNodes.forEach((node) => {
-          if (!(node instanceof HTMLElement)) {
-            return;
-          }
-          for (const selector of selectors) {
-            if (node.matches(selector)) {
-              const unbind = unbindMap.get(node);
-              if (unbind) {
-                unbind();
-                unbindMap.delete(node);
-              }
-              return;
-            }
-          }
-          selectors.forEach((selector) => {
-            unmountComponent(node, selector);
-          });
-        });
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-      Object.keys(selectorMap.value).forEach((selector) => {
-        mountComponent(markdownBodyRef.value, selector);
-      });
-      mounted.value = true;
-      observer = new MutationObserver(processMutations);
-      observer.observe(markdownBodyRef.value, { childList: true, subtree: true });
-    });
-    onBeforeUnmount(() => {
-      observer == null ? void 0 : observer.disconnect();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["o-markdown", { unmounted: !mounted.value }])
-      }, [
-        createElementVNode("div", {
-          ref_key: "markdownBodyRef",
-          ref: markdownBodyRef,
-          class: "markdown-body"
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 512)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

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

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

@@ -1,7 +0,0 @@
-type __VLS_Props = {
-    el: Element;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    mdCodeRef: HTMLDivElement;
-}, HTMLDivElement>;
-export default _default;

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

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

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

@@ -1,121 +0,0 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, withCtx, toDisplayString, createVNode, createCommentVNode, withDirectives } from "vue";
-import { useMessage, OPopover, OIcon, OScroller } from "@opensig/opendesign";
-import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
-import { useScreen, useClipboard } from "@opendesign-plus/composables";
-import { useI18n } from "../../../i18n/index.mjs";
-import { useTheme } from "../../../shared/theme.mjs";
-import IconCopy from "../../../_virtual/icon-copy2.mjs";
-import IconMoon from "../../../_virtual/icon-moon.mjs";
-import IconSun from "../../../_virtual/icon-sun.mjs";
-const _hoisted_1 = { class: "o-md-code-tools" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MarkdownCode",
-  props: {
-    el: {}
-  },
-  setup(__props) {
-    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
-    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;
-      const codeEl = (_a = mdCodeRef.value) == null ? void 0 : _a.querySelector("code");
-      const 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(() => {
-            var _a;
-            return [
-              withDirectives(createElementVNode("div", {
-                class: normalizeClass(["markdown-body __mounted", {
-                  "is-dark": isDark.value && unref(codeTheme) != unref(theme),
-                  "is-light": !isDark.value && unref(codeTheme) != unref(theme)
-                }])
-              }, null, 2), [
-                [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
-              ])
-            ];
-          }),
-          _: 1
-        })
-      ], 34);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,48 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-73e8af56] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-73e8af56] {
-    transform: rotate(-180deg);
-}
-}
-.o-md-img[data-v-73e8af56] {
-  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-73e8af56] 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-73e8af56] {
-  position: absolute;
-  z-index: 10;
-  top: 50%;
-  right: 50%;
-  transform: translate(-50%, -50%);
-  font-size: 32px;
-}
-@media (hover: hover) {
-.o-md-img[data-v-73e8af56]:not(.unexpand):hover {
-    box-shadow: var(--o-shadow-1);
-}
-}
-.o-md-img.unexpand[data-v-73e8af56] {
-  padding: 0 var(--o-gap-2);
-  border: none;
-  border-radius: unset;
-  cursor: default;
-}
-.o-md-img.in-paragraph[data-v-73e8af56] {
-  margin-bottom: 0;
-}

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

@@ -1,8 +0,0 @@
-type __VLS_Props = {
-    el: HTMLImageElement;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    containerRef: HTMLSpanElement;
-    imgRef: HTMLImageElement;
-}, HTMLSpanElement>;
-export default _default;

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

@@ -1,7 +0,0 @@
-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-73e8af56"]]);
-export {
-  MarkdownImage as default
-};

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

@@ -1,73 +0,0 @@
-import { defineComponent, ref, onMounted, 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);
-    onMounted(() => {
-      var _a, _b;
-      inParagraph.value = ((_b = (_a = containerRef.value) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.tagName) === "P";
-    });
-    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 }]),
-        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
-};