@opendesign-plus-test/components 0.0.1-rc.166 → 0.0.1-rc.167

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

@@ -293,7 +293,7 @@
   --o-md-code-bg-color: #f6f7f8;
   --o-md-table-radius: var(--o-radius-xs);
   background: var(--o-color-fill2) !important;
-  color: var(--o-color-info2);
+  color: rgba(var(--o-grey-14), 0.9);
   font-family: inherit;
   --o-gap-1: 4px;
   --o-gap-2: 8px;
@@ -595,7 +595,7 @@
   box-sizing: border-box;
   border-radius: 999px;
   background-color: var(--o-color-info1);
-  color: var(--o-color-white);
+  color: var(--o-color-info1-inverse);
   font-size: var(--o-md-ol-badge-font-size);
   font-weight: 400;
   line-height: var(--o-md-ol-badge-size);
@@ -651,7 +651,7 @@
 }
 .markdown-body ul > li:not([class*=o-]) {
   position: relative;
-  padding-left: 24px;
+  padding-left: 16px;
 }
 .markdown-body ul > li:not([class*=o-])::before {
   content: "";
@@ -666,6 +666,12 @@
 .markdown-body ul > li:last-child:not([class*=o-]) {
   margin-bottom: 0 !important;
 }
+.markdown-body ul > li > ul > li:not([class*=o-]) {
+  padding-left: 24px;
+}
+.markdown-body ul > li > ul > li:not([class*=o-])::before {
+  left: 14px;
+}
 .markdown-body ul ul > li:not([class*=o-])::before {
   background-color: transparent;
   border: 1px solid var(--o-color-info1);
@@ -835,7 +841,7 @@
 }
 .markdown-body .custom-block:not([class*=o-]) {
   position: relative;
-  padding: var(--o-gap-3) var(--o-gap-4);
+  padding: var(--o-gap-2) var(--o-gap-3);
   margin-bottom: var(--o-gap-2);
   border-radius: var(--o-md-custom-block-radius);
 }
@@ -933,21 +939,21 @@
 }
 .markdown-body .custom-block.warning:not([class*=o-]) {
   --o-md-cb-bg-color: var(--o-color-warning1);
-  background-color: var(--o-color-warning4-light);
+  background-color: rgba(var(--o-orange-6), 0.05);
 }
 .markdown-body .custom-block.warning .custom-block-title:not([class*=o-])::before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KPHBhdGggZmlsbD0iI2ZhNzMwNSIgZD0iTTIxIDEyYzAgNC45NzEtNC4wMjkgOS05IDlzLTktNC4wMjktOS05YzAtNC45NzEgNC4wMjktOSA5LTlzOSA0LjAyOSA5IDl6Ij48L3BhdGg+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgOS40YzAuNTUyIDAgMS0wLjQ0OCAxLTFzLTAuNDQ4LTEtMS0xYy0wLjU1MiAwLTEgMC40NDgtMSAxczAuNDQ4IDEgMSAxek0xMi40OTIgMTAuOTQzYy0wLjA0Mi0wLjIzMy0wLjI0Ni0wLjQxLTAuNDkyLTAuNDEtMC4yNzYgMC0wLjUgMC4yMjQtMC41IDAuNXY1LjVsMC4wMDggMC4wOTBjMC4wNDIgMC4yMzMgMC4yNDYgMC40MSAwLjQ5MiAwLjQxIDAuMjc2IDAgMC41LTAuMjI0IDAuNS0wLjV2LTUuNWwtMC4wMDgtMC4wOTB6Ij48L3BhdGg+DQo8L3N2Zz4NCg==");
 }
 .markdown-body .custom-block.tip:not([class*=o-]) {
   --o-md-cb-bg-color: var(--o-color-success1);
-  background-color: var(--o-color-success4-light);
+  background-color: rgba(var(--o-green-6), 0.05);
 }
 .markdown-body .custom-block.tip .custom-block-title:not([class*=o-])::before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KPHBhdGggZmlsbD0iIzBiYjE1MSIgZD0iTTIxIDEyYzAgNC45NzEtNC4wMjkgOS05IDlzLTktNC4wMjktOS05YzAtNC45NzEgNC4wMjktOSA5LTlzOSA0LjAyOSA5IDl6Ij48L3BhdGg+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgOS40YzAuNTUyIDAgMS0wLjQ0OCAxLTFzLTAuNDQ4LTEtMS0xYy0wLjU1MiAwLTEgMC40NDgtMSAxczAuNDQ4IDEgMSAxek0xMi40OTIgMTAuOTQzYy0wLjA0Mi0wLjIzMy0wLjI0Ni0wLjQxLTAuNDkyLTAuNDEtMC4yNzYgMC0wLjUgMC4yMjQtMC41IDAuNXY1LjVsMC4wMDggMC4wOTBjMC4wNDIgMC4yMzMgMC4yNDYgMC40MSAwLjQ5MiAwLjQxIDAuMjc2IDAgMC41LTAuMjI0IDAuNS0wLjV2LTUuNWwtMC4wMDgtMC4wOTB6Ij48L3BhdGg+DQo8L3N2Zz4NCg==");
 }
 .markdown-body .custom-block.caution:not([class*=o-]) {
   --o-md-cb-bg-color: var(--o-color-danger1);
-  background-color: var(--o-color-danger4-light);
+  background-color: rgba(var(--o-red-6), 0.05);
 }
 .markdown-body .custom-block.caution .custom-block-title:not([class*=o-])::before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KPHBhdGggZmlsbD0iI2U2MDAxMiIgZD0iTTIxIDEyYzAgNC45NzEtNC4wMjkgOS05IDlzLTktNC4wMjktOS05YzAtNC45NzEgNC4wMjktOSA5LTlzOSA0LjAyOSA5IDl6Ij48L3BhdGg+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgOS40YzAuNTUyIDAgMS0wLjQ0OCAxLTFzLTAuNDQ4LTEtMS0xYy0wLjU1MiAwLTEgMC40NDgtMSAxczAuNDQ4IDEgMSAxek0xMi40OTIgMTAuOTQzYy0wLjA0Mi0wLjIzMy0wLjI0Ni0wLjQxLTAuNDkyLTAuNDEtMC4yNzYgMC0wLjUgMC4yMjQtMC41IDAuNXY1LjVsMC4wMDggMC4wOTBjMC4wNDIgMC4yMzMgMC4yNDYgMC40MSAwLjQ5MiAwLjQxIDAuMjc2IDAgMC41LTAuMjI0IDAuNS0wLjV2LTUuNWwtMC4wMDgtMC4wOTB6Ij48L3BhdGg+DQo8L3N2Zz4NCg==");
