@opendesign-plus/components 0.0.1-rc.93 → 0.0.1-rc.95

package/dist/treeshaking/components/{markdown/components/MarkdownPageTitle.vue.d.ts → article/components/DocTitle.vue.d.ts}

@@ -1,12 +1,14 @@
 import { MaybeRefOrGetter } from 'vue';
-import { OMarkdownMaybeElementT } from '../types';
+import { OMarkdownMaybeElementT } from '../../markdown/types';
 type __VLS_Props = {
-    el: OMarkdownMaybeElementT;
+    el?: OMarkdownMaybeElementT;
+    title?: string;
     bgImage?: MaybeRefOrGetter<string>;
     sourceUrl?: MaybeRefOrGetter<string>;
     updateTime?: MaybeRefOrGetter<string>;
     enableDownload?: MaybeRefOrGetter<boolean>;
     enableStar?: MaybeRefOrGetter<boolean>;
+    enableCopyLink?: MaybeRefOrGetter<boolean>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     download: () => any;
@@ -17,7 +19,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     enableDownload: MaybeRefOrGetter<boolean>;
     enableStar: MaybeRefOrGetter<boolean>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    titleRef: HTMLDivElement;
-}, any>;
+    enableCopyLink: MaybeRefOrGetter<boolean>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/article/components/DocTitle.vue.mjs

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

package/dist/treeshaking/components/{markdown/components/MarkdownPageTitle.vue2.mjs → article/components/DocTitle.vue2.mjs}

@@ -1,45 +1,56 @@
-import { defineComponent, useCssVars, computed, toValue, ref, onMounted, nextTick, watch, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, withDirectives, createBlock, withCtx, createVNode, createCommentVNode, toDisplayString, createTextVNode } from "vue";
-import { useWindowSize } from "@vueuse/core";
-import { OIcon, OPopover, ODivider, OLink, ODialog } from "@opensig/opendesign";
-import { useScreen } from "@opendesign-plus/composables";
+import { defineComponent, useCssVars, computed, toValue, ref, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, unref, toDisplayString, withDirectives, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode } from "vue";
+import { useMessage, useToast, OIcon, OPopover, ODivider, OLink, ODialog } from "@opensig/opendesign";
+import { useScreen, useClipboard } from "@opendesign-plus/composables";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 import { useI18n } from "../../../i18n/index.mjs";
 import IconOutlink from "../../../_virtual/icon-outlink.mjs";
 import IconMore from "../../../_virtual/icon-more.mjs";
 import IconDownload from "../../../_virtual/icon-download.mjs";
 import IconStar from "../../../_virtual/icon-star.mjs";
-const _hoisted_1 = { class: "o-md-page-title-content" };
-const _hoisted_2 = { class: "o-md-page-title-text __mounted" };
+import IconLink from "../../../_virtual/icon-link.mjs";
+const _hoisted_1 = { class: "o-doc-title-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-doc-title-text"
+};
 const _hoisted_3 = {
+  key: 1,
+  class: "o-doc-title-text __mounted"
+};
+const _hoisted_4 = {
   key: 0,
-  class: "o-md-page-title-actions"
+  class: "o-doc-title-actions"
 };
-const _hoisted_4 = { class: "o-md-page-title-actions-left" };
-const _hoisted_5 = {
+const _hoisted_5 = { class: "o-doc-title-actions-left" };
+const _hoisted_6 = {
   key: 0,
-  class: "o-md-page-title-update-time"
+  class: "o-doc-title-update-time"
 };
-const _hoisted_6 = { class: "o-md-page-dlg-action-box-container" };
-const _hoisted_7 = { class: "o-md-page-dlg-action-box-icon" };
-const _hoisted_8 = { class: "o-md-page-dlg-action-box-label" };
-const _hoisted_9 = { class: "o-md-page-dlg-action-box-icon" };
-const _hoisted_10 = { class: "o-md-page-dlg-action-box-label" };
-const _hoisted_11 = { class: "o-md-page-dlg-action-box-icon" };
-const _hoisted_12 = { class: "o-md-page-dlg-action-box-label" };
+const _hoisted_7 = { class: "o-doc-title-dlg-action-box-container" };
+const _hoisted_8 = { class: "o-doc-title-dlg-action-box-icon" };
+const _hoisted_9 = { class: "o-doc-title-dlg-action-box-label" };
+const _hoisted_10 = { class: "o-doc-title-dlg-action-box-icon" };
+const _hoisted_11 = { class: "o-doc-title-dlg-action-box-label" };
+const _hoisted_12 = { class: "o-doc-title-dlg-action-box-icon" };
+const _hoisted_13 = { class: "o-doc-title-dlg-action-box-label" };
+const _hoisted_14 = { class: "o-doc-title-dlg-action-box-icon" };
+const _hoisted_15 = { class: "o-doc-title-dlg-action-box-label" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MarkdownPageTitle",
+  __name: "DocTitle",
   props: {
     el: {},
+    title: {},
     bgImage: {},
     sourceUrl: {},
     updateTime: {},
     enableDownload: { default: false },
-    enableStar: { default: false }
+    enableStar: { default: false },
+    enableCopyLink: { default: false }
   },
   emits: ["download", "collect"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v6981a063": bgImage.value
+      "bc7b9dec": bgImage.value
     }));
     const props = __props;
     const emit = __emit;
