@opendesign-plus-test/components 0.0.1-rc.155 → 0.0.1-rc.157

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

@@ -0,0 +1,127 @@
+import { defineComponent, useCssVars, computed, ref, onMounted, watch, nextTick, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, renderSlot, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { useWindowSize } from "@vueuse/core";
+import { OIcon, OLink, ODialog } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useI18n } from "../../i18n/index.mjs";
+import bg from "../../assets/markdown/md-title-bg.png.mjs";
+import IconOutlink from "../../_virtual/icon-outlink.mjs";
+import IconMore from "../../_virtual/icon-more.mjs";
+const _hoisted_1 = { class: "o-md-page-title-text" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-md-page-title-actions"
+};
+const _hoisted_3 = { class: "o-md-page-dlg-action-box-container" };
+const _hoisted_4 = { class: "o-md-page-dlg-action-box" };
+const _hoisted_5 = { class: "o-md-page-dlg-action-box-icon" };
+const _hoisted_6 = { class: "o-md-page-dlg-action-box-label" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownPageTitle",
+  props: {
+    bg: { default: bg },
+    gitcodeUrl: { default: "" }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "f268dc4e": bgImage.value
+    }));
+    const props = __props;
+    const { lePadV } = useScreen();
+    const { width } = useWindowSize();
+    const { t } = useI18n();
+    const bgImage = computed(() => `url(${props.bg})`);
+    const titleRef = ref();
+    const isFirstH1 = ref(false);
+    const showActionsDlg = ref(false);
+    const checkShowDownloadPdf = () => {
+      var _a;
+      const mdBodyH1 = document.querySelector(".markdown-body h1");
+      const myH1 = (_a = titleRef.value) == null ? void 0 : _a.querySelector("h1");
+      isFirstH1.value = myH1 === mdBodyH1;
+    };
+    onMounted(() => {
+      checkShowDownloadPdf();
+    });
+    watch([lePadV, width], async () => {
+      await nextTick();
+      checkShowDownloadPdf();
+    });
+    return (_ctx, _cache) => {
+      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, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ]),
+          isFirstH1.value && __props.gitcodeUrl ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            unref(lePadV) ? (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
+            })) : (openBlock(), createBlock(unref(OLink), {
+              key: 1,
+              class: "o-md-page-title-atomgit-source",
+              size: "large",
+              href: __props.gitcodeUrl,
+              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)
+        ], 2),
+        unref(lePadV) ? (openBlock(), createBlock(unref(ODialog), {
+          key: 0,
+          visible: showActionsDlg.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => showActionsDlg.value = $event),
+          size: "medium",
+          "phone-half-full": ""
+        }, {
+          header: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("md.moreActions")), 1)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_5, [
+                  createVNode(unref(OIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconOutlink))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("md.gitSource")), 1)
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,64 @@
+.hover-icon-rotate .o-icon[data-v-954dc628] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-954dc628] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-table-container[data-v-954dc628] {
+  position: relative;
+  width: 100%;
+  margin-bottom: var(--o-gap-2, 8px);
+}
+.o-md-table-container .o-md-table-expand-btn[data-v-954dc628] {
+  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-l);
+  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-954dc628] {
+    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-954dc628] {
+    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-954dc628] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-md-table-container .o-md-table-expand-btn[data-v-954dc628] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+.o-md-table-container .o-md-table-expand-btn[data-v-954dc628]:hover {
+    color: var(--o-color-info1);
+}
+}
+.o-md-table-container .o-md-table-expand-btn .o-md-table-expand-icon[data-v-954dc628] {
+  margin-right: 8px;
+}
+.o-md-table-container .o-md-table-content[data-v-954dc628] {
+  opacity: 0;
+}

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

@@ -0,0 +1,21 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        tableRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    tableRef: HTMLDivElement;
+}, any>;
+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/MarkdownTable.vue.mjs

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

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

