@8btc/mditor 0.0.12 → 0.0.13

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

@@ -27,6 +27,7 @@
 .vditor-reset {
     color: rgba(252, 252, 252, 0.9);
     text-autospace: normal;
+
     h1,
     h2,
     h3,
@@ -68,9 +69,11 @@
 .vditor-reset table tr {
     /* background-color: #2f363d; */
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+
     th {
         color: #ffffff;
     }
+
     td {
         color: #fafafa;
     }
@@ -151,8 +154,10 @@
     width: 1rem;
     height: 1rem;
     border-radius: 0.25rem;
-    border: 1px solid #0a0a0a; /* 未选中时黑色边框 */
-    background-color: transparent; /* 未选中不填充背景 */
+    border: 1px solid #0a0a0a;
+    /* 未选中时黑色边框 */
+    background-color: transparent;
+    /* 未选中不填充背景 */
     position: relative;
     vertical-align: middle;
     margin-right: 0.38rem;
@@ -160,7 +165,8 @@
 }
 
 .vditor-task input[type="checkbox"]:checked {
-    background-color: #fafafa; /* 选中时白底 */
+    background-color: #fafafa;
+    /* 选中时白底 */
 }
 
 .vditor-task input[type="checkbox"]:checked::after {
@@ -175,3 +181,13 @@
     top: 50%;
     transform: translate(-50%, -60%) rotate(45deg);
 }
+
+.vditor-selection-popover__input .vditor-selection-popover__send {
+    color: #0a0a0a;
+}
+
+.vditor--linenumber {
+    .vditor-line-highlight {
+        color: #0a0a0a;
+    }
+}

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.12 - A markdown editor written in TypeScript.
+ * Vditor v0.0.13 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.12 - A markdown editor written in TypeScript.
+ * Vditor v0.0.13 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1831,7 +1831,7 @@
   top: 0;
   width: 3em;
   text-align: right;
-  color: var(--second-color);
+  color: rgba(252, 252, 252, 0.65);
   font-size: 0.75rem;
   line-height: inherit;
   -webkit-user-select: none;
@@ -1842,7 +1842,7 @@
 }
 .vditor--linenumber .vditor-reset .vditor-line-highlight {
   background-color: #fff3cd !important;
-  transition: background-color 0.3s ease-in-out;
+  transition: background-color color 0.3s ease-in-out;
 }
 /* 数学右键菜单全局样式（参考 ECharts 菜单风格） */
 .vditor-math-menu {

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.12 - A markdown editor written in TypeScript.
+ * Vditor v0.0.13 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -2486,6 +2486,8 @@ var speechRender = function (element, lang) {
     });
 };
 
+// EXTERNAL MODULE: ./src/ts/markdown/selectionRender.ts
+var selectionRender = __webpack_require__(616);
 ;// CONCATENATED MODULE: ./src/ts/markdown/previewRender.ts
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -2543,6 +2545,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 
 
 var mergeOptions = function (options) {
@@ -2673,6 +2676,7 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 (0,mindmapRender/* mindmapRender */.P)(previewElement, mergedOptions.cdn, mergedOptions.mode);
                 (0,plantumlRender/* plantumlRender */.B)(previewElement, mergedOptions.cdn);
                 (0,abcRender/* abcRender */.Q)(previewElement, mergedOptions.cdn);
+                (0,selectionRender/* selectionRender */.V)(previewElement);
                 if (mergedOptions.render.media.enable) {
                     (0,mediaRender/* mediaRender */.Y)(previewElement);
                 }
@@ -2733,6 +2737,7 @@ var attachLineNumbers = __webpack_require__(626);
 
 
 
+
 
 
 var Vditor = /** @class */ (function () {
@@ -2793,6 +2798,8 @@ var Vditor = /** @class */ (function () {
     Vditor.mediaRender = mediaRender/* mediaRender */.Y;
     /** 对选中的文字进行阅读 */
     Vditor.speechRender = speechRender;
+    /** 渲染 selection 代码块为文件选择标签 */
+    Vditor.selectionRender = selectionRender/* selectionRender */.V;
     /** 对图片进行懒加载 */
     Vditor.lazyLoadImageRender = lazyLoadImageRender;
     /** Markdown 文本转换为 HTML，该方法需使用[异步编程](https://ld246.com/article/1546828434083?r=Vaness) */
@@ -2818,7 +2825,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.12";
+var _VDITOR_VERSION = "0.0.13";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -3120,7 +3127,7 @@ var Constants = /** @class */ (function () {
         "c#",
         "bat",
     ];
-    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.12");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.13");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -5981,6 +5988,40 @@ var plantumlRender = function (element, cdn) {
 };
 
 
+/***/ }),
+
+/***/ 616:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "V": () => (/* binding */ selectionRender)
+/* harmony export */ });
+/**
+ * 渲染 selection 代码块为文件选择标签
+ */
+var selectionRender = function (element) {
+    element.querySelectorAll("pre > code.language-selection").forEach(function (codeElement) {
+        var preElement = codeElement.parentElement;
+        var content = codeElement.textContent.trim();
+        var lines = content.split('\n');
+        var tags = lines.map(function (line) {
+            var match = line.trim().match(/^(.+?)\s+(\d+-\d+)$/);
+            if (match) {
+                var filename = match[1], lineRange = match[2];
+                return "<div class=\"vditor-selection-tag\">\n                    <span class=\"vditor-selection-tag__file\">".concat(filename, "</span>\n                    <span class=\"vditor-selection-tag__lines\">").concat(lineRange, "</span>\n                </div>");
+            }
+            return '';
+        }).filter(function (tag) { return tag; }).join('');
+        if (tags) {
+            var container = document.createElement('div');
+            container.innerHTML = tags;
+            preElement.parentNode.replaceChild(container, preElement);
+        }
+    });
+};
+
+
 /***/ }),
 
 /***/ 214:
