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

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

@@ -1,25 +1,22 @@
-interface PageItem {
-    title?: string;
-    url?: string;
-}
+import { OMarkdownPaginationItemT } from './types';
 type __VLS_Props = {
-    prev?: PageItem | null;
-    next?: PageItem | null;
+    prev?: OMarkdownPaginationItemT | null;
+    next?: OMarkdownPaginationItemT | 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;
+    navigate: (type: "prev" | "next", item: OMarkdownPaginationItemT) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNavigate?: ((type: "prev" | "next", item: PageItem) => any) | undefined;
+    onNavigate?: ((type: "prev" | "next", item: OMarkdownPaginationItemT) => any) | undefined;
 }>, {
-    radius: string;
-    prev: PageItem | null;
-    next: PageItem | null;
+    prev: OMarkdownPaginationItemT | null;
+    next: OMarkdownPaginationItemT | null;
     prevLabel: string;
     nextLabel: string;
     divider: boolean;
+    radius: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

@@ -43,7 +43,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "o-md-pagination--has-prev": hasPrev.value,
           "o-md-pagination--has-next": hasNext.value
         }]),
-        style: normalizeStyle({ "--o-md-pagination-radius": __props.radius })
+        style: normalizeStyle({
+          "--o-md-pagination-radius": __props.radius
+        })
       }, [
         __props.divider ? (openBlock(), createBlock(unref(ODivider), {
           key: 0,

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

@@ -1,6 +1,7 @@
-import { MaybeElement } from '../types';
+import { OMarkdownMaybeElementT } from '../types';
 type __VLS_Props = {
-    el: MaybeElement;
+    el: OMarkdownMaybeElementT;
+    disableChangeCodeTheme?: boolean;
 };
 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;

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

@@ -2,7 +2,7 @@ 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"]]);
+const MarkdownCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8895ed58"]]);
 export {
   MarkdownCode as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, withDirectives } from "vue";
+import { defineComponent, computed, ref, openBlock, createElementBlock, normalizeClass, unref, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, createCommentVNode, withDirectives } from "vue";
 import { useMessage, useToast, OPopover, OIcon, OScroller } from "@opensig/opendesign";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 import { useScreen, useClipboard } from "@opendesign-plus/composables";
@@ -14,7 +14,8 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MarkdownCode",
   props: {
-    el: {}
+    el: {},
+    disableChangeCodeTheme: { type: Boolean }
   },
   setup(__props) {
     const vDompurifyHtml = buildVueDompurifyHTMLDirective();
@@ -53,7 +54,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = ($event) => isHover.value = false)
       }, [
         unref(lePadV) || isHover.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createVNode(unref(OPopover), {
+          !__props.disableChangeCodeTheme ? (openBlock(), createBlock(unref(OPopover), {
+            key: 0,
             position: "top",
             trigger: "hover",
             offset: 12
@@ -73,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("span", null, toDisplayString(unref(codeTheme) === "light" ? unref(t)("md.darkTheme") : unref(t)("md.lightTheme")), 1)
             ]),
             _: 1
-          }),
+          })) : createCommentVNode("", true),
           createVNode(unref(OPopover), {
             position: "top",
             trigger: "hover",

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

@@ -1,33 +1,33 @@
-.hover-icon-rotate .o-icon[data-v-ff874a1f] {
+.hover-icon-rotate .o-icon[data-v-8895ed58] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-ff874a1f] {
+.hover-icon-rotate:hover .o-icon[data-v-8895ed58] {
     transform: rotate(-180deg);
 }
 }
-.o-md-code[data-v-ff874a1f] {
+.o-md-code[data-v-8895ed58] {
   position: relative;
   margin-bottom: var(--o-gap-2, 8px);
 }
-.o-md-code[data-v-ff874a1f] .o-scroller,
-.o-md-code[data-v-ff874a1f] .o-scroller-container,
-.o-md-code[data-v-ff874a1f] .o-scrollbar,
-.o-md-code[data-v-ff874a1f] .o-scrollbar-rail,
-.o-md-code[data-v-ff874a1f] .o-scrollbar-thumb,
-.o-md-code[data-v-ff874a1f] .o-scrollbar-track {
+.o-md-code[data-v-8895ed58] .o-scroller,
+.o-md-code[data-v-8895ed58] .o-scroller-container,
+.o-md-code[data-v-8895ed58] .o-scrollbar,
+.o-md-code[data-v-8895ed58] .o-scrollbar-rail,
+.o-md-code[data-v-8895ed58] .o-scrollbar-thumb,
+.o-md-code[data-v-8895ed58] .o-scrollbar-track {
   margin-bottom: 0;
 }
-.o-md-code[data-v-ff874a1f] .o-scrollbar-x {
+.o-md-code[data-v-8895ed58] .o-scrollbar-x {
   --scrollbar-height: 97%;
 }
-.o-md-code[data-v-ff874a1f] .o-scroller-container * {
+.o-md-code[data-v-8895ed58] .o-scroller-container * {
   margin-bottom: 0;
 }
-.o-md-code[data-v-ff874a1f] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
+.o-md-code[data-v-8895ed58] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
   margin-top: auto !important;
 }
-.o-md-code .o-md-code-tools[data-v-ff874a1f] {
+.o-md-code .o-md-code-tools[data-v-8895ed58] {
   z-index: 3;
   position: absolute;
   display: flex;
@@ -43,88 +43,94 @@
   border-radius: var(--o-radius-xs);
 }
 @media (max-width: 840px) {
-.o-md-code .o-md-code-tools[data-v-ff874a1f] {
+.o-md-code .o-md-code-tools[data-v-8895ed58] {
     top: var(--o-gap-2);
     padding: 0 var(--o-gap-2) 0 0;
 }
 }
-.o-md-code .o-md-code-icon-theme[data-v-ff874a1f],
-.o-md-code .o-md-code-icon-copy[data-v-ff874a1f] {
+.o-md-code .o-md-code-icon-theme[data-v-8895ed58],
+.o-md-code .o-md-code-icon-copy[data-v-8895ed58] {
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-md-code .o-md-code-icon-theme[data-v-ff874a1f]:hover,
-  .o-md-code .o-md-code-icon-copy[data-v-ff874a1f]:hover {
+.o-md-code .o-md-code-icon-theme[data-v-8895ed58]:hover,
+  .o-md-code .o-md-code-icon-copy[data-v-8895ed58]:hover {
     color: var(--o-color-info1);
 }
 }
-.o-md-code .o-markdown-body[data-v-ff874a1f] {
+.o-md-code .o-markdown-body[data-v-8895ed58] {
   background-color: transparent !important;
 }
-.o-md-code .o-markdown-body.is-light[data-v-ff874a1f] {
+.o-md-code .o-markdown-body.is-light[data-v-8895ed58] {
   --o-md-code-bg-color: #f6f7f8 !important;
 }
-.o-md-code .o-markdown-body.is-light[data-v-ff874a1f] code span {
+.o-md-code .o-markdown-body.is-light[data-v-8895ed58] code {
   color: var(--shiki-light, inherit) !important;
 }
-.o-md-code .o-markdown-body.is-dark[data-v-ff874a1f] {
+.o-md-code .o-markdown-body.is-light[data-v-8895ed58] code span {
+  color: var(--shiki-light, inherit) !important;
+}
+.o-md-code .o-markdown-body.is-dark[data-v-8895ed58] {
   --o-md-code-bg-color: #282a2f !important;
 }
-.o-md-code .o-markdown-body.is-dark[data-v-ff874a1f] code span {
+.o-md-code .o-markdown-body.is-dark[data-v-8895ed58] code {
+  color: var(--shiki-dark, inherit) !important;
+}
+.o-md-code .o-markdown-body.is-dark[data-v-8895ed58] code span {
   color: var(--shiki-dark, inherit) !important;
 }
-.o-md-code .o-markdown-body[data-v-ff874a1f] .copy {
+.o-md-code .o-markdown-body[data-v-8895ed58] .copy {
   display: none;
 }
-.o-md-code .o-markdown-body[data-v-ff874a1f] pre {
+.o-md-code .o-markdown-body[data-v-8895ed58] pre {
   overflow: visible !important;
   overflow-x: visible !important;
   background-color: transparent !important;
 }
-.o-md-code .o-markdown-body[data-v-ff874a1f] pre code {
+.o-md-code .o-markdown-body[data-v-8895ed58] pre code {
   background-color: var(--o-md-code-bg-color);
 }
 @media (max-width: 840px) {
-.o-md-code .o-markdown-body[data-v-ff874a1f] pre code {
+.o-md-code .o-markdown-body[data-v-8895ed58] pre code {
     padding-top: 28px;
 }
 }
-.o-md-code.is-light .o-md-code-tools[data-v-ff874a1f] {
+.o-md-code.is-light .o-md-code-tools[data-v-8895ed58] {
   background-color: #f6f7f8 !important;
 }
-.o-md-code.is-light .o-md-code-tools .o-md-code-icon-copy[data-v-ff874a1f],
-.o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-ff874a1f] {
+.o-md-code.is-light .o-md-code-tools .o-md-code-icon-copy[data-v-8895ed58],
+.o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-8895ed58] {
   color: rgba(0, 0, 0, 0.8) !important;
 }
 @media (hover: hover) {
-.o-md-code.is-light .o-md-code-tools .o-md-code-icon-copy[data-v-ff874a1f]:hover,
-  .o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-ff874a1f]:hover {
+.o-md-code.is-light .o-md-code-tools .o-md-code-icon-copy[data-v-8895ed58]:hover,
+  .o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-8895ed58]:hover {
     color: rgb(0, 0, 0) !important;
 }
 }
-.o-md-code.is-dark .o-md-code-tools[data-v-ff874a1f] {
+.o-md-code.is-dark .o-md-code-tools[data-v-8895ed58] {
   background-color: #282a2f !important;
 }
-.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-copy[data-v-ff874a1f],
-.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-ff874a1f] {
+.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-copy[data-v-8895ed58],
+.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-8895ed58] {
   color: rgba(255, 255, 255, 0.8) !important;
 }
 @media (hover: hover) {
-.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-copy[data-v-ff874a1f]:hover,
-  .o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-ff874a1f]:hover {
+.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-copy[data-v-8895ed58]:hover,
+  .o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-8895ed58]:hover {
     color: rgb(255, 255, 255) !important;
 }
 }
-[data-o-theme*=dark] .o-md-code .o-md-code-tools[data-v-ff874a1f] {
+[data-o-theme*=dark] .o-md-code .o-md-code-tools[data-v-8895ed58] {
   background-color: #282a2f;
 }
-[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-copy[data-v-ff874a1f],
-[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-ff874a1f] {
+[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-copy[data-v-8895ed58],
+[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-8895ed58] {
   color: rgba(255, 255, 255, 0.8);
 }
 @media (hover: hover) {
-[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-copy[data-v-ff874a1f]:hover,
-  [data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-ff874a1f]:hover {
+[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-copy[data-v-8895ed58]:hover,
+  [data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-8895ed58]:hover {
     color: rgb(255, 255, 255);
 }
 }

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-aa62b1cc] {
+.hover-icon-rotate .o-icon[data-v-279d789e] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-aa62b1cc] {
+.hover-icon-rotate:hover .o-icon[data-v-279d789e] {
     transform: rotate(-180deg);
 }
 }
-.o-md-page-title[data-v-aa62b1cc] {
+.o-md-page-title[data-v-279d789e] {
   --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-aa62b1cc] {
+.o-md-page-title[data-v-279d789e] {
     --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-aa62b1cc] {
+.o-md-page-title[data-v-279d789e] {
     --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-aa62b1cc] {
+.o-md-page-title[data-v-279d789e] {
     --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-aa62b1cc] {
+.o-md-page-title[data-v-279d789e] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 12px;
@@ -74,205 +74,205 @@
     --o-gap-10: 32px;
 }
 }
-.o-md-page-title[data-v-aa62b1cc] {
+.o-md-page-title[data-v-279d789e] {
   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(--v63038975);
+  background-image: var(--v49b38883);
   background-position: 100% 100%;
   background-repeat: no-repeat;
   background-size: cover;
 }
-.o-md-page-title .o-md-page-title-content[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-content[data-v-279d789e] {
   display: flex;
   flex-direction: column;
   gap: var(--o-gap-2);
   min-width: 0;
 }
-.o-md-page-title .o-md-page-title-text[data-v-aa62b1cc] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-279d789e] 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-aa62b1cc] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-279d789e] 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-aa62b1cc] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-279d789e] 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-aa62b1cc] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (max-width: 600px) {
-.o-md-page-title .o-md-page-title-text[data-v-aa62b1cc] h1 {
+.o-md-page-title .o-md-page-title-text[data-v-279d789e] h1 {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-md-page-title .o-md-page-title-actions[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions[data-v-279d789e] {
   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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions[data-v-279d789e] {
     margin-top: 0;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-more[data-v-279d789e] {
   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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
   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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-aa62b1cc] .o-link-label {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-source-code[data-v-279d789e] .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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
   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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-outlink[data-v-279d789e] {
     font-size: 16px;
     line-height: 24px;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
   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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
     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-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-update-time[data-v-279d789e] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-actions-left[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-actions-left[data-v-279d789e] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-aa62b1cc],
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-279d789e],
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-279d789e] {
   font-size: 24px;
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-aa62b1cc]:hover,
-  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-aa62b1cc]:hover {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-279d789e]:hover,
+  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-279d789e]:hover {
     color: var(--o-color-info1);
 }
 }
 @media (max-width: 1680px) {
-.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-aa62b1cc],
-  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-aa62b1cc] {
+.o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-download[data-v-279d789e],
+  .o-md-page-title .o-md-page-title-actions .o-md-page-title-icon-star[data-v-279d789e] {
     font-size: 20px;
 }
 }
-.o-md-page-title.is-simple[data-v-aa62b1cc] {
+.o-md-page-title.is-simple[data-v-279d789e] {
   padding: 0;
   background-image: none;
 }
 @media (max-width: 840px) {
-.o-md-page-title.first-h1[data-v-aa62b1cc] {
+.o-md-page-title.first-h1[data-v-279d789e] {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 }
-.o-md-page-title.more-h1[data-v-aa62b1cc] {
+.o-md-page-title.more-h1[data-v-279d789e] {
   margin-top: var(--o-gap-6);
 }
-.o-md-page-dlg-action-box-container[data-v-aa62b1cc] {
+.o-md-page-dlg-action-box-container[data-v-279d789e] {
   display: flex;
   justify-content: space-around;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-aa62b1cc] {
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box[data-v-279d789e] {
   flex: 1;
   align-items: center;
   display: flex;
   flex-direction: column;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-aa62b1cc] {
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-icon[data-v-279d789e] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -282,7 +282,7 @@
   border-radius: 50%;
   font-size: 24px;
 }
-.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-aa62b1cc] {
+.o-md-page-dlg-action-box-container .o-md-page-dlg-action-box-label[data-v-279d789e] {
   margin-top: 8px;
   color: var(--o-color-info1);
 }

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

@@ -1,7 +1,7 @@
 import { MaybeRefOrGetter } from 'vue';
-import { MaybeElement } from '../types';
+import { OMarkdownMaybeElementT } from '../types';
 type __VLS_Props = {
-    el: MaybeElement;
+    el: OMarkdownMaybeElementT;
     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-aa62b1cc"]]);
+const MarkdownPageTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-279d789e"]]);
 export {
   MarkdownPageTitle as default
 };

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

@@ -4,7 +4,6 @@ import { OIcon, OPopover, ODivider, OLink, ODialog } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
 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";
 import IconDownload from "../../../_virtual/icon-download.mjs";
@@ -40,11 +39,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["download", "collect"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v63038975": bgImage.value
+      "v49b38883": bgImage.value
     }));
     const props = __props;
     const emit = __emit;
-    const bgImage = computed(() => `url(${toValue(props.bgImage) || bg})`);
+    const bgImage = computed(() => {
+      const value = toValue(props.bgImage);
+      return value ? `url(${value})` : "none";
+    });
     const sourceUrl = computed(() => toValue(props.sourceUrl));
     const updateTime = computed(() => toValue(props.updateTime));
     const enableDownload = computed(() => toValue(props.enableDownload));