@yltrcc/vditor 0.0.1 → 0.0.3

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.1 - A markdown editor written in TypeScript.
+ * Vditor v0.0.3 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -25,7 +25,7 @@
  *
  */
 /*!
- * Vditor v0.0.1 - A markdown editor written in TypeScript.
+ * Vditor v0.0.3 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -700,6 +700,19 @@
 .vditor-tip__close:hover {
   color: var(--toolbar-icon-hover-color);
 }
+.vditor-doclink {
+  color: #4285f4;
+  cursor: pointer;
+  text-decoration: underline;
+  background-color: rgba(66, 133, 244, 0.1);
+  padding: 2px 6px;
+  border-radius: 3px;
+  transition: all 0.15s ease-in-out;
+}
+.vditor-doclink:hover {
+  background-color: rgba(66, 133, 244, 0.2);
+  color: #1266f1;
+}
 .vditor-img {
   position: fixed;
   top: 0;

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v0.0.1 - A markdown editor written in TypeScript.
+ * Vditor v0.0.3 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1051,6 +1051,158 @@ var insertHTML = function (html, vditor) {
 };
 
 
+/***/ },
+
+/***/ 234
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   BS: () => (/* binding */ renderDocLink),
+/* harmony export */   handleDocLinkClick: () => (/* binding */ handleDocLinkClick),
+/* harmony export */   qo: () => (/* binding */ processDocLinkInWYSIWYG)
+/* harmony export */ });
+/* unused harmony exports extractDocLinks, hasDocLink */
+/**
+ * 文档链接支持
+ * 将 ((文档ID '显示文本')) 语法渲染为可点击的文档链接
+ */
+// 文档链接正则表达式
+var DOCLINK_REGEX = /\(\((\d+)\s+'([^']+)'\)\)/g;
+/**
+ * 在 HTML 中渲染文档链接
+ * 将 ((id 'text')) 转换为可点击的 span 元素
+ */
+var renderDocLink = function (html, vditor) {
+    var _a, _b;
+    // 如果禁用了 citation，直接返回原文
+    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>');
+};
+/**
+ * 在 WYSIWYG 编辑器中处理文档链接的实时渲染
+ */
+var processDocLinkInWYSIWYG = function (element, vditor) {
+    var _a, _b, _c;
+    // 如果禁用了 citation，不处理
+    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;
+    }
+    var walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, null);
+    var textNodes = [];
+    var node;
+    while ((node = walker.nextNode())) {
+        // 排除已经在 vditor-doclink 中的文本节点
+        if (!((_c = node.parentElement) === null || _c === void 0 ? void 0 : _c.classList.contains("vditor-doclink"))) {
+            textNodes.push(node);
+        }
+    }
+    textNodes.forEach(function (textNode) {
+        var text = textNode.textContent || "";
+        var matches = [];
+        // 查找所有匹配
+        var match;
+        var regex = new RegExp(DOCLINK_REGEX.source, "g");
+        while ((match = regex.exec(text)) !== null) {
+            matches.push({
+                index: match.index,
+                length: match[0].length,
+                id: match[1],
+                text: match[2]
+            });
+        }
+        if (matches.length === 0)
+            return;
+        var parent = textNode.parentNode;
+        if (!parent)
+            return;
+        // 构建新的节点列表
+        var lastIndex = 0;
+        var fragments = [];
+        matches.forEach(function (m) {
+            // 添加匹配前的文本
+            if (m.index > lastIndex) {
+                fragments.push(document.createTextNode(text.slice(lastIndex, m.index)));
+            }
+            // 创建文档链接元素
+            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) {
+                e.preventDefault();
+                e.stopPropagation();
+                handleDocLinkClick(m.id, m.text, vditor);
+            };
+            fragments.push(span);
+            lastIndex = m.index + m.length;
+        });
+        // 添加剩余文本
+        if (lastIndex < text.length) {
+            fragments.push(document.createTextNode(text.slice(lastIndex)));
+        }
+        // 替换原节点
+        fragments.forEach(function (frag) {
+            parent.insertBefore(frag, textNode);
+        });
+        parent.removeChild(textNode);
+    });
+};
+/**
+ * 处理文档链接点击事件
+ */
+var handleDocLinkClick = function (docId, text, vditor) {
+    var _a, _b, _c, _d;
+    // 优先使用配置中的 click 回调
+    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.click) {
+        vditor.options.citation.click(docId, text);
+        return;
+    }
+    // 使用全局回调（兼容旧版本）
+    if (window.handleDocLinkClick) {
+        window.handleDocLinkClick(docId);
+        return;
+    }
+    // 配置了 URL，自动请求
+    var url = (_d = (_c = vditor === null || vditor === void 0 ? void 0 : vditor.options) === null || _c === void 0 ? void 0 : _c.citation) === null || _d === void 0 ? void 0 : _d.url;
+    if (url) {
+        fetch("".concat(url, "/").concat(docId))
+            .then(function (r) { return r.json(); })
+            .then(function (data) {
+            console.log('Citation data:', data);
+        })
+            .catch(function (err) {
+            console.error('Failed to fetch citation:', err);
+        });
+    }
+};
+/**
+ * 从 Markdown 文本中提取文档链接
+ */
+var extractDocLinks = function (markdown) {
+    var links = [];
+    var regex = new RegExp(DOCLINK_REGEX.source, "g");
+    var match;
+    while ((match = regex.exec(markdown)) !== null) {
+        links.push({
+            id: match[1],
+            text: match[2]
+        });
+    }
+    return links;
+};
+/**
+ * 检查文本是否包含文档链接语法
+ */
+var hasDocLink = function (text) {
+    return DOCLINK_REGEX.test(text);
+};
+
+
 /***/ },
 
 /***/ 249