@@ -51,7 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateTime = computed(() => toValue(props.updateTime));
     const enableDownload = computed(() => toValue(props.enableDownload));
     const enableStar = computed(() => toValue(props.enableStar));
-    const showActions = computed(() => sourceUrl.value || updateTime.value || enableDownload.value || enableStar.value);
+    const enableCopyLink = computed(() => toValue(props.enableCopyLink));
+    const showActions = computed(() => sourceUrl.value || updateTime.value || enableDownload.value || enableStar.value || enableCopyLink.value);
     const showDivider = computed(() => sourceUrl.value && (enableDownload.value || enableStar.value));
     const vDompurifyHtml = buildVueDompurifyHTMLDirective({
       default: {
@@ -59,59 +71,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const { lePadV } = useScreen();
-    const { width } = useWindowSize();
     const { t } = useI18n();
-    const titleRef = ref();
-    const isFirstH1 = ref(false);
+    const message = useMessage();
+    const toast = useToast();
     const showActionsDlg = ref(false);
-    const checkShowDownloadPdf = () => {
-      var _a;
-      const mdBodyH1 = document.querySelector(".o-markdown-body h1");
-      const myH1 = (_a = titleRef.value) == null ? void 0 : _a.querySelector("h1");
-      isFirstH1.value = myH1 === mdBodyH1;
-    };
-    onMounted(async () => {
-      await nextTick();
-      checkShowDownloadPdf();
-    });
-    watch([lePadV, width], async () => {
-      await nextTick();
-      checkShowDownloadPdf();
-    });
     const openSourceUrl = () => {
       window.open(sourceUrl.value, "_blank", "noopener,noreferrer");
+      showActionsDlg.value = false;
+    };
+    const copyLink = async () => {
+      const success = await useClipboard(window.location.href);
+      if (success) {
+        if (lePadV.value) {
+          toast.show(t("common.copySuccess"));
+          showActionsDlg.value = false;
+        } else {
+          message.success(t("common.copySuccess"));
+        }
+      }
+    };
+    const onDownload = () => {
+      emit("download");
+      showActionsDlg.value = false;
+    };
+    const onCollect = () => {
+      emit("collect");
+      showActionsDlg.value = false;
     };
     return (_ctx, _cache) => {
       var _a;
       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
+          class: normalizeClass(["o-doc-title", {
+            "is-simple": unref(lePadV),
+            "first-h1": true
           }])
         }, [
           createElementVNode("div", _hoisted_1, [
-            withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
+            __props.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              createElementVNode("h1", null, toDisplayString(__props.title), 1)
+            ])) : withDirectives((openBlock(), createElementBlock("div", _hoisted_3, null, 512)), [
               [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
             ])
           ]),
-          isFirstH1.value && showActions.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              showActions.value ? (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
-              })) : createCommentVNode("", true)
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_4, [
+          showActions.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            unref(lePadV) ? (openBlock(), createBlock(unref(OIcon), {
+              key: 0,
+              class: "o-doc-title-icon-more",
+              onClick: _cache[0] || (_cache[0] = ($event) => showActionsDlg.value = true)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(IconMore))
+              ]),
+              _: 1
+            })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("div", _hoisted_5, [
                 enableDownload.value ? (openBlock(), createBlock(unref(OPopover), {
                   key: 0,
                   position: "top",
@@ -120,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, {
                   target: withCtx(() => [
                     createVNode(unref(OIcon), {
-                      class: "o-md-page-title-icon-download",
+                      class: "o-doc-title-icon-download",
                       onClick: _cache[1] || (_cache[1] = ($event) => emit("download"))
                     }, {
                       default: withCtx(() => [
@@ -142,7 +156,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, {
                   target: withCtx(() => [
                     createVNode(unref(OIcon), {
-                      class: "o-md-page-title-icon-star",
+                      class: "o-doc-title-icon-star",
                       onClick: _cache[2] || (_cache[2] = ($event) => emit("collect"))
                     }, {
                       default: withCtx(() => [
@@ -156,14 +170,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 })) : createCommentVNode("", true),
-                showDivider.value ? (openBlock(), createBlock(unref(ODivider), {
+                enableCopyLink.value ? (openBlock(), createBlock(unref(OPopover), {
                   key: 2,
+                  position: "top",
+                  trigger: "hover",
+                  offset: 12
+                }, {
+                  target: withCtx(() => [
+                    createVNode(unref(OIcon), {
+                      class: "o-doc-title-icon-copy",
+                      onClick: copyLink
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconLink))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(unref(t)("common.copyLink")), 1)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                showDivider.value ? (openBlock(), createBlock(unref(ODivider), {
+                  key: 3,
                   direction: "v",
                   style: { "--o-divider-label-gap": "0" }
                 })) : createCommentVNode("", true),
                 sourceUrl.value ? (openBlock(), createBlock(unref(OLink), {
-                  key: 3,
-                  class: "o-md-page-title-source-code",
+                  key: 4,
+                  class: "o-doc-title-source-code",
                   size: "large",
                   href: sourceUrl.value,
                   target: "_blank",
@@ -171,7 +207,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(t)("md.gitSource")) + " ", 1),
-                    createVNode(unref(OIcon), { class: "o-md-page-title-icon-outlink" }, {
+                    createVNode(unref(OIcon), { class: "o-doc-title-icon-outlink" }, {
                       default: withCtx(() => [
                         createVNode(unref(IconOutlink))
                       ]),
@@ -181,14 +217,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["href"])) : createCommentVNode("", true)
               ]),
-              updateTime.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(updateTime.value), 1)) : createCommentVNode("", true)
+              updateTime.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(updateTime.value), 1)) : createCommentVNode("", true)
             ], 64))
           ])) : createCommentVNode("", true)
         ], 2),
         unref(lePadV) && showActions.value ? (openBlock(), createBlock(unref(ODialog), {
           key: 0,
           visible: showActionsDlg.value,
-          "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => showActionsDlg.value = $event),
+          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => showActionsDlg.value = $event),
           size: "medium",
           "phone-half-full": ""
         }, {
@@ -196,13 +232,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(unref(t)("md.moreActions")), 1)
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
               enableDownload.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: "o-md-page-dlg-action-box",
-                onClick: _cache[3] || (_cache[3] = ($event) => emit("download"))
+                class: "o-doc-title-dlg-action-box",
+                onClick: onDownload
               }, [
-                createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
                   createVNode(unref(OIcon), null, {
                     default: withCtx(() => [
                       createVNode(unref(IconDownload))
@@ -210,14 +246,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ]),
-                createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("md.downloadDoc")), 1)
+                createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("md.downloadDoc")), 1)
               ])) : createCommentVNode("", true),
               enableStar.value ? (openBlock(), createElementBlock("div", {
                 key: 1,
-                class: "o-md-page-dlg-action-box",
-                onClick: _cache[4] || (_cache[4] = ($event) => emit("collect"))
+                class: "o-doc-title-dlg-action-box",
+                onClick: onCollect
               }, [
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_10, [
                   createVNode(unref(OIcon), null, {
                     default: withCtx(() => [
                       createVNode(unref(IconStar))
@@ -225,14 +261,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ]),
-                createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("md.starDoc")), 1)
+                createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("md.starDoc")), 1)
               ])) : createCommentVNode("", true),
-              sourceUrl.value ? (openBlock(), createElementBlock("div", {
+              enableCopyLink.value ? (openBlock(), createElementBlock("div", {
                 key: 2,
-                class: "o-md-page-dlg-action-box",
+                class: "o-doc-title-dlg-action-box",
+                onClick: copyLink
+              }, [
+                createElementVNode("div", _hoisted_12, [
+                  createVNode(unref(OIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(IconLink))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("common.copyLink")), 1)
+              ])) : createCommentVNode("", true),
+              sourceUrl.value ? (openBlock(), createElementBlock("div", {
+                key: 3,
+                class: "o-doc-title-dlg-action-box",
                 onClick: openSourceUrl
               }, [
-                createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_14, [
                   createVNode(unref(OIcon), null, {
                     default: withCtx(() => [
                       createVNode(unref(IconOutlink))
@@ -240,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ]),
-                createElementVNode("div", _hoisted_12, toDisplayString(unref(t)("md.gitSource")), 1)
+                createElementVNode("div", _hoisted_15, toDisplayString(unref(t)("md.gitSource")), 1)
               ])) : createCommentVNode("", true)
             ])
           ]),