@opendesign-plus/components 0.0.1-rc.85 → 0.0.1-rc.87

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

@@ -1,33 +1,33 @@
-.hover-icon-rotate .o-icon[data-v-a7ac0910] {
+.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-a7ac0910] {
+.hover-icon-rotate:hover .o-icon[data-v-8895ed58] {
     transform: rotate(-180deg);
 }
 }
-.o-md-code[data-v-a7ac0910] {
+.o-md-code[data-v-8895ed58] {
   position: relative;
   margin-bottom: var(--o-gap-2, 8px);
 }
-.o-md-code[data-v-a7ac0910] .o-scroller,
-.o-md-code[data-v-a7ac0910] .o-scroller-container,
-.o-md-code[data-v-a7ac0910] .o-scrollbar,
-.o-md-code[data-v-a7ac0910] .o-scrollbar-rail,
-.o-md-code[data-v-a7ac0910] .o-scrollbar-thumb,
-.o-md-code[data-v-a7ac0910] .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-a7ac0910] .o-scrollbar-x {
+.o-md-code[data-v-8895ed58] .o-scrollbar-x {
   --scrollbar-height: 97%;
 }
-.o-md-code[data-v-a7ac0910] .o-scroller-container * {
+.o-md-code[data-v-8895ed58] .o-scroller-container * {
   margin-bottom: 0;
 }
-.o-md-code[data-v-a7ac0910] .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-a7ac0910] {
+.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-a7ac0910] {
+.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-a7ac0910],
-.o-md-code .o-md-code-icon-copy[data-v-a7ac0910] {
+.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-a7ac0910]:hover,
-  .o-md-code .o-md-code-icon-copy[data-v-a7ac0910]: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-a7ac0910] {
+.o-md-code .o-markdown-body[data-v-8895ed58] {
   background-color: transparent !important;
 }
-.o-md-code .o-markdown-body.is-light[data-v-a7ac0910] {
+.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-a7ac0910] 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-a7ac0910] {
+.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-a7ac0910] 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-a7ac0910] .copy {
+.o-md-code .o-markdown-body[data-v-8895ed58] .copy {
   display: none;
 }
-.o-md-code .o-markdown-body[data-v-a7ac0910] 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-a7ac0910] 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-a7ac0910] 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-a7ac0910] {
+.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-a7ac0910],
-.o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-a7ac0910] {
+.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-a7ac0910]:hover,
-  .o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-a7ac0910]: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-a7ac0910] {
+.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-a7ac0910],
-.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-a7ac0910] {
+.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-a7ac0910]:hover,
-  .o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-a7ac0910]: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-a7ac0910] {
+[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-a7ac0910],
-[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-a7ac0910] {
+[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-a7ac0910]:hover,
-  [data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-a7ac0910]: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/index.d.ts

@@ -6,6 +6,7 @@ declare const OMarkdown: {
         disableTable?: boolean;
         disableImg?: boolean;
         disableCode?: boolean;
+        disableChangeCodeTheme?: boolean;
         sourceUrl?: string;
         updateTime?: string;
         titleBg?: string;
@@ -21,6 +22,7 @@ declare const OMarkdown: {
     }, import('vue').PublicProps, {
         enableDownload: boolean;
         enableStar: boolean;
+        disableChangeCodeTheme: boolean;
         disableH1: boolean;
         disableH2: boolean;
         disableTable: boolean;
@@ -42,6 +44,7 @@ declare const OMarkdown: {
         disableTable?: boolean;
         disableImg?: boolean;
         disableCode?: boolean;
+        disableChangeCodeTheme?: boolean;
         sourceUrl?: string;
         updateTime?: string;
         titleBg?: string;
@@ -54,6 +57,7 @@ declare const OMarkdown: {
     }>, {}, {}, {}, {}, {
         enableDownload: boolean;
         enableStar: boolean;
+        disableChangeCodeTheme: boolean;
         disableH1: boolean;
         disableH2: boolean;
         disableTable: boolean;
@@ -70,6 +74,7 @@ declare const OMarkdown: {
     disableTable?: boolean;
     disableImg?: boolean;
     disableCode?: boolean;
+    disableChangeCodeTheme?: boolean;
     sourceUrl?: string;
     updateTime?: string;
     titleBg?: string;
@@ -85,6 +90,7 @@ declare const OMarkdown: {
 }, string, {
     enableDownload: boolean;
     enableStar: boolean;
+    disableChangeCodeTheme: boolean;
     disableH1: boolean;
     disableH2: boolean;
     disableTable: boolean;

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

@@ -1,2 +1,5 @@
 import { AppContext } from 'vue';
-export declare function mountMarkdownCode(el: Element, context: AppContext): (() => void) | undefined;
+export interface MarkdownCodeMountProps {
+    disableChangeCodeTheme?: boolean;
+}
+export declare function mountMarkdownCode(el: Element, context: AppContext, props?: MarkdownCodeMountProps): (() => void) | undefined;

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

@@ -1,12 +1,13 @@
 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"))) {
+function mountMarkdownCode(el, context, props) {
+  var _a;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || el.closest(".__mounted")) {
     return;
   }
   let vnode = createVNode(MarkdownCode, {
-    el
+    el,
+    disableChangeCodeTheme: props == null ? void 0 : props.disableChangeCodeTheme
   });
   vnode.appContext = context;
   let container = document.createElement("div");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus/components",
-  "version": "0.0.1-rc.85",
+  "version": "0.0.1-rc.87",
   "type": "module",
   "publishConfig": {
     "access": "public",