@@ -15248,31 +15289,8 @@ var Outline = /** @class */ (function () {
 
 // EXTERNAL MODULE: ./src/ts/markdown/mediaRender.ts
 var mediaRender = __webpack_require__(280);
-;// CONCATENATED MODULE: ./src/ts/markdown/selectionRender.ts
-/**
- * 渲染 selection 代码块为文件选择标签
- */
-var selectionRender = function (element) {
-    element.querySelectorAll("pre > code.language-selection").forEach(function (codeElement) {
-        var preElement = codeElement.parentElement;
-        var content = codeElement.textContent.trim();
-        var lines = content.split('\n');
-        var tags = lines.map(function (line) {
-            var match = line.trim().match(/^(.+?)\s+(\d+-\d+)$/);
-            if (match) {
-                var filename = match[1], lineRange = match[2];
-                return "<div class=\"vditor-selection-tag\">\n                    <span class=\"vditor-selection-tag__file\">".concat(filename, "</span>\n                    <span class=\"vditor-selection-tag__lines\">").concat(lineRange, "</span>\n                </div>");
-            }
-            return '';
-        }).filter(function (tag) { return tag; }).join('');
-        if (tags) {
-            var container = document.createElement('div');
-            container.innerHTML = tags;
-            preElement.parentNode.replaceChild(container, preElement);
-        }
-    });
-};
-
+// EXTERNAL MODULE: ./src/ts/markdown/selectionRender.ts
+var selectionRender = __webpack_require__(616);
 ;// CONCATENATED MODULE: ./src/ts/preview/index.ts
 
 
@@ -15455,7 +15473,7 @@ var Preview = /** @class */ (function () {
         if (vditor.options.preview.render.media.enable) {
             (0,mediaRender/* mediaRender */.Y)(vditor.preview.previewElement);
         }
-        selectionRender(vditor.preview.previewElement);
+        (0,selectionRender/* selectionRender */.V)(vditor.preview.previewElement);
         vditor.options.customRenders.forEach(function (item) {
             {
                 item.render(vditor.preview.previewElement, vditor);
@@ -17947,7 +17965,7 @@ var wysiwyg_generator = (undefined && undefined.__generator) || function (thisAr
 var WYSIWYG = /** @class */ (function () {
     function WYSIWYG(vditor) {
         var _this = this;
-        var _a, _b;
+        var _a;
         this.composingLock = false;
         this.commentIds = [];
         this.vditor = vditor;
@@ -17956,7 +17974,7 @@ 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\" disabled>\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>");
+        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>");
         this.element = divElement.firstElementChild;
         this.popover = divElement.firstElementChild
             .nextElementSibling;
@@ -17978,9 +17996,16 @@ var WYSIWYG = /** @class */ (function () {
                 }
                 _this.hideSelectionPopover();
             };
-            // 阻止点击输入区域时清除选区
-            (_b = this.selectPopover
-                .querySelector(".vditor-selection-popover__input")) === null || _b === void 0 ? void 0 : _b.addEventListener("mousedown", function (event) {
+            // 阻止点击 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();
             });
             // 输入验证
@@ -18004,16 +18029,18 @@ var WYSIWYG = /** @class */ (function () {
         copyEvent(vditor, this.element, this.copy);
         cutEvent(vditor, this.element, this.copy);
         // 选择浮窗按钮事件绑定
-        var aiBtn = this.selectPopover.querySelector('[data-action="ai"]');
-        if (aiBtn) {
-            /**
-             * AI编辑按钮占位事件
-             * - 当前仅输出日志，不执行编辑逻辑
-             */
-            aiBtn.onclick = function () {
-                console.log("[Selection AI Edit] clicked");
-            };
-        }
+        // 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) {
             /**