@opendesign-plus-test/components 0.0.1-rc.165 → 0.0.1-rc.167

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

@@ -0,0 +1,83 @@
+import { defineComponent, useModel, ref, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, toDisplayString, mergeModels } from "vue";
+import { OLayer, OIcon } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconUnexpand from "../../../_virtual/icon-unexpand.mjs";
+import MarkdownTableData from "./MarkdownTableData.vue.mjs";
+const _hoisted_1 = { class: "o-table-expand-scaler" };
+const _hoisted_2 = { class: "o-table-expand-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownTableExpand",
+  props: /* @__PURE__ */ mergeModels({
+    content: {}
+  }, {
+    "visible": { type: Boolean, ...{ default: false } },
+    "visibleModifiers": {}
+  }),
+  emits: ["update:visible"],
+  setup(__props) {
+    const { t } = useI18n();
+    const visible = useModel(__props, "visible");
+    const onClose = () => {
+      visible.value = false;
+    };
+    const tableReady = ref(false);
+    let readyTimer;
+    watch(
+      () => visible.value,
+      (val) => {
+        if (typeof window === "undefined") {
+          return;
+        }
+        if (readyTimer) {
+          clearTimeout(readyTimer);
+        }
+        clearTimeout(readyTimer);
+        readyTimer = setTimeout(() => {
+          tableReady.value = val;
+        }, 300);
+      },
+      {
+        immediate: true
+      }
+    );
+    onBeforeUnmount(() => {
+      if (readyTimer) {
+        clearTimeout(readyTimer);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OLayer), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", {
+              class: "o-table-expand-close-btn",
+              onClick: onClose
+            }, [
+              createVNode(unref(OIcon), { class: "o-table-expand-close-icon" }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconUnexpand))
+                ]),
+                _: 1
+              }),
+              createElementVNode("span", null, toDisplayString(unref(t)("common.collapse")), 1)
+            ]),
+            createElementVNode("div", _hoisted_2, [
+              createVNode(MarkdownTableData, {
+                original: !tableReady.value,
+                content: __props.content,
+                "max-height": "min(calc(100vh - 210px), 80vh)"
+              }, null, 8, ["original", "content"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,173 @@
+.hover-icon-rotate .o-icon[data-v-9cdd9a31] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-9cdd9a31] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-title-wrap[data-v-9cdd9a31] {
+  --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-title-wrap[data-v-9cdd9a31] {
+    --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-title-wrap[data-v-9cdd9a31] {
+    --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-title-wrap[data-v-9cdd9a31] {
+    --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-title-wrap[data-v-9cdd9a31] {
+    --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-title-wrap[data-v-9cdd9a31] {
+  display: flex;
+  align-items: flex-start;
+  margin-top: var(--o-gap-6);
+  margin-bottom: var(--o-gap-4);
+}
+.o-md-title-wrap .o-md-title[data-v-9cdd9a31] {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: normal;
+  max-width: calc(100% - 2rem);
+}
+.o-md-title-wrap .o-md-title[data-v-9cdd9a31] h2 {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 22px;
+  line-height: 30px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-title-wrap .o-md-title[data-v-9cdd9a31] h2 {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-title-wrap .o-md-title[data-v-9cdd9a31] h2 {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-title-wrap .o-md-title[data-v-9cdd9a31] h2 {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-md-title-wrap .o-md-title[data-v-9cdd9a31] h2 {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-9cdd9a31] {
+  position: relative;
+  width: 1em;
+  height: 1em;
+  margin-left: 8px;
+  clear: both;
+}
+@media (max-width: 1680px) {
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-9cdd9a31] {
+    margin-left: 4px;
+}
+}
+.o-md-title-wrap .o-md-title-copy-link[data-v-9cdd9a31] {
+  position: absolute;
+  top: 2px;
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-9cdd9a31] {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-9cdd9a31] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-9cdd9a31] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-9cdd9a31] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (hover: hover) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-9cdd9a31]:hover {
+    color: var(--o-color-primary1);
+}
+}
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-9cdd9a31] {
+  color: var(--o-color-info2);
+}
+@media (hover: hover) {
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-9cdd9a31]:hover {
+    color: var(--o-color-info1);
+}
+}

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

@@ -0,0 +1,6 @@
+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, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,65 @@
+import { defineComponent, openBlock, createElementBlock, withDirectives, createElementVNode, unref, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useMessage, OPopover, OIcon } from "@opensig/opendesign";
+import { useClipboard } from "@opendesign-plus/composables";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconLink from "../../../_virtual/icon-link.mjs";
+const _hoisted_1 = { class: "o-md-title-wrap" };
+const _hoisted_2 = { class: "o-md-title __mounted" };
+const _hoisted_3 = { class: "o-md-title-copy-link-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownTitle",
+  props: {
+    el: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective();
+    const message = useMessage();
+    const { t } = useI18n();
+    const onClickCopyLink = async () => {
+      var _a, _b;
+      const text = `${window.location.origin}${window.location.pathname}#${(_b = (_a = props.el) == null ? void 0 : _a.id) == null ? void 0 : _b.replace("user-content-", "")}`;
+      if (await useClipboard(text)) {
+        message.success({
+          content: t("common.copySuccess")
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
+          [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
+        ]),
+        createElementVNode("span", _hoisted_3, [
+          createVNode(unref(OPopover), {
+            position: "right",
+            trigger: "hover"
+          }, {
+            target: withCtx(() => [
+              createElementVNode("a", {
+                class: "o-md-title-copy-link",
+                onClick: onClickCopyLink
+              }, [
+                createVNode(unref(OIcon), { class: "o-md-title-icon-copy" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconLink))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(unref(t)("common.copyLink")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/markdown/index.mjs

@@ -0,0 +1,16 @@
+import _OMarkdown from "./OMarkdown.vue.mjs";
+import _OMarkdownPagination from "./OMarkdownPagination.vue.mjs";
+const OMarkdown = Object.assign(_OMarkdown, {
+  install(app) {
+    app.component("OMarkdown", _OMarkdown);
+  }
+});
+const OMarkdownPagination = Object.assign(_OMarkdownPagination, {
+  install(app) {
+    app.component("OMarkdownPagination", _OMarkdownPagination);
+  }
+});
+export {
+  OMarkdown,
+  OMarkdownPagination
+};

package/dist/treeshaking/components/markdown/replacer/code.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownCode(el: Element, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/code.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownCode from "../components/MarkdownCode.vue.mjs";
+function mountMarkdownCode(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownCode, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-code"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownCode
+};

package/dist/treeshaking/components/markdown/replacer/h1.d.ts

@@ -0,0 +1,7 @@
+import { AppContext, MaybeRefOrGetter } from 'vue';
+export interface MarkdownPageTitleProps {
+    sourceUrl?: MaybeRefOrGetter<string | undefined>;
+    updateTime?: MaybeRefOrGetter<string | undefined>;
+    titleBg?: MaybeRefOrGetter<string | undefined>;
+}
+export declare function mountMarkdownPageTitle(el: Element, context: AppContext, props?: MarkdownPageTitleProps): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/h1.mjs

@@ -0,0 +1,25 @@
+import { createVNode, render } from "vue";
+import MarkdownPageTitle from "../components/MarkdownPageTitle.vue.mjs";
+function mountMarkdownPageTitle(el, context, props) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownPageTitle, {
+    el,
+    sourceUrl: props == null ? void 0 : props.sourceUrl,
+    updateTime: props == null ? void 0 : props.updateTime,
+    bgImage: props == null ? void 0 : props.titleBg
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-page-title"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownPageTitle
+};

package/dist/treeshaking/components/markdown/replacer/h2.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownTitle(el: Element, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/h2.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownTitle from "../components/MarkdownTitle.vue.mjs";
+function mountMarkdownTitle(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownTitle, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-title-wrap"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownTitle
+};

package/dist/treeshaking/components/markdown/replacer/img.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownImage(el: Element, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/img.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownImage from "../components/MarkdownImage.vue.mjs";
+function mountMarkdownImage(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownImage, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-img"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownImage
+};

package/dist/treeshaking/components/markdown/replacer/table.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownTable(el: HTMLTableElement, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/table.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownTable from "../components/MarkdownTable.vue.mjs";
+function mountMarkdownTable(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownTable, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-table-container"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownTable
+};