@opendesign-plus-test/components 0.0.1-rc.162 → 0.0.1-rc.164

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-3a971efe] {
+.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-3a971efe] {
+.hover-icon-rotate:hover .o-icon[data-v-4a59afb2] {
     transform: rotate(-180deg);
 }
 }
-.o-md-page-title[data-v-3a971efe] {
+.o-md-page-title[data-v-4a59afb2] {
   --o-gap-1: 4px;
   --o-gap-2: 8px;
   --o-gap-3: 12px;
@@ -19,7 +19,7 @@
   --o-gap-10: 72px;
 }
 @media (max-width: 1680px) {
-.o-md-page-title[data-v-3a971efe] {
+.o-md-page-title[data-v-4a59afb2] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 8px;
@@ -33,7 +33,7 @@
 }
 }
 @media (max-width: 1200px) {
-.o-md-page-title[data-v-3a971efe] {
+.o-md-page-title[data-v-4a59afb2] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 8px;
@@ -47,7 +47,7 @@
 }
 }
 @media (max-width: 840px) {
-.o-md-page-title[data-v-3a971efe] {
+.o-md-page-title[data-v-4a59afb2] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 12px;
@@ -61,7 +61,7 @@
 }
 }
 @media (max-width: 600px) {
-.o-md-page-title[data-v-3a971efe] {
+.o-md-page-title[data-v-4a59afb2] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 12px;
@@ -74,181 +74,181 @@
     --o-gap-10: 32px;
 }
 }
-.o-md-page-title[data-v-3a971efe] {
+.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(--v4967ab7e);
+  background-image: var(--v66bc0e1a);
   background-position: 100% 100%;
   background-repeat: no-repeat;
 }
-.o-md-page-title .o-md-page-title-content[data-v-3a971efe] {
+.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-3a971efe] h1 {
+.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-3a971efe] h1 {
+.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-3a971efe] h1 {
+.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-3a971efe] h1 {
+.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-3a971efe] h1 {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] .o-link-label {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.o-md-page-title.more-h1[data-v-4a59afb2] {
   margin-top: var(--o-gap-6);
 }
-.o-md-page-dlg-action-box-container[data-v-3a971efe] {
+.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-3a971efe] {
+.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-3a971efe] {
+.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;
@@ -258,7 +258,7 @@
   border-radius: 50%;
   font-size: 24px;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-3a971efe] {
+.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,7 +1,8 @@
 import { MaybeRefOrGetter } from 'vue';
+import { MaybeElement } from '../types';
 type __VLS_Props = {
-    el: Element;
-    bg?: MaybeRefOrGetter<string>;
+    el: MaybeElement;
+    bgImage?: MaybeRefOrGetter<string>;
     sourceUrl?: MaybeRefOrGetter<string>;
     updateTime?: MaybeRefOrGetter<string>;
 };

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

@@ -1,7 +1,7 @@
 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-3a971efe"]]);
+const MarkdownPageTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a59afb2"]]);
 export {
   MarkdownPageTitle as default
 };

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

@@ -17,24 +17,26 @@ const _hoisted_4 = {
   key: 1,
   class: "o-md-page-title-update-time"
 };
-const _hoisted_5 = { class: "o-md-page-dlg-action-box-container" };
-const _hoisted_6 = { class: "o-md-page-dlg-action-box" };
-const _hoisted_7 = { class: "o-md-page-dlg-action-box-icon" };
-const _hoisted_8 = { class: "o-md-page-dlg-action-box-label" };
+const _hoisted_5 = {
+  key: 0,
+  class: "o-md-page-dlg-action-box-container"
+};
+const _hoisted_6 = { class: "o-md-page-dlg-action-box-icon" };
+const _hoisted_7 = { class: "o-md-page-dlg-action-box-label" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MarkdownPageTitle",
   props: {
     el: {},
-    bg: {},
+    bgImage: {},
     sourceUrl: {},
     updateTime: {}
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v4967ab7e": bgImage.value
+      "v66bc0e1a": bgImage.value
     }));
     const props = __props;
-    const bgImage = computed(() => `url(${toValue(props.bg) || bg})`);
+    const bgImage = computed(() => `url(${toValue(props.bgImage) || bg})`);
     const sourceUrl = computed(() => toValue(props.sourceUrl));
     const updateTime = computed(() => toValue(props.updateTime));
     const showActions = computed(() => sourceUrl.value || updateTime.value);
@@ -59,6 +61,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await nextTick();
       checkShowDownloadPdf();
     });