@@ -0,0 +1,69 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, unref, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, createBlock } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useI18n } from "../../i18n/index.mjs";
+import IconExpand from "../../_virtual/icon-expand.mjs";
+import TableExpand from "./components/TableExpand.vue.mjs";
+import TableData from "./components/TableData.vue.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownTable",
+  setup(__props) {
+    const { t } = useI18n();
+    const { lePadV } = useScreen();
+    const showExpand = ref(false);
+    const tableRef = ref();
+    const content = ref("");
+    const renderTable = ref(true);
+    onMounted(() => {
+      var _a;
+      content.value = ((_a = tableRef.value) == null ? void 0 : _a.innerHTML) || "";
+      renderTable.value = false;
+    });
+    const zoomVisible = ref(false);
+    const onExpand = () => {
+      zoomVisible.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: "o-md-table-container",
+          onMouseenter: _cache[0] || (_cache[0] = ($event) => showExpand.value = true),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => showExpand.value = false)
+        }, [
+          !unref(lePadV) && showExpand.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "o-md-table-expand-btn",
+            onClick: onExpand
+          }, [
+            createVNode(unref(OIcon), { class: "o-md-table-expand-icon" }, {
+              default: withCtx(() => [
+                createVNode(unref(IconExpand))
+              ]),
+              _: 1
+            }),
+            createElementVNode("span", null, toDisplayString(unref(t)("common.expand")), 1)
+          ])) : createCommentVNode("", true),
+          renderTable.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            ref_key: "tableRef",
+            ref: tableRef,
+            class: "o-md-table-content"
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 512)) : (openBlock(), createBlock(TableData, {
+            key: 2,
+            content: content.value
+          }, null, 8, ["content"]))
+        ], 32),
+        createVNode(TableExpand, {
+          visible: zoomVisible.value,
+          "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => zoomVisible.value = $event),
+          content: content.value
+        }, null, 8, ["visible", "content"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,76 @@
+.hover-icon-rotate .o-icon[data-v-5cbd177d] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-5cbd177d] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-title-wrap[data-v-5cbd177d] {
+  position: relative;
+  display: inline-flex;
+  max-width: 100%;
+}
+.o-md-title-wrap .o-md-title[data-v-5cbd177d] {
+  flex: 1;
+  display: inline-block;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: normal;
+  width: calc(100% - 2rem);
+}
+.o-md-title-wrap .o-md-title-copy-link-wrap[data-v-5cbd177d] {
+  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-5cbd177d] {
+    margin-left: 4px;
+}
+}
+.o-md-title-wrap .o-md-title-copy-link[data-v-5cbd177d] {
+  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-5cbd177d] {
+    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-5cbd177d] {
+    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-5cbd177d] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-5cbd177d] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (hover: hover) {
+.o-md-title-wrap .o-md-title-copy-link[data-v-5cbd177d]:hover {
+    color: var(--o-color-primary1);
+}
+}
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-5cbd177d] {
+  color: var(--o-color-info2);
+}
+@media (hover: hover) {
+.o-md-title-wrap .o-md-title-copy-link .o-md-title-icon-copy[data-v-5cbd177d]:hover {
+    color: var(--o-color-info1);
+}
+}

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

@@ -0,0 +1,33 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    titleId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "scroll-into-title": () => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    titleId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onScroll-into-title"?: (() => any) | undefined;
+}>, {
+    titleId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+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/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-5cbd177d"]]);
+export {
+  _MarkdownTitle as default
+};

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

@@ -0,0 +1,66 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useMessage, OPopover, OIcon } from "@opensig/opendesign";
+import { useClipboard } from "@opendesign-plus/composables";
+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" };
+const _hoisted_3 = { class: "o-md-title-copy-link-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownTitle",
+  props: {
+    // 标签标题
+    titleId: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["scroll-into-title"],
+  setup(__props) {
+    const props = __props;
+    const message = useMessage();
+    const { t } = useI18n();
+    const onClickCopyLink = async () => {
+      const text = `${window.location.origin}${window.location.pathname}#${props.titleId.replace("user-content-", "")}`;
+      if (await useClipboard(text)) {
+        message.success({
+          content: t("common.copySuccess")
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        createElementVNode("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        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/components/TableData.css

@@ -0,0 +1,97 @@
+.hover-icon-rotate .o-icon[data-v-ab8e6d5f] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-ab8e6d5f] {
+    transform: rotate(-180deg);
+}
+}
+.o-table-data--wrap[data-v-ab8e6d5f] {
+  --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-table-data--wrap[data-v-ab8e6d5f] {
+    --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-table-data--wrap[data-v-ab8e6d5f] {
+    --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-table-data--wrap[data-v-ab8e6d5f] {
+    --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-table-data--wrap[data-v-ab8e6d5f] {
+    --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-table-data--wrap[data-v-ab8e6d5f] .o-data-table {
+  --table-edge-padding: var(--o-gap-4);
+  --table-cell-padding: var(--o-gap-2) var(--o-gap-4);
+  --table-head-cell-padding: var(--o-gap-2) var(--o-gap-4);
+  --table-head-bg: var(--o-color-fill2);
+  width: 100%;
+}
+.o-table-data--wrap[data-v-ab8e6d5f] .o-data-table .o-data-table-header-divider-h {
+  border-image: linear-gradient(to right, #2e53fa, #7b25f4) 1;
+}
+.o-table-data--wrap[data-v-ab8e6d5f] .md-cell {
+  background: var(--o-color-fill2) !important;
+}
+.o-table-data-original[data-v-ab8e6d5f] {
+  width: 100%;
+  margin-bottom: var(--o-gap-4);
+  max-height: var(--o-md-table-max-height);
+  overflow: auto;
+  border: 1px solid var(--o-color-control4);
+  border-radius: var(--o-md-table-radius, var(--o-radius-m));
+}

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    content: string;
+    original?: boolean;
+    maxHeight?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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