@@ -1088,7 +1240,7 @@ var looseJsonParse = function (text) {
 /* harmony export */   Y: () => (/* binding */ Constants),
 /* harmony export */   g: () => (/* binding */ _VDITOR_VERSION)
 /* harmony export */ });
-var _VDITOR_VERSION = "0.0.1";
+var _VDITOR_VERSION = "0.0.3";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -1136,7 +1288,7 @@ var Constants = /** @class */ (function () {
         // 别名
         "js", "ts", "html", "toml", "c#", "bat"
     ];
-    Constants.CDN = "https://unpkg.com/vditor@".concat("0.0.1");
+    Constants.CDN = "https://unpkg.com/@yltrcc/vditor@".concat("0.0.3");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -6548,9 +6700,12 @@ var highlightToolbarIR = function (vditor) {
     }, 200);
 };
 
+// EXTERNAL MODULE: ./src/ts/markdown/docLink.ts
+var docLink = __webpack_require__(234);
 ;// ./src/ts/wysiwyg/afterRenderEvent.ts
 
 
+
 var afterRenderEvent = function (vditor, options) {
     if (options === void 0) { options = {
         enableAddUndoStack: true,
@@ -6584,6 +6739,10 @@ var afterRenderEvent = function (vditor, options) {
         if (options.enableAddUndoStack) {
             vditor.undo.addToUndoStack(vditor);
         }
+        // 处理文档链接渲染
+        if (vditor.wysiwyg.element) {
+            (0,docLink/* processDocLinkInWYSIWYG */.qo)(vditor.wysiwyg.element, vditor);
+        }
     }, vditor.options.undoDelay);
 };
 
@@ -12218,6 +12377,7 @@ var mediaRender = __webpack_require__(924);
 
 
 
+
 var Preview = /** @class */ (function () {
     function Preview(vditor) {
         var _this = this;
@@ -12372,11 +12532,15 @@ var Preview = /** @class */ (function () {
                             if (vditor.options.preview.transform) {
                                 responseJSON.data = vditor.options.preview.transform(responseJSON.data);
                             }
+                            // 渲染文档链接
+                            responseJSON.data = (0,docLink/* renderDocLink */.BS)(responseJSON.data, vditor);
                             _this.previewElement.innerHTML = responseJSON.data;
                             _this.afterRender(vditor, renderStartTime);
                         }
                         else {
                             var html = vditor.lute.Md2HTML(markdownText);
+                            // 渲染文档链接
+                            html = (0,docLink/* renderDocLink */.BS)(html, vditor);
                             if (vditor.options.preview.transform) {
                                 html = vditor.options.preview.transform(html);
                             }
@@ -12389,6 +12553,8 @@ var Preview = /** @class */ (function () {
             }
             else {
                 var html = vditor.lute.Md2HTML(markdownText);
+                // 渲染文档链接
+                html = (0,docLink/* renderDocLink */.BS)(html, vditor);
                 if (vditor.options.preview.transform) {
                     html = vditor.options.preview.transform(html);
                 }
@@ -13457,7 +13623,7 @@ var Info = /** @class */ (function (_super) {
         var _this = _super.call(this, vditor, menuItem) || this;
         _this.element.children[0].addEventListener((0,compatibility/* getEventName */.y3)(), function (event) {
             event.preventDefault();
-            vditor.tip.show("<div style=\"max-width: 520px; font-size: 14px;line-height: 22px;margin-bottom: 14px;\">\n<p style=\"text-align: center;margin: 14px 0\">\n    <em>\u4E0B\u4E00\u4EE3\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u4E3A\u672A\u6765\u800C\u6784\u5EFA</em>\n</p>\n<div style=\"display: flex;margin-bottom: 14px;flex-wrap: wrap;align-items: center\">\n    <img src=\"https://unpkg.com/vditor/dist/images/logo.png\" style=\"margin: 0 auto;height: 68px\"/>\n    <div>&nbsp;&nbsp;</div>\n    <div style=\"flex: 1;min-width: 250px\">\n        Vditor \u662F\u4E00\u6B3E\u6D4F\u89C8\u5668\u7AEF\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u652F\u6301\u6240\u89C1\u5373\u6240\u5F97\u3001\u5373\u65F6\u6E32\u67D3\uFF08\u7C7B\u4F3C Typora\uFF09\u548C\u5206\u5C4F\u9884\u89C8\u6A21\u5F0F\u3002\n        \u5B83\u4F7F\u7528 TypeScript \u5B9E\u73B0\uFF0C\u652F\u6301\u539F\u751F JavaScript \u4EE5\u53CA Vue\u3001React\u3001Angular \u548C Svelte \u7B49\u6846\u67B6\u3002\n    </div>\n</div>\n<div style=\"display: flex;flex-wrap: wrap;\">\n    <ul style=\"list-style: none;flex: 1;min-width:148px\">\n        <li>\n        \u9879\u76EE\u5730\u5740\uFF1A<a href=\"https://b3log.org/vditor\" target=\"_blank\">b3log.org/vditor</a>\n        </li>\n        <li>\n        \u5F00\u6E90\u534F\u8BAE\uFF1AMIT\n        </li>\n    </ul>\n    <ul style=\"list-style: none;margin-right: 18px\">\n        <li>\n        \u7EC4\u4EF6\u7248\u672C\uFF1AVditor v".concat(constants/* VDITOR_VERSION */.g, " / Lute v").concat(Lute.Version, "\n        </li>\n        <li>\n        \u8D5E\u52A9\u6350\u8D60\uFF1A<a href=\"https://ld246.com/sponsor\" target=\"_blank\">https://ld246.com/sponsor</a>\n        </li>\n    </ul>\n</div>\n</div>"), 0);
+            vditor.tip.show("<div style=\"max-width: 520px; font-size: 14px;line-height: 22px;margin-bottom: 14px;\">\n<p style=\"text-align: center;margin: 14px 0\">\n    <em>\u4E0B\u4E00\u4EE3\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u4E3A\u672A\u6765\u800C\u6784\u5EFA</em>\n</p>\n<div style=\"display: flex;margin-bottom: 14px;flex-wrap: wrap;align-items: center\">\n    <img src=\"".concat(constants/* Constants */.Y.CDN, "/dist/images/logo.png\" style=\"margin: 0 auto;height: 68px\"/>\n    <div>&nbsp;&nbsp;</div>\n    <div style=\"flex: 1;min-width: 250px\">\n        Vditor \u662F\u4E00\u6B3E\u6D4F\u89C8\u5668\u7AEF\u7684 Markdown \u7F16\u8F91\u5668\uFF0C\u652F\u6301\u6240\u89C1\u5373\u6240\u5F97\u3001\u5373\u65F6\u6E32\u67D3\uFF08\u7C7B\u4F3C Typora\uFF09\u548C\u5206\u5C4F\u9884\u89C8\u6A21\u5F0F\u3002\n        \u5B83\u4F7F\u7528 TypeScript \u5B9E\u73B0\uFF0C\u652F\u6301\u539F\u751F JavaScript \u4EE5\u53CA Vue\u3001React\u3001Angular \u548C Svelte \u7B49\u6846\u67B6\u3002\n    </div>\n</div>\n<div style=\"display: flex;flex-wrap: wrap;\">\n    <ul style=\"list-style: none;flex: 1;min-width:148px\">\n        <li>\n        \u9879\u76EE\u5730\u5740\uFF1A<a href=\"https://b3log.org/vditor\" target=\"_blank\">b3log.org/vditor</a>\n        </li>\n        <li>\n        \u5F00\u6E90\u534F\u8BAE\uFF1AMIT\n        </li>\n    </ul>\n    <ul style=\"list-style: none;margin-right: 18px\">\n        <li>\n        \u7EC4\u4EF6\u7248\u672C\uFF1AVditor v").concat(constants/* VDITOR_VERSION */.g, " / Lute v").concat(Lute.Version, "\n        </li>\n        <li>\n        \u8D5E\u52A9\u6350\u8D60\uFF1A<a href=\"https://ld246.com/sponsor\" target=\"_blank\">https://ld246.com/sponsor</a>\n        </li>\n    </ul>\n</div>\n</div>"), 0);
         });
         return _this;
     }
@@ -15341,6 +15507,19 @@ var WYSIWYG = /** @class */ (function () {
                 event.preventDefault();
                 return;
             }
+            // 处理文档链接点击
+            var docLink = (0,hasClosest/* hasClosestByClassName */.KJ)(event.target, "vditor-doclink");
+            if (docLink) {
+                var docId_1 = docLink.getAttribute("data-doc-id");
+                var docText_1 = docLink.getAttribute("data-doc-text") || '';
+                if (docId_1) {
+                    Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 234)).then(function (docLinkModule) {
+                        docLinkModule.handleDocLinkClick(docId_1, docText_1, vditor);
+                    });
+                }
+                event.preventDefault();
+                return;
+            }
             var range = (0,selection/* getEditorRange */.RN)(vditor);
             if (event.target.isEqualNode(_this.element) && _this.element.lastElementChild && range.collapsed) {
                 var lastRect = _this.element.lastElementChild.getBoundingClientRect();