@@ -966,15 +972,22 @@
   content: "";
 }
 .markdown-body blockquote:not([class*=o-]) {
+  position: relative;
   color: var(--o-color-info2);
-  padding: 12px 16px;
-  margin: var(--o-gap-3) 0;
+  padding: var(--o-gap-2) var(--o-gap-3);
   border-left: 0;
-  background-color: var(--o-color-control2-light);
-  border-radius: var(--o-radius-xs);
+  background-color: rgba(var(--o-blue-6), 0.05);
+  border-radius: var(--o-md-custom-block-radius);
 }
-.markdown-body blockquote li:not([class*=o-]) {
-  margin-top: var(--o-gap-2);
+.markdown-body blockquote:not([class*=o-])::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+  background-color: var(--o-color-auxiliary5);
+  border-radius: var(--o-md-custom-block-radius) 0 0 var(--o-md-custom-block-radius);
 }
 .markdown-body blockquote img:not([class*=o-]) {
   padding: 0;
@@ -982,13 +995,6 @@
   background-color: transparent;
   min-height: 0;
 }
-.markdown-body blockquote .img-expand:not([class*=o-]) {
-  padding: 0;
-  margin-left: 0;
-}
-.markdown-body blockquote .img-expand .img-expand-btn:not([class*=o-]), .markdown-body blockquote .img-expand .img-mask:not([class*=o-]) {
-  display: none;
-}
 .markdown-body blockquote pre:not([class*=o-]) {
   border: 1px solid var(--o-color-control4);
 }
