@8btc/mditor 0.0.16 → 0.0.18

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.18 - 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.18 - 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.18 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -2561,6 +2561,9 @@ var mergeOptions = function (options) {
         markdown: constants/* Constants.MARKDOWN_OPTIONS */.g.MARKDOWN_OPTIONS,
         math: constants/* Constants.MATH_OPTIONS */.g.MATH_OPTIONS,
         mode: "light",
+        link: {
+            isOpen: true,
+        },
         speech: {
             enable: false,
         },
@@ -2620,6 +2623,14 @@ var md2html = function (mdText, options) {
         return lute.Md2HTML(mdText);
     });
 };
+/**
+ * 预览区域渲染入口
+ * - 负责将 Markdown 转为 HTML 并对各类增强特性进行初始化
+ * - 支持目录点击定位与链接点击行为配置（link.click / link.isOpen）
+ * @param previewElement 预览容器元素
+ * @param markdown Markdown 文本内容
+ * @param options 预览配置项，支持 link 点击行为自定义
+ */
 var previewRender = function (previewElement, markdown, options) { return __awaiter(void 0, void 0, void 0, function () {
     var mergedOptions, html, i18nScriptPrefix, i18nScriptID_1;
     return __generator(this, function (_a) {
@@ -2711,6 +2722,7 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                     lazyLoadImageRender(previewElement);
                 }
                 previewElement.addEventListener("click", function (event) {
+                    var _a, _b;
                     var spanElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(event.target, "SPAN");
                     if (spanElement &&
                         (0,hasClosest/* hasClosestByClassName */.fb)(spanElement, "vditor-toc")) {
@@ -2720,6 +2732,16 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                         }
                         return;
                     }
+                    if (event.target.tagName === "A") {
+                        if ((_a = mergedOptions.link) === null || _a === void 0 ? void 0 : _a.click) {
+                            mergedOptions.link.click(event.target);
+                        }
+                        else if ((_b = mergedOptions.link) === null || _b === void 0 ? void 0 : _b.isOpen) {
+                            window.open(event.target.getAttribute("href"));
+                        }
+                        event.preventDefault();
+                        return;
+                    }
                 });
                 return [2 /*return*/];
         }
@@ -2844,7 +2866,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.18";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -3146,7 +3168,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.18");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -5748,19 +5770,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 +5794,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 +5810,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: