@8btc/mditor 0.0.16 → 0.0.17

package/dist/css/content-theme/dark.css

@@ -196,3 +196,21 @@
         color: #0a0a0a !important;
     }
 }
+
+.vditor-reset .mermaid-error {
+    border: 1px dashed rgba(255, 255, 255, 0.2);
+}
+
+.vditor-reset .mermaid-error .mermaid-error-icon {
+    border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.vditor-reset .mermaid-error .mermaid-error-title {
+    color: rgba(252, 252, 252, 0.9);
+}
+.vditor-reset .mermaid-error .mermaid-error-message {
+    color: #a3a3a3;
+}
+.vditor-reset .mermaid-error .mermaid-error-icon {
+    color: rgba(252, 252, 252, 0.9);
+}

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.16 - A markdown editor written in TypeScript.
+ * Vditor v0.0.17 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.16 - A markdown editor written in TypeScript.
+ * Vditor v0.0.17 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -115,7 +115,7 @@
   }
 }
 .vditor-tooltipped {
-  position: relative;
+  position: relative !important;
   cursor: pointer;
 }
 .vditor-tooltipped::after {
@@ -2124,6 +2124,37 @@
 .vditor--dark .vditor-reset .vditor-selection-tag .vditor-selection-tag__lines {
   color: #b9b9b9;
 }
+.mermaid-error {
+  border: 1px dashed #E5E5E5;
+  border-radius: 0.625rem;
+  padding: 3rem 1.5rem;
+  text-align: center;
+}
+.mermaid-error .mermaid-error-icon {
+  display: inline-block;
+  color: #0A0A0A;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  margin-bottom: 1.5rem;
+  border: 1px solid #E5E5E5;
+  line-height: 1;
+}
+.mermaid-error .mermaid-error-icon > svg {
+  display: block;
+  stroke-width: 2;
+}
+.mermaid-error .mermaid-error-title {
+  font-size: 1.25rem;
+  color: #0A0A0A;
+  font-weight: 700;
+  line-height: 140%;
+  margin-bottom: 0.5rem;
+}
+.mermaid-error .mermaid-error-message {
+  font-size: 0.875rem;
+  line-height: 140%;
+  color: #737373;
+}
 details > summary {
   list-style: none;
 }

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.16 - A markdown editor written in TypeScript.
+ * Vditor v0.0.17 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -2844,7 +2844,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.16";
+var _VDITOR_VERSION = "0.0.17";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -3146,7 +3146,7 @@ var Constants = /** @class */ (function () {
         "c#",
         "bat",
     ];
-    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.16");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.17");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -5748,19 +5748,19 @@ var mermaidRender = function (element, cdn, theme) {
             startOnLoad: false,
             flowchart: {
                 htmlLabels: true,
-                useMaxWidth: !0
+                useMaxWidth: !0,
             },
             sequence: {
                 useMaxWidth: true,
                 diagramMarginX: 8,
                 diagramMarginY: 8,
                 boxMargin: 8,
-                showSequenceNumbers: true // Mermaid 时序图增加序号 https://github.com/siyuan-note/siyuan/pull/6992 https://mermaid.js.org/syntax/sequenceDiagram.html#sequencenumbers
+                showSequenceNumbers: true, // Mermaid 时序图增加序号 https://github.com/siyuan-note/siyuan/pull/6992 https://mermaid.js.org/syntax/sequenceDiagram.html#sequencenumbers
             },
             gantt: {
                 leftPadding: 75,
-                rightPadding: 20
-            }
+                rightPadding: 20,
+            },
         };
         if (theme === "dark") {
             config.theme = "dark";
@@ -5772,7 +5772,8 @@ var mermaidRender = function (element, cdn, theme) {
                 switch (_a.label) {
                     case 0:
                         code = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mermaidRenderAdapter.getCode(item);
-                        if (item.getAttribute("data-processed") === "true" || code.trim() === "") {
+                        if (item.getAttribute("data-processed") === "true" ||
+                            code.trim() === "") {
                             return [2 /*return*/];
                         }
                         id = "mermaid" + (0,_util_function__WEBPACK_IMPORTED_MODULE_3__/* .genUUID */ .Wb)();
@@ -5787,7 +5788,7 @@ var mermaidRender = function (element, cdn, theme) {
                     case 3:
                         e_1 = _a.sent();
                         errorElement = document.querySelector("#" + id);
-                        item.innerHTML = "".concat(errorElement.outerHTML, "<br>\n<div style=\"text-align: left\"><small>").concat(e_1.message.replace(/\n/, "<br>"), "</small></div>");
+                        item.innerHTML = "\n<div class=\"mermaid-error\">\n<div class=\"mermaid-error-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-bug-icon lucide-bug\"><path d=\"M12 20v-9\"/><path d=\"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z\"/><path d=\"M14.12 3.88 16 2\"/><path d=\"M21 21a4 4 0 0 0-3.81-4\"/><path d=\"M21 5a4 4 0 0 1-3.55 3.97\"/><path d=\"M22 13h-4\"/><path d=\"M3 21a4 4 0 0 1 3.81-4\"/><path d=\"M3 5a4 4 0 0 0 3.55 3.97\"/><path d=\"M6 13H2\"/><path d=\"m8 2 1.88 1.88\"/><path d=\"M9 7.13V6a3 3 0 1 1 6 0v1.13\"/></svg></div>\n<div class=\"mermaid-error-title\">\u56FE\u8868\u52A0\u8F7D\u5931\u8D25</div>\n<div class=\"mermaid-error-message\">".concat(e_1.message.replace(/\n/, "<br>"), "</div>\n</div>");
                         errorElement.parentElement.remove();
                         return [3 /*break*/, 4];
                     case 4: