@yltrcc/vditor 0.0.3 → 0.0.5

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.3 - A markdown editor written in TypeScript.
+ * Vditor v0.0.5 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.3 - A markdown editor written in TypeScript.
+ * Vditor v0.0.5 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -362,14 +362,7 @@
   z-index: 1;
 }
 .vditor-toolbar--hide {
-  transition: all 0.15s ease-in-out;
-  height: 5px;
-  overflow: hidden;
-}
-.vditor-toolbar--hide:hover {
-  background-color: var(--toolbar-background-color);
-  height: auto;
-  overflow: visible;
+  display: none;
 }
 .vditor-toolbar__item {
   float: left;

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.3 - A markdown editor written in TypeScript.
+ * Vditor v0.0.5 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1060,7 +1060,8 @@ var insertHTML = function (html, vditor) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   BS: () => (/* binding */ renderDocLink),
 /* harmony export */   handleDocLinkClick: () => (/* binding */ handleDocLinkClick),
-/* harmony export */   qo: () => (/* binding */ processDocLinkInWYSIWYG)
+/* harmony export */   qo: () => (/* binding */ processDocLinkInWYSIWYG),
+/* harmony export */   uN: () => (/* binding */ getDocLinkMarkdown)
 /* harmony export */ });
 /* unused harmony exports extractDocLinks, hasDocLink */
 /**
@@ -1079,7 +1080,7 @@ var renderDocLink = function (html, vditor) {
     if (((_b = (_a = vditor === null || vditor === void 0 ? void 0 : vditor.options) === null || _a === void 0 ? void 0 : _a.citation) === null || _b === void 0 ? void 0 : _b.enable) === false) {
         return html;
     }
-    return html.replace(DOCLINK_REGEX, '<span class="vditor-doclink" data-doc-id="$1" data-doc-text="$2">$2</span>');
+    return html.replace(DOCLINK_REGEX, '<span class="vditor-doclink" data-doc-id="$1" data-doc-text="$2" data-doc-markdown="(($1 \'$2\'))">$2</span>');
 };
 /**
  * 在 WYSIWYG 编辑器中处理文档链接的实时渲染
@@ -1110,7 +1111,8 @@ var processDocLinkInWYSIWYG = function (element, vditor) {
                 index: match.index,
                 length: match[0].length,
                 id: match[1],
-                text: match[2]
+                text: match[2],
+                fullMatch: match[0]
             });
         }
         if (matches.length === 0)
@@ -1126,19 +1128,26 @@ var processDocLinkInWYSIWYG = function (element, vditor) {
             if (m.index > lastIndex) {
                 fragments.push(document.createTextNode(text.slice(lastIndex, m.index)));
             }
-            // 创建文档链接元素
+            // 创建文档链接容器 - 使用 contenteditable="false" 防止编辑时破坏结构
+            var container = document.createElement("span");
+            container.className = "vditor-doclink-wrapper";
+            container.setAttribute("contenteditable", "false");
+            container.setAttribute("data-doc-id", m.id);
+            container.setAttribute("data-doc-text", m.text);
+            // 存储完整的 Markdown 语法，用于复制
+            container.setAttribute("data-doc-markdown", m.fullMatch);
+            // 创建显示文本的元素
             var span = document.createElement("span");
             span.className = "vditor-doclink";
-            span.setAttribute("data-doc-id", m.id);
-            span.setAttribute("data-doc-text", m.text);
             span.textContent = m.text;
             // 绑定点击事件
-            span.onclick = function (e) {
+            container.onclick = function (e) {
                 e.preventDefault();
                 e.stopPropagation();
                 handleDocLinkClick(m.id, m.text, vditor);
             };
-            fragments.push(span);
+            container.appendChild(span);
+            fragments.push(container);
             lastIndex = m.index + m.length;
         });
         // 添加剩余文本
@@ -1201,6 +1210,24 @@ var extractDocLinks = function (markdown) {
 var hasDocLink = function (text) {
     return DOCLINK_REGEX.test(text);
 };
+/**
+ * 获取文档链接的 Markdown 语法
+ * 用于复制操作时恢复原始语法
+ */
+var getDocLinkMarkdown = function (element) {
+    // 优先从 data-doc-markdown 属性获取
+    var markdown = element.getAttribute("data-doc-markdown");
+    if (markdown) {
+        return markdown;
+    }
+    // 从 data-doc-id 和 data-doc-text 重建
+    var id = element.getAttribute("data-doc-id");
+    var text = element.getAttribute("data-doc-text");
+    if (id && text) {
+        return "((".concat(id, " '").concat(text, "'))");
+    }
+    return null;
+};
 
 
 /***/ },
@@ -1240,7 +1267,7 @@ var looseJsonParse = function (text) {
 /* harmony export */   Y: () => (/* binding */ Constants),
 /* harmony export */   g: () => (/* binding */ _VDITOR_VERSION)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.3";
+var _VDITOR_VERSION = "0.0.5";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -1288,7 +1315,7 @@ var Constants = /** @class */ (function () {
         // 别名
         "js", "ts", "html", "toml", "c#", "bat"
     ];
-    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.0.3");
+    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.0.5");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -15123,6 +15150,7 @@ var Options = /** @class */ (function () {
 
 
 
+
 var WYSIWYG = /** @class */ (function () {
     function WYSIWYG(vditor) {
         var _this = this;
@@ -15311,6 +15339,15 @@ var WYSIWYG = /** @class */ (function () {
         }
         var tempElement = document.createElement("div");
         tempElement.appendChild(range.cloneContents());
+        // 处理文档链接的复制 - 将渲染后的元素替换为原始 Markdown 语法
+        var docLinkElements = tempElement.querySelectorAll(".vditor-doclink-wrapper, .vditor-doclink");
+        docLinkElements.forEach(function (el) {
+            var markdown = (0,docLink/* getDocLinkMarkdown */.uN)(el);
+            if (markdown) {
+                // 用文本节点替换元素，内容为 Markdown 语法
+                el.replaceWith(document.createTextNode(markdown));
+            }
+        });
         event.clipboardData.setData("text/plain", vditor.lute.VditorDOM2Md(tempElement.innerHTML).trim());
         event.clipboardData.setData("text/html", "");
     };