+    const openSourceUrl = () => {
+      window.open(sourceUrl.value, "_blank", "noopener,noreferrer");
+    };
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [
@@ -112,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 64))
           ])) : createCommentVNode("", true)
         ], 2),
-        unref(lePadV) ? (openBlock(), createBlock(unref(ODialog), {
+        unref(lePadV) && showActions.value ? (openBlock(), createBlock(unref(ODialog), {
           key: 0,
           visible: showActionsDlg.value,
           "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => showActionsDlg.value = $event),
@@ -123,9 +128,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(unref(t)("md.moreActions")), 1)
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
-                createElementVNode("div", _hoisted_7, [
+            sourceUrl.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              createElementVNode("div", {
+                class: "o-md-page-dlg-action-box",
+                onClick: openSourceUrl
+              }, [
+                createElementVNode("div", _hoisted_6, [
                   createVNode(unref(OIcon), null, {
                     default: withCtx(() => [
                       createVNode(unref(IconOutlink))
@@ -133,9 +141,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   })
                 ]),
-                createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("md.gitSource")), 1)
+                createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("md.gitSource")), 1)
               ])
-            ])
+            ])) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["visible"])) : createCommentVNode("", true)

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

@@ -1,17 +1,17 @@
-.hover-icon-rotate .o-icon[data-v-2613e65b] {
+.hover-icon-rotate .o-icon[data-v-ce85236e] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-2613e65b] {
+.hover-icon-rotate:hover .o-icon[data-v-ce85236e] {
     transform: rotate(-180deg);
 }
 }
-.o-md-table-container[data-v-2613e65b] {
+.o-md-table-container[data-v-ce85236e] {
   position: relative;
   width: 100%;
   margin-bottom: var(--o-gap-2, 8px);
 }
-.o-md-table-container .o-md-table-expand-btn[data-v-2613e65b] {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -28,34 +28,34 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-md-table-container .o-md-table-expand-btn[data-v-2613e65b] {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
     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-2613e65b] {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
     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-2613e65b] {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-md-table-container .o-md-table-expand-btn[data-v-2613e65b] {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.o-md-table-container .o-md-table-expand-btn[data-v-2613e65b]:hover {
+.o-md-table-container .o-md-table-expand-btn[data-v-ce85236e]:hover {
     color: var(--o-color-info1);
 }
 }
-.o-md-table-container .o-md-table-expand-btn .o-md-table-expand-icon[data-v-2613e65b] {
+.o-md-table-container .o-md-table-expand-btn .o-md-table-expand-icon[data-v-ce85236e] {
   margin-right: 8px;
 }

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

@@ -1,7 +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-2613e65b"]]);
+const MarkdownTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce85236e"]]);
 export {
   MarkdownTable as default
 };

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-e61df98a] {
+.hover-icon-rotate .o-icon[data-v-7472ece7] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e61df98a] {
+.hover-icon-rotate:hover .o-icon[data-v-7472ece7] {
     transform: rotate(-180deg);
 }
 }
-.o-table-expand-scaler[data-v-e61df98a] {
+.o-table-expand-scaler[data-v-7472ece7] {
   position: relative;
   width: 80vw;
   height: auto;
@@ -18,30 +18,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-table-expand-scaler[data-v-e61df98a] {
+.o-table-expand-scaler[data-v-7472ece7] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-table-expand-scaler[data-v-e61df98a] {
+.o-table-expand-scaler[data-v-7472ece7] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-table-expand-scaler[data-v-e61df98a] {
+.o-table-expand-scaler[data-v-7472ece7] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.o-table-expand-scaler[data-v-e61df98a] {
+.o-table-expand-scaler[data-v-7472ece7] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-table-expand-close-btn[data-v-e61df98a] {
+.o-table-expand-close-btn[data-v-7472ece7] {
   position: sticky;
   top: 12px;
   right: 12px;
@@ -54,13 +54,13 @@
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-table-expand-close-btn[data-v-e61df98a]:hover {
+.o-table-expand-close-btn[data-v-7472ece7]:hover {
     color: var(--o-color-info1);
 }
 }
-.o-table-expand-close-btn .o-table-expand-close-icon[data-v-e61df98a] {
+.o-table-expand-close-btn .o-table-expand-close-icon[data-v-7472ece7] {
   margin-right: 8px;
 }
-.o-table-expand-content[data-v-e61df98a] {
+.o-table-expand-content[data-v-7472ece7] {
   padding: 48px 32px;
 }

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

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