@8btc/mditor 0.0.24 → 0.0.25

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

@@ -66,6 +66,16 @@
     border: 1px solid #141414;
 }
 
+.vditor-reset .language-math {
+    user-select: all;
+    cursor: text;
+    transition: background-color 0.1s ease;
+}
+.vditor-reset .language-math.vditor-math--selected {
+    background-color: highlight !important;
+    color: highlighttext !important;
+}
+
 .vditor-reset table tr {
     /* background-color: #2f363d; */
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);

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

@@ -38,6 +38,16 @@
     border: 1px solid #d1d5da;
 }
 
+.vditor-reset .language-math {
+    user-select: all;
+    cursor: text;
+    transition: background-color 0.1s ease;
+}
+.vditor-reset .language-math.vditor-math--selected {
+    background-color: highlight !important;
+    color: highlighttext !important;
+}
+
 .vditor-reset table tr {
     border-bottom: 1px solid #e5e5e5;
     > th {

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.24 - A markdown editor written in TypeScript.
+ * Vditor v0.0.25 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.24 - A markdown editor written in TypeScript.
+ * Vditor v0.0.25 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -552,6 +552,17 @@
 .vditor-preview img:not(.emoji) {
   cursor: pointer;
 }
+.vditor-preview .language-math {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+  cursor: text;
+  transition: background-color 0.1s ease;
+}
+.vditor-preview .language-math.vditor-math--selected {
+  background-color: highlight !important;
+  color: highlighttext !important;
+}
 .vditor-devtools {
   display: none;
   overflow: auto;
@@ -1384,6 +1395,17 @@
   text-align: center;
   font-size: 100% !important;
 }
+.vditor-wysiwyg .language-math {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+  cursor: text;
+  transition: background-color 0.1s ease;
+}
+.vditor-wysiwyg .language-math.vditor-math--selected {
+  background-color: highlight !important;
+  color: highlighttext !important;
+}
 .vditor-wysiwyg > .vditor-reset > h1:before,
 .vditor-wysiwyg > .vditor-reset > h2:before,
 .vditor-wysiwyg > .vditor-reset > h3:before,
@@ -1698,6 +1720,17 @@
 .vditor-ir .vditor-reset > :is(p, h1, h2, h3, h4, h5, h6, ul, ol, code, pre):has(+ .vditor-ir__node[data-type="math-block"]) {
   margin-bottom: 0 !important;
 }
+.vditor-ir .language-math {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+  cursor: text;
+  transition: background-color 0.1s ease;
+}
+.vditor-ir .language-math.vditor-math--selected {
+  background-color: highlight !important;
+  color: highlighttext !important;
+}
 @media screen and (max-width: 32.5rem) {
   .vditor-ir h1:before,
   .vditor-ir h2:before,
@@ -1815,6 +1848,17 @@
 .vditor-sv__marker--strong {
   font-weight: bold;
 }
+.vditor-sv .language-math {
+  -webkit-user-select: all;
+     -moz-user-select: all;
+          user-select: all;
+  cursor: text;
+  transition: background-color 0.1s ease;
+}
+.vditor-sv .language-math.vditor-math--selected {
+  background-color: highlight !important;
+  color: highlighttext !important;
+}
 .vditor--linenumber .vditor-reset > ul [data-linenumber][data-list-level="1"]:after,
 .vditor--linenumber .vditor-reset ol [data-linenumber][data-list-level="1"]:after {
   margin-left: -5rem !important;
@@ -2161,4 +2205,16 @@ details > summary {
 details > summary::-webkit-details-marker {
   display: none;
 }
+::-moz-selection {
+  background: highlight;
+  /* 系统原生高亮背景色 */
+  color: highlighttext;
+  /* 系统原生高亮文本色 */
+}
+::selection {
+  background: highlight;
+  /* 系统原生高亮背景色 */
+  color: highlighttext;
+  /* 系统原生高亮文本色 */
+}
 

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.24 - A markdown editor written in TypeScript.
+ * Vditor v0.0.25 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -2488,6 +2488,8 @@ var speechRender = function (element, lang) {
 
 // EXTERNAL MODULE: ./src/ts/markdown/selectionRender.ts
 var selectionRender = __webpack_require__(616);
+// EXTERNAL MODULE: ./src/ts/util/mathSelection.ts
+var mathSelection = __webpack_require__(35);
 ;// 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); }); }
@@ -2546,6 +2548,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 
 
 var mergeOptions = function (options) {
@@ -2721,6 +2724,61 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 if (mergedOptions.lazyLoadImage) {
                     lazyLoadImageRender(previewElement);
                 }
+                // 绑定数学公式选中高亮监听
+                (0,mathSelection/* bindMathSelectionListener */.I)(previewElement);
+                // 绑定复制事件，处理数学公式源码复制
+                previewElement.addEventListener("copy", function (event) {
+                    var selection = window.getSelection();
+                    if (!selection || selection.isCollapsed || selection.rangeCount === 0) {
+                        return;
+                    }
+                    var range = selection.getRangeAt(0);
+                    // 检查选区是否只包含单个数学公式
+                    var mathElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.startContainer, "language-math");
+                    var mathEndElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.endContainer, "language-math");
+                    // 如果选区的起点和终点都在同一个数学公式元素内，复制源码
+                    if (mathElement &&
+                        mathEndElement &&
+                        mathElement.isSameNode(mathEndElement)) {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        var mathSource = mathElement.getAttribute("data-math") || range.toString();
+                        event.clipboardData.setData("text/plain", mathSource);
+                        event.clipboardData.setData("text/html", "");
+                        return;
+                    }
+                    // 处理包含多个公式的混合内容
+                    var fragment = range.cloneContents();
+                    var mathElements = fragment.querySelectorAll(".language-math");
+                    if (mathElements.length > 0) {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        // 创建临时容器来处理内容
+                        var tempDiv = document.createElement("div");
+                        tempDiv.appendChild(fragment);
+                        // 替换所有数学公式为源码
+                        tempDiv
+                            .querySelectorAll(".language-math")
+                            .forEach(function (mathEl) {
+                            var mathSource = mathEl.getAttribute("data-math");
+                            console.log(mathEl.tagName, "mathEl");
+                            if (mathSource) {
+                                if (mathEl.tagName === "SPAN") {
+                                    var textNode = document.createTextNode("$".concat(mathSource, "$"));
+                                    mathEl.parentNode.replaceChild(textNode, mathEl);
+                                }
+                                else {
+                                    var textNode = document.createTextNode("$$".concat(mathSource, "$$"));
+                                    mathEl.parentNode.replaceChild(textNode, mathEl);
+                                }
+                            }
+                        });
+                        // 获取纯文本内容
+                        var plainText = tempDiv.textContent || tempDiv.innerText || "";
+                        event.clipboardData.setData("text/plain", plainText);
+                        event.clipboardData.setData("text/html", "");
+                    }
+                });
                 previewElement.addEventListener("click", function (event) {
                     var _a, _b;
                     var spanElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(event.target, "SPAN");
@@ -2866,7 +2924,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.24";
+var _VDITOR_VERSION = "0.0.25";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -3168,7 +3226,7 @@ var Constants = /** @class */ (function () {
         "c#",
         "bat",
     ];
-    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.24");
+    Constants.CDN = "https://webcdn.wujieai.com/vditor@".concat("0.0.25");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -7256,7 +7314,8 @@ var getTopList = function (element) {
     var topUlElement = hasTopClosestByTag(element, "UL");
     var topOlElement = hasTopClosestByTag(element, "OL");
     var topListElement = topUlElement;
-    if (topOlElement && (!topUlElement || (topUlElement && topOlElement.contains(topUlElement)))) {
+    if (topOlElement &&
+        (!topUlElement || (topUlElement && topOlElement.contains(topUlElement)))) {
         topListElement = topOlElement;
     }
     return topListElement;
@@ -7397,6 +7456,66 @@ var hasClosestByHeadings = function (element) {
 };
 
 
+/***/ }),
+
+/***/ 35:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "I": () => (/* binding */ bindMathSelectionListener)
+/* harmony export */ });
+/* unused harmony export updateMathSelection */
+/**
+ * 数学公式选中高亮工具
+ * 监听选区变化，为选中的数学公式添加高亮样式
+ */
+var MATH_SELECTED_CLASS = "vditor-math--selected";
+/**
+ * 检查并更新数学公式的选中高亮状态
+ * @param container 容器元素（编辑器或预览区域）
+ */
+var updateMathSelection = function (container) {
+    var selection = window.getSelection();
+    // 获取所有数学公式元素
+    var mathElements = container.querySelectorAll(".language-math");
+    // 移除所有旧的高亮
+    mathElements.forEach(function (el) { return el.classList.remove(MATH_SELECTED_CLASS); });
+    // 无选中内容则返回
+    if (!selection || selection.isCollapsed || selection.rangeCount === 0) {
+        return;
+    }
+    // 检测选中的公式节点并添加高亮
+    mathElements.forEach(function (element) {
+        if (selection.containsNode(element, true)) {
+            element.classList.add(MATH_SELECTED_CLASS);
+        }
+    });
+};
+/**
+ * 为容器绑定数学公式选中高亮监听
+ * @param container 容器元素（编辑器或预览区域）
+ */
+var bindMathSelectionListener = function (container) {
+    var updateHandler = function () { return updateMathSelection(container); };
+    // 监听选区变化
+    document.addEventListener("selectionchange", updateHandler);
+    // 监听鼠标抬起（处理拖拽选择）
+    container.addEventListener("mouseup", updateHandler);
+    // 监听键盘选择（Shift + 方向键）
+    container.addEventListener("keyup", function (e) {
+        if (e.shiftKey && ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(e.key)) {
+            updateHandler();
+        }
+    });
+    // 返回清理函数
+    return function () {
+        document.removeEventListener("selectionchange", updateHandler);
+        container.removeEventListener("mouseup", updateHandler);
+    };
+};
+
+
 /***/ }),
 
 /***/ 673:
@@ -15342,6 +15461,8 @@ var Hint = /** @class */ (function () {
 }());
 
 
+// EXTERNAL MODULE: ./src/ts/util/mathSelection.ts
+var mathSelection = __webpack_require__(35);
 ;// CONCATENATED MODULE: ./src/ts/ir/index.ts
 
 
@@ -15355,6 +15476,7 @@ var Hint = /** @class */ (function () {
 
 
 
+
 var IR = /** @class */ (function () {
     function IR(vditor) {
         var _a;
@@ -15375,7 +15497,15 @@ var IR = /** @class */ (function () {
         dropEvent(vditor, this.element);
         copyEvent(vditor, this.element, this.copy);
         cutEvent(vditor, this.element, this.copy);
+        // 绑定数学公式选中高亮监听
+        this.mathSelectionCleanup = (0,mathSelection/* bindMathSelectionListener */.I)(this.element);
     }
+    IR.prototype.unbindListener = function () {
+        // 清理数学公式选中监听
+        if (this.mathSelectionCleanup) {
+            this.mathSelectionCleanup();
+        }
+    };
     IR.prototype.copy = function (event, vditor) {
         var range = getSelection().getRangeAt(0);
         if (range.toString() === "") {
@@ -15383,8 +15513,30 @@ var IR = /** @class */ (function () {
         }
         event.stopPropagation();
         event.preventDefault();
+        // 检查选区是否在数学公式元素内
+        var mathElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.startContainer, "language-math");
+        var mathEndElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.endContainer, "language-math");
+        // 如果选区的起点和终点都在同一个数学公式元素内，复制源码
+        if (mathElement && mathEndElement && mathElement.isSameNode(mathEndElement)) {
+            var mathSource = mathElement.getAttribute("data-math") || range.toString();
+            event.clipboardData.setData("text/plain", mathSource);
+            event.clipboardData.setData("text/html", "");
+            return;
+        }
+        // 处理包含多个公式的混合内容
         var tempElement = document.createElement("div");
         tempElement.appendChild(range.cloneContents());
+        var mathElements = tempElement.querySelectorAll(".language-math");
+        if (mathElements.length > 0) {
+            // 替换所有数学公式为源码
+            mathElements.forEach(function (mathEl) {
+                var mathSource = mathEl.getAttribute("data-math");
+                if (mathSource) {
+                    var textNode = document.createTextNode(mathSource);
+                    mathEl.parentNode.replaceChild(textNode, mathEl);
+                }
+            });
+        }
         event.clipboardData.setData("text/plain", vditor.lute.VditorIRDOM2Md(tempElement.innerHTML).trim());
         event.clipboardData.setData("text/html", "");
     };
@@ -15668,6 +15820,7 @@ var selectionRender = __webpack_require__(616);
 
 
 
+
 var Preview = /** @class */ (function () {
     /**
      * 构造预览区域容器，注册复制与点击事件。
@@ -15728,7 +15881,15 @@ var Preview = /** @class */ (function () {
             }
         });
         this.element.appendChild(this.previewElement);
+        // 绑定数学公式选中高亮监听
+        this.mathSelectionCleanup = (0,mathSelection/* bindMathSelectionListener */.I)(this.previewElement);
     }
+    Preview.prototype.unbindListener = function () {
+        // 清理数学公式选中监听
+        if (this.mathSelectionCleanup) {
+            this.mathSelectionCleanup();
+        }
+    };
     /**
      * 渲染预览内容。
      * - 优先使用远程接口（options.preview.url）；失败则使用 Lute 本地渲染。
@@ -15944,6 +16105,7 @@ var Resize = /** @class */ (function () {
 
 
 
+
 var Editor = /** @class */ (function () {
     function Editor(vditor) {
         var _a;
@@ -15964,7 +16126,15 @@ var Editor = /** @class */ (function () {
         dropEvent(vditor, this.element);
         copyEvent(vditor, this.element, this.copy);
         cutEvent(vditor, this.element, this.copy);
+        // 绑定数学公式选中高亮监听
+        this.mathSelectionCleanup = (0,mathSelection/* bindMathSelectionListener */.I)(this.element);
     }
+    Editor.prototype.unbindListener = function () {
+        // 清理数学公式选中监听
+        if (this.mathSelectionCleanup) {
+            this.mathSelectionCleanup();
+        }
+    };
     Editor.prototype.copy = function (event, vditor) {
         event.stopPropagation();
         event.preventDefault();
@@ -18320,6 +18490,7 @@ var wysiwyg_generator = (undefined && undefined.__generator) || function (thisAr
 
 
 
+
 var WYSIWYG = /** @class */ (function () {
     function WYSIWYG(vditor) {
         var _this = this;
@@ -18517,6 +18688,8 @@ var WYSIWYG = /** @class */ (function () {
                 };
             }
         }
+        // 绑定数学公式选中高亮监听
+        this.mathSelectionCleanup = (0,mathSelection/* bindMathSelectionListener */.I)(this.element);
     }
     WYSIWYG.prototype.getComments = function (vditor, getData) {
         var _this = this;
@@ -18677,11 +18850,15 @@ var WYSIWYG = /** @class */ (function () {
     };
     WYSIWYG.prototype.unbindListener = function () {
         window.removeEventListener("scroll", this.scrollListener);
+        // 清理数学公式选中监听
+        if (this.mathSelectionCleanup) {
+            this.mathSelectionCleanup();
+        }
     };
     /**
      * 复制事件处理
      * - 代码块与链接：按原有规则格式化复制
-     * - 数学公式选区：仅复制可见文本内容（不转换为 Markdown/TeX/MathML）
+     * - 数学公式选区：复制公式源码（与 sv 模式一致）
      * - 其他内容：转换为 Markdown 文本复制
      */
     WYSIWYG.prototype.copy = function (event, vditor) {
@@ -18718,24 +18895,32 @@ var WYSIWYG = /** @class */ (function () {
             event.clipboardData.setData("text/html", "");
             return;
         }
-        // 数学公式选区：仅复制可见文本
-        var startPreview = (0,hasClosest/* hasClosestByClassName */.fb)(range.startContainer, "vditor-wysiwyg__preview");
-        var endPreview = (0,hasClosest/* hasClosestByClassName */.fb)(range.endContainer, "vditor-wysiwyg__preview");
-        var isMathPreview = function (el) {
-            var first = el.firstElementChild;
-            return !!first && first.classList.contains("language-math");
-        };
-        if (startPreview &&
-            endPreview &&
-            startPreview.isSameNode(endPreview) &&
-            isMathPreview(startPreview)) {
-            event.clipboardData.setData("text/plain", range.toString());
+        // 数学公式选区：复制公式源码
+        // 检查选区是否在数学公式元素内
+        var mathElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.startContainer, "language-math");
+        var mathEndElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.endContainer, "language-math");
+        // 如果选区的起点和终点都在同一个数学公式元素内
+        if (mathElement && mathEndElement && mathElement.isSameNode(mathEndElement)) {
+            var mathSource = mathElement.getAttribute("data-math") || range.toString();
+            event.clipboardData.setData("text/plain", mathSource);
             event.clipboardData.setData("text/html", "");
             return;
         }
-        // 默认：转换为 Markdown 文本
+        // 处理包含多个公式的混合内容
         var tempElement = document.createElement("div");
         tempElement.appendChild(range.cloneContents());
+        var mathElements = tempElement.querySelectorAll(".language-math");
+        if (mathElements.length > 0) {
+            // 替换所有数学公式为源码
+            mathElements.forEach(function (mathEl) {
+                var mathSource = mathEl.getAttribute("data-math");
+                if (mathSource) {
+                    var textNode = document.createTextNode(mathSource);
+                    mathEl.parentNode.replaceChild(textNode, mathEl);
+                }
+            });
+        }
+        // 默认：转换为 Markdown 文本
         event.clipboardData.setData("text/plain", vditor.lute.VditorDOM2Md(tempElement.innerHTML).trim());
         event.clipboardData.setData("text/html", tempElement.innerHTML);
     };
@@ -18766,20 +18951,28 @@ var WYSIWYG = /** @class */ (function () {
                 html: "",
             };
         }
-        var startPreview = (0,hasClosest/* hasClosestByClassName */.fb)(range.startContainer, "vditor-wysiwyg__preview");
-        var endPreview = (0,hasClosest/* hasClosestByClassName */.fb)(range.endContainer, "vditor-wysiwyg__preview");
-        var isMathPreview = function (el) {
-            var first = el.firstElementChild;
-            return !!first && first.classList.contains("language-math");
-        };
-        if (startPreview &&
-            endPreview &&
-            startPreview.isSameNode(endPreview) &&
-            isMathPreview(startPreview)) {
-            return { plainText: range.toString(), html: "" };
+        // 检查选区是否在数学公式元素内
+        var mathElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.startContainer, "language-math");
+        var mathEndElement = (0,hasClosest/* hasClosestByClassName */.fb)(range.endContainer, "language-math");
+        // 如果选区的起点和终点都在同一个数学公式元素内
+        if (mathElement && mathEndElement && mathElement.isSameNode(mathEndElement)) {
+            var mathSource = mathElement.getAttribute("data-math") || range.toString();
+            return { plainText: mathSource, html: "" };
         }
+        // 处理包含多个公式的混合内容
         var tempElement = document.createElement("div");
         tempElement.appendChild(range.cloneContents());
+        var mathElements = tempElement.querySelectorAll(".language-math");
+        if (mathElements.length > 0) {
+            // 替换所有数学公式为源码
+            mathElements.forEach(function (mathEl) {
+                var mathSource = mathEl.getAttribute("data-math");
+                if (mathSource) {
+                    var textNode = document.createTextNode(mathSource);
+                    mathEl.parentNode.replaceChild(textNode, mathEl);
+                }
+            });
+        }
         return {
             plainText: vditor.lute.VditorDOM2Md(tempElement.innerHTML).trim(),
             html: tempElement.innerHTML,