@opendesign-plus/components 0.0.1-rc.82 → 0.0.1-rc.84

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

@@ -0,0 +1,49 @@
+type __VLS_Props = {
+    disableH1?: boolean;
+    disableH2?: boolean;
+    disableTable?: boolean;
+    disableImg?: boolean;
+    disableCode?: boolean;
+    sourceUrl?: string;
+    updateTime?: string;
+    titleBg?: string;
+    enableDownload?: boolean;
+    enableStar?: boolean;
+    markdownBodyClass?: string;
+};
+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, {
+    download: () => any;
+    collect: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDownload?: (() => any) | undefined;
+    onCollect?: (() => any) | undefined;
+}>, {
+    enableDownload: boolean;
+    enableStar: boolean;
+    disableH1: boolean;
+    disableH2: boolean;
+    disableTable: boolean;
+    disableImg: boolean;
+    disableCode: boolean;
+    markdownBodyClass: string;
+}, {}, {}, {}, 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

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

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

@@ -0,0 +1,158 @@
+import { defineComponent, computed, getCurrentInstance, ref, 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 },
+    sourceUrl: {},
+    updateTime: {},
+    titleBg: {},
+    enableDownload: { type: Boolean, default: false },
+    enableStar: { type: Boolean, default: false },
+    markdownBodyClass: { default: "o-markdown-body" }
+  },
+  emits: ["download", "collect"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const sourceUrlRef = computed(() => props.sourceUrl);
+    const updateTimeRef = computed(() => props.updateTime);
+    const titleBgRef = computed(() => props.titleBg);
+    const enableDownloadRef = computed(() => props.enableDownload);
+    const enableStarRef = computed(() => props.enableStar);
+    const emit = __emit;
+    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 = (el, ctx) => mountMarkdownPageTitle(el, ctx, {
+          sourceUrl: sourceUrlRef,
+          updateTime: updateTimeRef,
+          titleBg: titleBgRef,
+          enableDownload: enableDownloadRef,
+          enableStar: enableStarRef,
+          onDownload: () => emit("download"),
+          onCollect: () => emit("collect")
+        });
+      }
+      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: normalizeClass(__props.markdownBodyClass)
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,218 @@
+.hover-icon-rotate .o-icon[data-v-38903df9] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-38903df9] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-pagination[data-v-38903df9] {
+  display: flex;
+  flex-direction: column;
+}
+.o-md-pagination__divider[data-v-38903df9] {
+  --o-divider-gap: 24px;
+}
+@media (max-width: 1680px) {
+.o-md-pagination__divider[data-v-38903df9] {
+    --o-divider-gap: 16px;
+}
+}
+@media (max-width: 1200px) {
+.o-md-pagination__divider[data-v-38903df9] {
+    --o-divider-gap: 12px;
+}
+}
+@media (max-width: 600px) {
+.o-md-pagination__divider[data-v-38903df9] {
+    --o-divider-gap: 24px;
+}
+}
+.o-md-pagination__main[data-v-38903df9] {
+  display: flex;
+  overflow: hidden;
+}
+.o-md-pagination__side[data-v-38903df9] {
+  display: block;
+  width: 50%;
+  min-width: 0;
+  color: inherit;
+  text-decoration: none;
+}
+.o-md-pagination__side.o-md-pagination__side--prev[data-v-38903df9] {
+  padding-right: 10px;
+}
+@media (max-width: 840px) {
+.o-md-pagination__side.o-md-pagination__side--prev[data-v-38903df9] {
+    padding-right: 6px;
+}
+}
+.o-md-pagination__side.o-md-pagination__side--next[data-v-38903df9] {
+  padding-left: 10px;
+}
+@media (max-width: 840px) {
+.o-md-pagination__side.o-md-pagination__side--next[data-v-38903df9] {
+    padding-left: 6px;
+}
+}
+.o-md-pagination:not(.o-md-pagination--has-prev) .o-md-pagination__side--next[data-v-38903df9] {
+  margin-left: auto;
+}
+.o-md-pagination__card[data-v-38903df9] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 80px;
+  background-color: var(--o-color-fill1);
+  border-radius: var(--o-md-pagination-radius);
+  cursor: pointer;
+  transition: background-color var(--o-duration-m1) var(--o-easing-standard), box-shadow var(--o-duration-m1) var(--o-easing-standard);
+}
+@media (max-width: 840px) {
+.o-md-pagination__card[data-v-38903df9] {
+    height: 76px;
+}
+}
+.o-md-pagination__side--prev .o-md-pagination__card[data-v-38903df9] {
+  padding-left: 24px;
+  padding-right: 20px;
+}
+@media (max-width: 840px) {
+.o-md-pagination__side--prev .o-md-pagination__card[data-v-38903df9] {
+    padding-left: 16px;
+    padding-right: 8px;
+}
+}
+.o-md-pagination__side--next .o-md-pagination__card[data-v-38903df9] {
+  padding-left: 20px;
+  padding-right: 24px;
+}
+@media (max-width: 840px) {
+.o-md-pagination__side--next .o-md-pagination__card[data-v-38903df9] {
+    padding-left: 8px;
+    padding-right: 16px;
+}
+}
+.o-md-pagination__text[data-v-38903df9] {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
+}
+.o-md-pagination__side--prev .o-md-pagination__text[data-v-38903df9] {
+  align-items: flex-end;
+}
+.o-md-pagination__side--next .o-md-pagination__text[data-v-38903df9] {
+  align-items: flex-start;
+}
+.o-md-pagination__label[data-v-38903df9] {
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-pagination__label[data-v-38903df9] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-pagination__label[data-v-38903df9] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-pagination__label[data-v-38903df9] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-md-pagination__label[data-v-38903df9] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-md-pagination__side--prev .o-md-pagination__label[data-v-38903df9] {
+  text-align: right;
+}
+.o-md-pagination__title[data-v-38903df9] {
+  color: var(--o-color-info2);
+  max-width: 320px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  transition: color var(--o-duration-m1) var(--o-easing-standard);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-pagination__title[data-v-38903df9] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-pagination__title[data-v-38903df9] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-pagination__title[data-v-38903df9] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-md-pagination__title[data-v-38903df9] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1200px) {
+.o-md-pagination__title[data-v-38903df9] {
+    max-width: 220px;
+}
+}
+@media (max-width: 840px) {
+.o-md-pagination__title[data-v-38903df9] {
+    max-width: 100%;
+    margin-top: 4px;
+}
+}
+.o-md-pagination__arrow[data-v-38903df9] {
+  flex-shrink: 0;
+  font-size: 24px;
+  color: var(--o-color-info3);
+  transition: color var(--o-duration-m1) var(--o-easing-standard);
+}
+@media (max-width: 840px) {
+.o-md-pagination__arrow[data-v-38903df9] {
+    font-size: 20px;
+}
+}
+.o-md-pagination__arrow--next[data-v-38903df9] {
+  transform: rotate(180deg);
+}
+@media (hover: hover) {
+&:hover .o-md-pagination__card[data-v-38903df9]:hover {
+    background-color: var(--o-color-fill3);
+}
+&:hover .o-md-pagination__card:hover .o-md-pagination__title[data-v-38903df9] {
+    color: var(--o-color-info1);
+}
+&:hover .o-md-pagination__card:hover .o-md-pagination__arrow[data-v-38903df9] {
+    color: var(--o-color-info1);
+}
+}
+[data-o-theme*=dark] .o-md-pagination__card[data-v-38903df9] {
+  background-color: var(--o-color-fill2);
+}
+@media (hover: hover) {
+[data-o-theme*=dark]:hover .o-md-pagination__card[data-v-38903df9]:hover {
+    background-color: var(--o-color-fill3);
+}
+}

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

@@ -0,0 +1,25 @@
+interface PageItem {
+    title?: string;
+    url?: string;
+}
+type __VLS_Props = {
+    prev?: PageItem | null;
+    next?: PageItem | null;
+    prevLabel?: string;
+    nextLabel?: string;
+    divider?: boolean;
+    radius?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (type: "prev" | "next", item: PageItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((type: "prev" | "next", item: PageItem) => any) | undefined;
+}>, {
+    radius: string;
+    prev: PageItem | null;
+    next: PageItem | null;
+    prevLabel: string;
+    nextLabel: string;
+    divider: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,101 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode, createVNode, withCtx, toDisplayString } from "vue";
+import { ODivider, OIcon } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import IconNext from "../../_virtual/icon-next.mjs";
+const _hoisted_1 = { class: "o-md-pagination__main" };
+const _hoisted_2 = ["href", "title"];
+const _hoisted_3 = { class: "o-md-pagination__card" };
+const _hoisted_4 = { class: "o-md-pagination__text" };
+const _hoisted_5 = { class: "o-md-pagination__label" };
+const _hoisted_6 = { class: "o-md-pagination__title" };
+const _hoisted_7 = ["href", "title"];
+const _hoisted_8 = { class: "o-md-pagination__card" };
+const _hoisted_9 = { class: "o-md-pagination__text" };
+const _hoisted_10 = { class: "o-md-pagination__label" };
+const _hoisted_11 = { class: "o-md-pagination__title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMarkdownPagination",
+  props: {
+    prev: { default: null },
+    next: { default: null },
+    prevLabel: { default: "" },
+    nextLabel: { default: "" },
+    divider: { type: Boolean, default: true },
+    radius: { default: "var(--o-radius-xs)" }
+  },
+  emits: ["navigate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { t } = useI18n();
+    const emit = __emit;
+    const hasPrev = computed(() => !!props.prev && !!props.prev.url);
+    const hasNext = computed(() => !!props.next && !!props.next.url);
+    const show = computed(() => hasPrev.value || hasNext.value);
+    const resolvedPrevLabel = computed(() => props.prevLabel || t("md.prevPage"));
+    const resolvedNextLabel = computed(() => props.nextLabel || t("md.nextPage"));
+    const onNavigate = (type, item) => () => {
+      emit("navigate", type, item);
+    };
+    return (_ctx, _cache) => {
+      return show.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["o-md-pagination", {
+          "o-md-pagination--has-prev": hasPrev.value,
+          "o-md-pagination--has-next": hasNext.value
+        }]),
+        style: normalizeStyle({ "--o-md-pagination-radius": __props.radius })
+      }, [
+        __props.divider ? (openBlock(), createBlock(unref(ODivider), {
+          key: 0,
+          direction: "h",
+          class: "o-md-pagination__divider"
+        })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, [
+          hasPrev.value ? (openBlock(), createElementBlock("a", {
+            key: 0,
+            class: "o-md-pagination__side o-md-pagination__side--prev",
+            href: __props.prev.url,
+            title: __props.prev.title,
+            onClick: _cache[0] || (_cache[0] = ($event) => onNavigate("prev", __props.prev))
+          }, [
+            createElementVNode("span", _hoisted_3, [
+              createVNode(unref(OIcon), { class: "o-md-pagination__arrow o-md-pagination__arrow--prev" }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconNext))
+                ]),
+                _: 1
+              }),
+              createElementVNode("span", _hoisted_4, [
+                createElementVNode("span", _hoisted_5, toDisplayString(resolvedPrevLabel.value), 1),
+                createElementVNode("span", _hoisted_6, toDisplayString(__props.prev.title), 1)
+              ])
+            ])
+          ], 8, _hoisted_2)) : createCommentVNode("", true),
+          hasNext.value ? (openBlock(), createElementBlock("a", {
+            key: 1,
+            class: "o-md-pagination__side o-md-pagination__side--next",
+            href: __props.next.url,
+            title: __props.next.title,
+            onClick: _cache[1] || (_cache[1] = ($event) => onNavigate("next", __props.next))
+          }, [
+            createElementVNode("span", _hoisted_8, [
+              createElementVNode("span", _hoisted_9, [
+                createElementVNode("span", _hoisted_10, toDisplayString(resolvedNextLabel.value), 1),
+                createElementVNode("span", _hoisted_11, toDisplayString(__props.next.title), 1)
+              ]),
+              createVNode(unref(OIcon), { class: "o-md-pagination__arrow o-md-pagination__arrow--next" }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconNext))
+                ]),
+                _: 1
+              })
+            ])
+          ], 8, _hoisted_7)) : createCommentVNode("", true)
+        ])
+      ], 6)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/markdown/components/MarkdownCode.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.d.ts

@@ -0,0 +1,8 @@
+import { MaybeElement } from '../types';
+type __VLS_Props = {
+    el: MaybeElement;
+};
+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

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