@opendesign-plus-test/components 0.0.1-rc.166 → 0.0.1-rc.168

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-893ac416"]]);
-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
-};

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

@@ -1,264 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-4a59afb2] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-4a59afb2] {
-    transform: rotate(-180deg);
-}
-}
-.o-md-page-title[data-v-4a59afb2] {
-  --o-gap-1: 4px;
-  --o-gap-2: 8px;
-  --o-gap-3: 12px;
-  --o-gap-4: 16px;
-  --o-gap-5: 24px;
-  --o-gap-6: 32px;
-  --o-gap-7: 40px;
-  --o-gap-8: 48px;
-  --o-gap-9: 64px;
-  --o-gap-10: 72px;
-}
-@media (max-width: 1680px) {
-.o-md-page-title[data-v-4a59afb2] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 12px;
-    --o-gap-5: 16px;
-    --o-gap-6: 24px;
-    --o-gap-7: 24px;
-    --o-gap-8: 40px;
-    --o-gap-9: 48px;
-    --o-gap-10: 56px;
-}
-}
-@media (max-width: 1200px) {
-.o-md-page-title[data-v-4a59afb2] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 8px;
-    --o-gap-4: 8px;
-    --o-gap-5: 12px;
-    --o-gap-6: 16px;
-    --o-gap-7: 16px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 40px;
-}
-}
-@media (max-width: 840px) {
-.o-md-page-title[data-v-4a59afb2] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
-}
-@media (max-width: 600px) {
-.o-md-page-title[data-v-4a59afb2] {
-    --o-gap-1: 4px;
-    --o-gap-2: 8px;
-    --o-gap-3: 12px;
-    --o-gap-4: 16px;
-    --o-gap-5: 24px;
-    --o-gap-6: 28px;
-    --o-gap-7: 12px;
-    --o-gap-8: 24px;
-    --o-gap-9: 32px;
-    --o-gap-10: 32px;
-}
-}
-.o-md-page-title[data-v-4a59afb2] {
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--o-gap-3);
-  padding: var(--o-gap-4);
-  margin-bottom: var(--o-gap-6);
-  border-radius: var(--o-radius-xs);
-  background-image: var(--v66bc0e1a);
-  background-position: 100% 100%;
-  background-repeat: no-repeat;
-}
-.o-md-page-title .o-md-page-title-content[data-v-4a59afb2] {
-  display: flex;
-  flex-direction: column;
-  gap: var(--o-gap-2);
-  min-width: 0;
-}
-.o-md-page-title .o-md-page-title-text[data-v-4a59afb2] 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-4a59afb2] 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-4a59afb2] 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-4a59afb2] h1 {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.o-md-page-title .o-md-page-title-text[data-v-4a59afb2] h1 {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.o-md-page-title .o-md-page-title-actions[data-v-4a59afb2] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: var(--o-gap-3);
-}
-@media (max-width: 840px) {
-.o-md-page-title .o-md-page-title-actions[data-v-4a59afb2] {
-    margin-top: 0;
-}
-}
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-4a59afb2] {
-  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-4a59afb2] {
-  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-4a59afb2] {
-    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-4a59afb2] {
-    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-4a59afb2] {
-    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-4a59afb2] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-4a59afb2] .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-4a59afb2] {
-  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-4a59afb2] {
-    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-4a59afb2] {
-    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-4a59afb2] {
-    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-4a59afb2] {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-4a59afb2] {
-  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-4a59afb2] {
-    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-4a59afb2] {
-    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-4a59afb2] {
-    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-4a59afb2] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-md-page-title.is-simple[data-v-4a59afb2] {
-  padding: 0;
-  background-image: none;
-}
-@media (max-width: 840px) {
-.o-md-page-title.first-h1[data-v-4a59afb2] {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-}
-.o-md-page-title.more-h1[data-v-4a59afb2] {
-  margin-top: var(--o-gap-6);
-}
-.o-md-page-dlg-action-box-container[data-v-4a59afb2] {
-  display: flex;
-  justify-content: space-around;
-}
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-4a59afb2] {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-}
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-4a59afb2] {
-  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-4a59afb2] {
-  margin-top: 8px;
-  color: var(--o-color-info1);
-}

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

@@ -1,12 +0,0 @@
-import { MaybeRefOrGetter } from 'vue';
-import { MaybeElement } from '../types';
-type __VLS_Props = {
-    el: MaybeElement;
-    bgImage?: MaybeRefOrGetter<string>;
-    sourceUrl?: MaybeRefOrGetter<string>;
-    updateTime?: MaybeRefOrGetter<string>;
-};
-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, {
-    titleRef: HTMLDivElement;
-}, any>;
-export default _default;

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

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