@8btc/mditor 0.0.17 → 0.0.19

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.17 - A markdown editor written in TypeScript.
+ * Vditor v0.0.19 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.17 - A markdown editor written in TypeScript.
+ * Vditor v0.0.19 - A markdown editor written in TypeScript.
  *
  * MIT License
  *

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.17 - A markdown editor written in TypeScript.
+ * Vditor v0.0.19 - 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.17";
+var _VDITOR_VERSION = "0.0.19";
 
 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.17");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.19");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -18301,7 +18323,7 @@ var wysiwyg_generator = (undefined && undefined.__generator) || function (thisAr
 var WYSIWYG = /** @class */ (function () {
     function WYSIWYG(vditor) {
         var _this = this;
-        var _a;
+        var _a, _b, _c, _d, _e, _f;
         this.composingLock = false;
         this.commentIds = [];
         this.vditor = vditor;
@@ -18310,7 +18332,15 @@ var WYSIWYG = /** @class */ (function () {
         if ((_a = vditor.options.lineNumber) === null || _a === void 0 ? void 0 : _a.enable) {
             divElement.classList.add("vditor--linenumber");
         }
-        divElement.innerHTML = "<pre class=\"vditor-reset\" placeholder=\"".concat(vditor.options.placeholder, "\"\n contenteditable=\"true\" spellcheck=\"false\"></pre>\n<div class=\"vditor-panel vditor-panel--none\"></div>\n<div class=\"vditor-selection-popover\">\n    <div class=\"vditor-selection-popover__actions\">\n        <button type=\"button\" data-action=\"ai\" aria-label=\"AI\u7F16\u8F91\" class=\"vditor-selection-popover__btn\">\u2728 AI\u7F16\u8F91</button>\n        <button type=\"button\" data-action=\"cut\" aria-label=\"\u526A\u5207\" class=\"vditor-selection-popover__btn\">\u526A\u5207</button>\n        <button type=\"button\" data-action=\"copy\" aria-label=\"\u590D\u5236\" class=\"vditor-selection-popover__btn\">\u590D\u5236</button>\n    </div>\n    <div class=\"vditor-selection-popover__input\">\n        <textarea placeholder=\"\u8BF7\u8F93\u5165\u60A8\u60F3\u4FEE\u6539\u7684\u5185\u5BB9\"></textarea>\n        <button class=\"vditor-selection-popover__send\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles-icon lucide-sparkles\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"/><path d=\"M20 2v4\"/><path d=\"M22 4h-4\"/><circle cx=\"4\" cy=\"20\" r=\"2\"/></svg>\n        </button>\n    </div>\n</div>");
+        // 构建选择浮窗的操作按钮HTML
+        var aiButtonHtml = ((_b = vditor.options.ai) === null || _b === void 0 ? void 0 : _b.enable)
+            ? '<button type="button" data-action="ai" aria-label="AI编辑" class="vditor-selection-popover__btn">✨ AI编辑</button>'
+            : '';
+        // 构建AI输入区域HTML
+        var aiInputHtml = ((_c = vditor.options.ai) === null || _c === void 0 ? void 0 : _c.enable)
+            ? "<div class=\"vditor-selection-popover__input\">\n        <textarea placeholder=\"\u8BF7\u8F93\u5165\u60A8\u60F3\u4FEE\u6539\u7684\u5185\u5BB9\"></textarea>\n        <button class=\"vditor-selection-popover__send\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-sparkles-icon lucide-sparkles\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"/><path d=\"M20 2v4\"/><path d=\"M22 4h-4\"/><circle cx=\"4\" cy=\"20\" r=\"2\"/></svg>\n        </button>\n    </div>"
+            : '';
+        divElement.innerHTML = "<pre class=\"vditor-reset\" placeholder=\"".concat(vditor.options.placeholder, "\"\n contenteditable=\"true\" spellcheck=\"false\"></pre>\n<div class=\"vditor-panel vditor-panel--none\"></div>\n<div class=\"vditor-selection-popover\">\n    <div class=\"vditor-selection-popover__actions\">\n        ").concat(aiButtonHtml, "\n        <button type=\"button\" data-action=\"cut\" aria-label=\"\u526A\u5207\" class=\"vditor-selection-popover__btn\">\u526A\u5207</button>\n        <button type=\"button\" data-action=\"copy\" aria-label=\"\u590D\u5236\" class=\"vditor-selection-popover__btn\">\u590D\u5236</button>\n    </div>\n    ").concat(aiInputHtml, "\n</div>");
         this.element = divElement.firstElementChild;
         this.popover = divElement.firstElementChild
             .nextElementSibling;
@@ -18318,13 +18348,14 @@ var WYSIWYG = /** @class */ (function () {
         this.popoverInput = this.selectPopover.querySelector("textarea");
         this.popoverSendBtn = this.selectPopover.querySelector(".vditor-selection-popover__send");
         this.bindEvent(vditor);
-        // 绑定发送按钮事件
-        if (this.popoverSendBtn) {
+        // 绑定发送按钮事件（仅在AI启用时）
+        if (this.popoverSendBtn && ((_d = vditor.options.ai) === null || _d === void 0 ? void 0 : _d.enable)) {
             this.popoverSendBtn.setAttribute("disabled", "disabled");
             this.popoverSendBtn.onclick = function (event) {
+                var _a;
                 event.stopPropagation();
-                if (vditor.options.ai) {
-                    vditor.options.ai({
+                if ((_a = vditor.options.ai) === null || _a === void 0 ? void 0 : _a.callback) {
+                    vditor.options.ai.callback({
                         value: _this.popoverInput.value,
                         content: _this.selectionContent,
                         lines: _this.selectionLines,
@@ -18332,30 +18363,30 @@ var WYSIWYG = /** @class */ (function () {
                 }
                 _this.hideSelectionPopover();
             };
-            // 阻止点击 popover 内任何区域时导致编辑器失去焦点
-            // 但不影响 textarea 获取焦点和按钮点击
-            this.selectPopover.addEventListener("mousedown", function (event) {
-                var target = event.target;
-                // 如果点击的是 textarea 或 button，允许默认行为
-                if (target.tagName === "TEXTAREA" ||
-                    target.tagName === "BUTTON") {
-                    return;
+        }
+        // 阻止点击 popover 内任何区域时导致编辑器失去焦点
+        // 但不影响 textarea 获取焦点和按钮点击
+        this.selectPopover.addEventListener("mousedown", function (event) {
+            var target = event.target;
+            // 如果点击的是 textarea 或 button，允许默认行为
+            if (target.tagName === "TEXTAREA" ||
+                target.tagName === "BUTTON") {
+                return;
+            }
+            // 其他情况阻止默认行为，防止编辑器失去焦点
+            event.preventDefault();
+            event.stopPropagation();
+        });
+        // 输入验证（仅在AI启用时）
+        if (this.popoverInput && ((_e = vditor.options.ai) === null || _e === void 0 ? void 0 : _e.enable)) {
+            this.popoverInput.addEventListener("input", function () {
+                if (_this.popoverInput.value.trim().length > 0) {
+                    _this.popoverSendBtn.removeAttribute("disabled");
+                }
+                else {
+                    _this.popoverSendBtn.setAttribute("disabled", "disabled");
                 }
-                // 其他情况阻止默认行为，防止编辑器失去焦点
-                event.preventDefault();
-                event.stopPropagation();
             });
-            // 输入验证
-            if (this.popoverInput) {
-                this.popoverInput.addEventListener("input", function () {
-                    if (_this.popoverInput.value.trim().length > 0) {
-                        _this.popoverSendBtn.removeAttribute("disabled");
-                    }
-                    else {
-                        _this.popoverSendBtn.setAttribute("disabled", "disabled");
-                    }
-                });
-            }
         }
         focusEvent(vditor, this.element);
         dblclickEvent(vditor, this.element);
@@ -18365,38 +18396,28 @@ var WYSIWYG = /** @class */ (function () {
         dropEvent(vditor, this.element);
         copyEvent(vditor, this.element, this.copy);
         cutEvent(vditor, this.element, this.copy);
-        // 选择浮窗按钮事件绑定
-        // const aiBtn = this.selectPopover.querySelector(
-        //     '[data-action="ai"]'
-        // ) as HTMLButtonElement | null;
-        // if (aiBtn) {
-        //     /**
-        //      * AI编辑按钮占位事件
-        //      * - 当前仅输出日志，不执行编辑逻辑
-        //      */
-        //     aiBtn.onclick = () => {
-        //         console.log("[Selection AI Edit] clicked");
-        //     };
-        // }
-        var copyBtn = this.selectPopover.querySelector('[data-action="copy"]');
-        if (copyBtn) {
-            /**
-             * 复制按钮点击处理
-             * - 优先使用 Clipboard API；降级为 execCommand('copy')
-             */
-            copyBtn.onclick = function () {
-                _this.copySelection(vditor);
-            };
-        }
-        var cutBtn = this.selectPopover.querySelector('[data-action="cut"]');
-        if (cutBtn) {
-            /**
-             * 剪切按钮点击处理
-             * - 将选区复制到剪贴板后删除，并接入撤销栈
-             */
-            cutBtn.onclick = function () {
-                _this.cutSelection(vditor);
-            };
+        // 选择浮窗按钮事件绑定（仅在AI启用时）
+        if ((_f = vditor.options.ai) === null || _f === void 0 ? void 0 : _f.enable) {
+            var copyBtn = this.selectPopover.querySelector('[data-action="copy"]');
+            if (copyBtn) {
+                /**
+                 * 复制按钮点击处理
+                 * - 优先使用 Clipboard API；降级为 execCommand('copy')
+                 */
+                copyBtn.onclick = function () {
+                    _this.copySelection(vditor);
+                };
+            }
+            var cutBtn = this.selectPopover.querySelector('[data-action="cut"]');
+            if (cutBtn) {
+                /**
+                 * 剪切按钮点击处理
+                 * - 将选区复制到剪贴板后删除，并接入撤销栈
+                 */
+                cutBtn.onclick = function () {
+                    _this.cutSelection(vditor);
+                };
+            }
         }
         // 评论按钮仅在启用时注册（避免选择浮窗结构变化导致报错）
         if (vditor.options.comment.enable) {
@@ -18540,8 +18561,14 @@ var WYSIWYG = /** @class */ (function () {
     /**
      * 显示选择浮窗（定位于选区右上）
      * - 当未选中文本或选区不在编辑器内时不显示
+     * - 当AI功能未启用时不显示
      */
     WYSIWYG.prototype.showSelectionPopover = function () {
+        var _a;
+        // 如果AI功能未启用，不显示选择浮窗
+        if (!((_a = this.vditor.options.ai) === null || _a === void 0 ? void 0 : _a.enable)) {
+            return;
+        }
         if (getSelection().rangeCount === 0) {
             return;
         }
@@ -19431,6 +19458,11 @@ var Vditor = /** @class */ (function (_super) {
         if (!Array.isArray(numbers)) {
             return;
         }
+        // 当 highlightTimer 为 0 时，不处理高亮逻辑
+        var highlightTimer = (_a = this.vditor.options.lineNumber) === null || _a === void 0 ? void 0 : _a.highlightTimer;
+        if (highlightTimer === 0) {
+            return;
+        }
         var valid = numbers
             .filter(function (n) { return typeof n === "number" && isFinite(n); })
             .map(function (n) { return String(Math.floor(n)); });
@@ -19445,7 +19477,7 @@ var Vditor = /** @class */ (function (_super) {
         if (nodeList.length === 0) {
             return;
         }
-        var duration = Math.max(0, Number((_a = this.vditor.options.lineNumber) === null || _a === void 0 ? void 0 : _a.highlightTimer) || 1500);
+        var duration = Math.max(0, Number(highlightTimer) || 1500);
         var apply = function () {
             nodeList.forEach(function (el) {
                 var old = lineHighlightTimers.get(el);