@@ -1118,4 +1124,10 @@
 }
 [data-o-theme*=dark] .markdown-body code span:not([class*=o-]) {
   color: var(--shiki-dark, inherit) !important;
+}
+.markdown-body blockquote > *:last-child {
+  margin-bottom: 0;
+}
+.markdown-body blockquote > *:last-child > *:last-child {
+  margin-bottom: 0;
 }

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OMarkdown.vue2.mjs";
 import './OMarkdown.css';
 import './OMarkdown2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36213596"]]);
+const _OMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bcc8e5c0"]]);
 export {
   _OMarkdown as default
 };

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-36213596] {
+.hover-icon-rotate .o-icon[data-v-bcc8e5c0] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-36213596] {
+.hover-icon-rotate:hover .o-icon[data-v-bcc8e5c0] {
     transform: rotate(-180deg);
 }
 }
-.o-markdown.unmounted[data-v-36213596] .markdown-body table {
+.o-markdown.unmounted[data-v-bcc8e5c0] .markdown-body table {
   display: block !important;
   overflow: hidden !important;
   max-height: calc(100vh - 210px) !important;

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

@@ -1,119 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-893ac416] {
+.hover-icon-rotate .o-icon {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-893ac416] {
+.hover-icon-rotate:hover .o-icon {
     transform: rotate(-180deg);
 }
 }
-.o-md-code[data-v-893ac416] {
-  position: relative;
-  margin-bottom: var(--o-gap-2, 8px);
-}
-.o-md-code[data-v-893ac416] .o-scroller,
-.o-md-code[data-v-893ac416] .o-scroller-container,
-.o-md-code[data-v-893ac416] .o-scrollbar,
-.o-md-code[data-v-893ac416] .o-scrollbar-rail,
-.o-md-code[data-v-893ac416] .o-scrollbar-thumb,
-.o-md-code[data-v-893ac416] .o-scrollbar-track {
-  margin-bottom: 0;
-}
-.o-md-code[data-v-893ac416] .o-scrollbar-x {
-  --scrollbar-height: 97%;
-}
-.o-md-code[data-v-893ac416] .o-scroller-container * {
-  margin-bottom: 0;
-}
-.o-md-code[data-v-893ac416] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
-  margin-top: auto !important;
-}
-.o-md-code .o-md-code-tools[data-v-893ac416] {
-  z-index: 3;
-  position: absolute;
-  display: flex;
-  justify-content: right;
-  align-self: center;
-  gap: 12px;
-  top: calc(var(--o-gap-3) + 2px);
-  right: 0;
-  padding-right: var(--o-gap-4);
-  color: var(--o-color-info2);
-  font-size: 16px;
-  background-color: #f6f7f8;
-}
-@media (max-width: 840px) {
-.o-md-code .o-md-code-tools[data-v-893ac416] {
-    top: var(--o-gap-3);
-}
-}
-.o-md-code .o-md-code-icon-theme[data-v-893ac416],
-.o-md-code .o-md-code-icon-copy[data-v-893ac416] {
-  cursor: pointer;
-}
-@media (hover: hover) {
-.o-md-code .o-md-code-icon-theme[data-v-893ac416]:hover,
-  .o-md-code .o-md-code-icon-copy[data-v-893ac416]:hover {
-    color: var(--o-color-info1);
-}
-}
-.o-md-code.is-light .o-md-code-icon-copy[data-v-893ac416],
-.o-md-code.is-light .o-md-code-icon-theme[data-v-893ac416] {
-  color: rgba(0, 0, 0, 0.8);
-}
-@media (hover: hover) {
-.o-md-code.is-light .o-md-code-icon-copy[data-v-893ac416]:hover,
-  .o-md-code.is-light .o-md-code-icon-theme[data-v-893ac416]:hover {
-    color: rgb(0, 0, 0);
-}
-}
-.o-md-code.is-dark .o-md-code-icon-copy[data-v-893ac416],
-.o-md-code.is-dark .o-md-code-icon-theme[data-v-893ac416] {
-  color: rgba(255, 255, 255, 0.8);
-}
-@media (hover: hover) {
-.o-md-code.is-dark .o-md-code-icon-copy[data-v-893ac416]:hover,
-  .o-md-code.is-dark .o-md-code-icon-theme[data-v-893ac416]:hover {
-    color: rgb(255, 255, 255);
-}
-}
-.o-md-code .markdown-body.is-light[data-v-893ac416] {
-  --o-md-code-bg-color: #f6f7f8;
-}
-.o-md-code .markdown-body.is-light[data-v-893ac416] code span {
-  color: var(--shiki-light, inherit) !important;
-}
-.o-md-code .markdown-body.is-dark[data-v-893ac416] {
-  --o-md-code-bg-color: #282a2f;
-}
-.o-md-code .markdown-body.is-dark[data-v-893ac416] code span {
-  color: var(--shiki-dark, inherit) !important;
-}
-.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-893ac416],
-.o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-893ac416] {
-  color: rgba(255, 255, 255, 0.8);
-}
-@media (hover: hover) {
-.o-md-code .markdown-body.is-dark .o-md-code-icon-copy[data-v-893ac416]:hover,
-  .o-md-code .markdown-body.is-dark .o-md-code-icon-theme[data-v-893ac416]:hover {
-    color: rgb(255, 255, 255);
-}
-}
-.o-md-code .markdown-body[data-v-893ac416] .copy {
-  display: none;
-}
-.o-md-code .markdown-body[data-v-893ac416] pre {
-  overflow: visible !important;
-  overflow-x: visible !important;
-  background-color: transparent !important;
-}
-.o-md-code .markdown-body[data-v-893ac416] pre code {
-  background-color: var(--o-md-code-bg-color);
-}
-@media (max-width: 840px) {
-.o-md-code .markdown-body[data-v-893ac416] pre code {
-    padding-top: 28px;
-}
-}
-.o-md-code.is-dark .o-md-code-tools[data-v-893ac416] {
-  background-color: #282a2f;
+.markdown-body blockquote .o-md-code {
+  border-radius: var(--o-radius-xs);
+  border: 1px solid var(--o-color-control4);
 }

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

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

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

@@ -0,0 +1,128 @@
+.hover-icon-rotate .o-icon[data-v-c64a9d9d] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-c64a9d9d] {
+    transform: rotate(-180deg);
+}
+}
+.o-md-code[data-v-c64a9d9d] {
+  position: relative;
+  margin-bottom: var(--o-gap-2, 8px);
+}
+.o-md-code[data-v-c64a9d9d] .o-scroller,
+.o-md-code[data-v-c64a9d9d] .o-scroller-container,
+.o-md-code[data-v-c64a9d9d] .o-scrollbar,
+.o-md-code[data-v-c64a9d9d] .o-scrollbar-rail,
+.o-md-code[data-v-c64a9d9d] .o-scrollbar-thumb,
+.o-md-code[data-v-c64a9d9d] .o-scrollbar-track {
+  margin-bottom: 0;
+}
+.o-md-code[data-v-c64a9d9d] .o-scrollbar-x {
+  --scrollbar-height: 97%;
+}
+.o-md-code[data-v-c64a9d9d] .o-scroller-container * {
+  margin-bottom: 0;
+}
+.o-md-code[data-v-c64a9d9d] .o-scrollbar-thumb .o-scrollbar-x-thumb-bar {
+  margin-top: auto !important;
+}
+.o-md-code .o-md-code-tools[data-v-c64a9d9d] {
+  z-index: 3;
+  position: absolute;
+  display: flex;
+  justify-content: right;
+  align-self: center;
+  gap: 12px;
+  top: calc(var(--o-gap-3) + 2px);
+  right: 0;
+  padding-right: var(--o-gap-4);
+  color: var(--o-color-info2);
+  font-size: 16px;
+  background-color: #f6f7f8;
+}
+@media (max-width: 840px) {
+.o-md-code .o-md-code-tools[data-v-c64a9d9d] {
+    top: var(--o-gap-3);
+}
+}
+.o-md-code .o-md-code-icon-theme[data-v-c64a9d9d],
+.o-md-code .o-md-code-icon-copy[data-v-c64a9d9d] {
+  cursor: pointer;
+}
+@media (hover: hover) {
+.o-md-code .o-md-code-icon-theme[data-v-c64a9d9d]:hover,
+  .o-md-code .o-md-code-icon-copy[data-v-c64a9d9d]:hover {
+    color: var(--o-color-info1);
+}
+}
+.o-md-code .markdown-body[data-v-c64a9d9d] {
+  background-color: transparent !important;
+}
+.o-md-code .markdown-body.is-light[data-v-c64a9d9d] {
+  --o-md-code-bg-color: #f6f7f8 !important;
+}
+.o-md-code .markdown-body.is-light[data-v-c64a9d9d] code span {
+  color: var(--shiki-light, inherit) !important;
+}
+.o-md-code .markdown-body.is-dark[data-v-c64a9d9d] {
+  --o-md-code-bg-color: #282a2f !important;
+}
+.o-md-code .markdown-body.is-dark[data-v-c64a9d9d] code span {
+  color: var(--shiki-dark, inherit) !important;
+}
+.o-md-code .markdown-body[data-v-c64a9d9d] .copy {
+  display: none;
+}
+.o-md-code .markdown-body[data-v-c64a9d9d] pre {
+  overflow: visible !important;
+  overflow-x: visible !important;
+  background-color: transparent !important;
+}
+.o-md-code .markdown-body[data-v-c64a9d9d] pre code {
+  background-color: var(--o-md-code-bg-color);
+}
+@media (max-width: 840px) {
+.o-md-code .markdown-body[data-v-c64a9d9d] pre code {
+    padding-top: 28px;
+}
+}
+.o-md-code.is-light .o-md-code-tools[data-v-c64a9d9d] {
+  background-color: #f6f7f8 !important;
+}
+.o-md-code.is-light .o-md-code-tools .o-md-code-icon-copy[data-v-c64a9d9d],
+.o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-c64a9d9d] {
+  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-c64a9d9d]:hover,
+  .o-md-code.is-light .o-md-code-tools .o-md-code-icon-theme[data-v-c64a9d9d]:hover {
+    color: rgb(0, 0, 0) !important;
+}
+}
+.o-md-code.is-dark .o-md-code-tools[data-v-c64a9d9d] {
+  background-color: #282a2f !important;
+}
+.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-copy[data-v-c64a9d9d],
+.o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-c64a9d9d] {
+  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-c64a9d9d]:hover,
+  .o-md-code.is-dark .o-md-code-tools .o-md-code-icon-theme[data-v-c64a9d9d]:hover {
+    color: rgb(255, 255, 255) !important;
+}
+}
+[data-o-theme*=dark] .o-md-code .o-md-code-tools[data-v-c64a9d9d] {
+  background-color: #282a2f;
+}
+[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-copy[data-v-c64a9d9d],
+[data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-c64a9d9d] {
+  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-c64a9d9d]:hover,
+  [data-o-theme*=dark] .o-md-code .o-md-code-tools .o-md-code-icon-theme[data-v-c64a9d9d]:hover {
+    color: rgb(255, 255, 255);
+}
+}

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-73e8af56] {
+.hover-icon-rotate .o-icon[data-v-e557f8e0] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-73e8af56] {
+.hover-icon-rotate:hover .o-icon[data-v-e557f8e0] {
     transform: rotate(-180deg);
 }
 }
-.o-md-img[data-v-73e8af56] {
+.o-md-img[data-v-e557f8e0] {
   width: auto;
   max-width: 100%;
   position: relative;
@@ -17,14 +17,14 @@
   border-radius: var(--o-radius-xs);
   cursor: zoom-in;
 }
-.o-md-img[data-v-73e8af56] img {
+.o-md-img[data-v-e557f8e0] img {
   max-width: 100%;
   padding: 0 !important;
   border: none !important;
   border-radius: unset !important;
   box-shadow: none !important;
 }
-.o-md-img .o-md-img-icon-zoom[data-v-73e8af56] {
+.o-md-img .o-md-img-icon-zoom[data-v-e557f8e0] {
   position: absolute;
   z-index: 10;
   top: 50%;
@@ -33,16 +33,41 @@
   font-size: 32px;
 }
 @media (hover: hover) {
-.o-md-img[data-v-73e8af56]:not(.unexpand):hover {
+.o-md-img[data-v-e557f8e0]:not(.unexpand):hover {
     box-shadow: var(--o-shadow-1);
 }
 }
-.o-md-img.unexpand[data-v-73e8af56] {
+.o-md-img.unexpand[data-v-e557f8e0] {
   padding: 0 var(--o-gap-2);
   border: none;
   border-radius: unset;
   cursor: default;
 }
-.o-md-img.in-paragraph[data-v-73e8af56] {
+.o-md-img.in-paragraph[data-v-e557f8e0] {
   margin-bottom: 0;
+}
+.o-md-img.previous-is-br[data-v-e557f8e0] {
+  margin-top: var(--o-gap-2, 8px);
+}
+[data-o-theme*=dark] .o-md-img[data-v-e557f8e0] {
+  --o-md-img-mask-display: none;
+}
+@media (hover: hover) {
+[data-o-theme*=dark] .o-md-img[data-v-e557f8e0]:hover {
+    --o-md-img-mask-display: block;
+}
+}
+[data-o-theme*=dark] .o-md-img[data-v-e557f8e0]::after {
+  content: "";
+  display: var(--o-md-img-mask-display);
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: var(--o-radius-xs);
+  background-color: rgba(var(--o-black), 0.1);
+}
+[data-o-theme*=dark] .o-md-img-content[data-v-e557f8e0] {
+  filter: brightness(80%) grayscale(20%) contrast(1.2);
 }

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createElementVNode } from "vue";
 import { useImageViewer } from "@opensig/opendesign";
 import { useScreen } from "@opendesign-plus/composables";
 import IconZoom from "../../../assets/svg-icons/icon-zoom.svg.mjs";
@@ -18,9 +18,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const zoomImgUrl = ref(props.el.src);
     const isHover = ref(false);
     const inParagraph = ref(false);
-    onMounted(() => {
-      var _a, _b;
+    const previousIsBr = ref(false);
+    onMounted(async () => {
+      var _a, _b, _c, _d, _e, _f;
+      await nextTick();
       inParagraph.value = ((_b = (_a = containerRef.value) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.tagName) === "P";
+      previousIsBr.value = ((_d = (_c = containerRef.value) == null ? void 0 : _c.previousElementSibling) == null ? void 0 : _d.tagName) === "BR";
+      console.log((_f = (_e = containerRef.value) == null ? void 0 : _e.previousElementSibling) == null ? void 0 : _f.tagName);
     });
     const onImgLoad = () => {
       var _a;
@@ -46,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("span", {
         ref_key: "containerRef",
         ref: containerRef,
-        class: normalizeClass(["o-md-img", { unexpand: !zoomEnabled.value, "in-paragraph": inParagraph.value }]),
+        class: normalizeClass(["o-md-img", { unexpand: !zoomEnabled.value, "in-paragraph": inParagraph.value, "previous-is-br": previousIsBr.value }]),
         onClick: onClickContainer,
         onMouseenter: _cache[0] || (_cache[0] = ($event) => isHover.value = true),
         onMouseleave: _cache[1] || (_cache[1] = ($event) => isHover.value = false)

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

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-2abc86cf] {
+.hover-icon-rotate .o-icon[data-v-a58b230d] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-2abc86cf] {
+.hover-icon-rotate:hover .o-icon[data-v-a58b230d] {
     transform: rotate(-180deg);
 }
 }
-.o-table-data--wrap[data-v-2abc86cf] {
+.o-table-data--wrap[data-v-a58b230d] {
   --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-table-data--wrap[data-v-2abc86cf] {
+.o-table-data--wrap[data-v-a58b230d] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 8px;
@@ -33,7 +33,7 @@
 }
 }
 @media (max-width: 1200px) {
-.o-table-data--wrap[data-v-2abc86cf] {
+.o-table-data--wrap[data-v-a58b230d] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 8px;
@@ -47,7 +47,7 @@
 }
 }
 @media (max-width: 840px) {
-.o-table-data--wrap[data-v-2abc86cf] {
+.o-table-data--wrap[data-v-a58b230d] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 12px;
@@ -61,7 +61,7 @@
 }
 }
 @media (max-width: 600px) {
-.o-table-data--wrap[data-v-2abc86cf] {
+.o-table-data--wrap[data-v-a58b230d] {
     --o-gap-1: 4px;
     --o-gap-2: 8px;
     --o-gap-3: 12px;
@@ -74,20 +74,21 @@
     --o-gap-10: 32px;
 }
 }
-.o-table-data--wrap[data-v-2abc86cf] .o-data-table {
+.o-table-data--wrap[data-v-a58b230d] .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-2abc86cf] .o-data-table .o-data-table-header-divider-h {
+.o-table-data--wrap[data-v-a58b230d] .o-data-table .o-data-table-header-divider-h {
   border-image: linear-gradient(to right, #2e53fa, #7b25f4) 1;
 }
-.o-table-data--wrap[data-v-2abc86cf] .md-cell {
-  background: var(--o-color-fill2) !important;
+.o-table-data--wrap[data-v-a58b230d] .md-cell {
+  background-color: transparent !important;
+  color: var(--o-color-info1);
 }
-.o-table-data-original[data-v-2abc86cf] {
+.o-table-data-original[data-v-a58b230d] {
   width: 100%;
   margin-bottom: var(--o-gap-2);
   max-height: var(--o-md-table-max-height);
@@ -95,13 +96,16 @@
   border: 1px solid var(--o-color-control4);
   border-radius: var(--o-md-table-radius, var(--o-radius-xs));
 }
-.o-table-data-original .markdown-body[data-v-2abc86cf] table {
+.o-table-data-original .markdown-body[data-v-a58b230d] {
+  color: var(--o-color-info1);
+}
+.o-table-data-original .markdown-body[data-v-a58b230d] table {
   margin-bottom: 0;
   /* 由 markTableEdges 标记的最右列 / 最底行单元格：把外侧边框交给滚动容器绘制，避免叠加成 2px */
 }
-.o-table-data-original .markdown-body[data-v-2abc86cf] table .md-cell-edge-right {
+.o-table-data-original .markdown-body[data-v-a58b230d] table .md-cell-edge-right {
   border-right: none;
 }
-.o-table-data-original .markdown-body[data-v-2abc86cf] table .md-cell-edge-bottom {
+.o-table-data-original .markdown-body[data-v-a58b230d] table .md-cell-edge-bottom {
   border-bottom: none;
 }

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

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

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const vDompurifyHtml = buildVueDompurifyHTMLDirective();
     const props = __props;
-    const renderHtmlCell = (html) => withDirectives(h("div", { class: "md-cell markdown-body" }), [[vDompurifyHtml, html]]);
+    const renderHtmlCell = (html) => withDirectives(h("div", { class: "markdown-body md-cell" }), [[vDompurifyHtml, html]]);
     const isRegular = computed(() => {
       if (props.original) {
         return false;
@@ -141,6 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(ODataTable), {
           data: tableData.value,
           columns: tableColumns.value,
+          stripe: "",
           "row-key": "id",
           border: "all",
           "header-style": "split-line",

package/package.json

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