vditor 3.8.7 → 3.8.8

package/CHANGELOG.md

@@ -95,7 +95,22 @@
 
 * [open issues](https://github.com/Vanessa219/vditor/issues)
 
-### v3.8.8 / 2021-10-xx
+### v3.8.9 / 2022-01-xx
+
+### v3.8.8 / 2021-12-05
+
+* [1129](https://github.com/Vanessa219/vditor/pull/1129) WYSIWYG 下，点击语言后光标切换到代码输入框中 `改进功能`
+* [1122](https://github.com/Vanessa219/vditor/pull/1122) 预览中退出全屏后，工具栏布局错误 `修复缺陷`
+* [1123](https://github.com/Vanessa219/vditor/pull/1123) 预览模式下，工具栏不自动隐藏 `改进功能`
+* [1124](https://github.com/Vanessa219/vditor/pull/1124) 在焦点更改后，代码选择列表不自动隐藏 `改进功能`
+* [1121](https://github.com/Vanessa219/vditor/pull/1121) WYSIWYG 下，Enter 也可以切换到代码输入框中 `改进功能`
+* [1103](https://github.com/Vanessa219/vditor/pull/1103) 支持多语言切换 `改进功能`
+* [1105](https://github.com/Vanessa219/vditor/pull/1105) 兼容 Firefox 中的代码语言选择 `修复缺陷`
+* [1098](https://github.com/Vanessa219/vditor/pull/1098) 兼容 Firefox 中的文件拖拽 `修复缺陷`
+* [1097](https://github.com/Vanessa219/vditor/pull/1097) options.hint.extend[].hint 支持异步 `改进功能`
+* [1101](https://github.com/Vanessa219/vditor/pull/1101) 支持 options.upload.handler 异步 `改进功能`
+* [1089](https://github.com/Vanessa219/vditor/pull/1089) 解决内存泄漏问题 `开发重构`
+* [158](https://github.com/88250/lute/issues/158) Table 紧跟的上一行不是空行时，SpinVditorSVDOM 会将整个表格过滤掉 `修复缺陷`
 
 ### v3.8.7 / 2021-09-21
 

package/README.md

@@ -6,9 +6,8 @@
 <br><br>
 <a title="MIT" target="_blank" href="https://opensource.org/licenses/MIT"><img src="https://img.shields.io/badge/license-MIT-orange.svg?style=flat-square"></a>
 <a title="npm bundle size" target="_blank" href="https://www.npmjs.com/package/vditor"><img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/vditor?style=flat-square&color=blueviolet"></a>
-<a title="Dependencies" target="_blank" href="https://github.com/Vanessa219/vditor"><img src="https://img.shields.io/david/Vanessa219/vditor.svg?style=flat-square&color=ff96b4"></a>  <br>
-<a title="Version" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/v/vditor.svg?style=flat-square"></a>
-<a title="Downloads" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/dt/vditor.svg?style=flat-square&color=97ca00"></a><br>
+<a title="Version" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/v/vditor.svg?style=flat-square"></a><br>
+<a title="Downloads" target="_blank" href="https://www.npmjs.com/package/vditor"><img src="https://img.shields.io/npm/dt/vditor.svg?style=flat-square&color=97ca00"></a>
 <a title="jsdelivr" target="_blank" href="https://www.jsdelivr.com/package/npm/vditor"><img src="https://data.jsdelivr.com/v1/package/npm/vditor/badge"/></a>
 <a title="Hits" target="_blank" href="https://github.com/88250/hits"><img src="https://hits.b3log.org/Vanessa219/vditor.svg"></a> <br><br>
 <a title="GitHub Watchers" target="_blank" href="https://github.com/Vanessa219/vditor/watchers"><img src="https://img.shields.io/github/watchers/Vanessa219/vditor.svg?label=Watchers&style=social"></a>
@@ -23,7 +22,7 @@
 
 ## 💡 简介
 
-[Vditor](https://b3log.org/vditor) 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React、Angular、Svelte，提供[桌面版](https://b3log.org/siyuan)。
+[Vditor](https://b3log.org/vditor) 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript 以及 Vue、React、Angular 和 Svelte 等框架。
 
 欢迎到 [Vditor 官方讨论区](https://ld246.com/tag/vditor)了解更多。同时也欢迎关注 B3log 开源社区微信公众号 `B3log开源`：
 
@@ -115,7 +114,6 @@ Vditor 在这些方面做了努力，希望能为现代化的通用 Markdown 编
 
 * [Sym](https://github.com/88250/symphony) 一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）平台
 * [Solo](https://github.com/88250/solo) & [Pipe](https://github.com/88250/pipe) B3log 分布式社区的博客端节点，欢迎加入下一代社区网络
-* [思源笔记](https://b3log.org/siyuan) 一款 Markdown 块级引用和双向链接的网状笔记应用
 * [Arya](https://github.com/nicejade/markdown-online-editor) 基于 Vue、Vditor，所构建的在线 Markdown 编辑器
 * [更多案例](https://github.com/Vanessa219/vditor/network/dependents?package_id=UGFja2FnZS0zMTY2Mzg4MzE%3D)
 
@@ -365,13 +363,15 @@ new Vditor('vditor', {
 | extend: IHintExtend[] | 对 @/话题等关键字自动补全的扩展 | [] |
 
 ```ts
+interface IHintData {
+  html: string;
+  value: string;
+}
+
 interface IHintExtend {
     key: string;
 
-    hint?(value: string): Array<{
-        html: string;
-        value: string;
-    }>;
+    hint?(value: string): IHintData[] | Promise<IHintData[]>;
 }
 ```
 
@@ -449,9 +449,9 @@ if (xhr.status === 200) {
 | filename(name: string): string | 文件名安全处理 | name => name.replace(/\W/g, '') |
 | accept | 文件上传类型，同[input accept](https://www.w3schools.com/tags/att_input_accept.asp) | - |
 | validate(files: File[]) => string \| boolean | 校验，成功时返回 true 否则返回错误信息 | - |
-| handler(files: File[]) => string \| null | 自定义上传，当发生错误时返回错误信息 | - |
+| handler(files: File[]) => string \| null \| Promise<string> \| Promise<null> | 自定义上传，当发生错误时返回错误信息 | - |
 | format(files: File[], responseText: string): string | 对服务端返回的数据进行转换，以满足内置的数据结构 | - |
-| file(files: File[]): File[] | 将上传的文件处理后再返回 | - |
+| file(files: File[]): File[] \| Promise<File[]> | 将上传的文件处理后再返回 | - |
 | setHeaders(): { [key: string]: string } | 上传前使用返回值设置头 | - |
 | extraData: { [key: string]: string \| Blob } | 为 FormData 添加额外的参数 | - |
 | multiple | 上传文件是否为多个 | true |

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * Vditor v3.8.7 - A markdown editor written in TypeScript.
+ * Vditor v3.8.8 - A markdown editor written in TypeScript.
  *
  * MIT License
  *

package/dist/index.min.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v3.8.7 - A markdown editor written in TypeScript.
+ * Vditor v3.8.8 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -2722,7 +2722,7 @@ var md2html = function (mdText, options) {
     });
 };
 var previewRender = function (previewElement, markdown, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var mergedOptions, html;
+    var mergedOptions, html, i18nScriptPrefix, i18nScriptID_1;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -2740,7 +2740,14 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                         throw new Error("options.lang error, see https://ld246.com/article/1549638745630#options");
                     }
                     else {
-                        (0,addScript/* addScriptSync */.J)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", "vditorI18nScript");
+                        i18nScriptPrefix = "vditorI18nScript";
+                        i18nScriptID_1 = i18nScriptPrefix + mergedOptions.lang;
+                        document.querySelectorAll("head script[id^=\"" + i18nScriptPrefix + "\"]").forEach(function (el) {
+                            if (el.id !== i18nScriptID_1) {
+                                document.head.removeChild(el);
+                            }
+                        });
+                        (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", i18nScriptID_1);
                     }
                 }
                 else {
@@ -2876,7 +2883,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "3.8.7";
+var _VDITOR_VERSION = "3.8.8";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -2902,7 +2909,7 @@ var Constants = /** @class */ (function () {
         "swift", "ini", "typescript", "vbnet", "yaml",
         "ada", "clojure", "dart", "erb", "fortran", "gradle", "haskell", "julia", "julia-repl", "lisp", "matlab",
         "pgsql", "powershell", "sql_more", "stata", "cmake", "mathematica"];
-    Constants.CDN = "https://cdn.jsdelivr.net/npm/vditor@" + "3.8.7";
+    Constants.CDN = "https://cdn.jsdelivr.net/npm/vditor@" + "3.8.8";
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         codeBlockPreview: true,
@@ -6227,6 +6234,7 @@ var setTheme = function (vditor) {
 
 
 
+
 var initUI = function (vditor) {
     vditor.element.innerHTML = "";
     vditor.element.classList.add("vditor");
@@ -6270,11 +6278,14 @@ var initUI = function (vditor) {
     contentElement.appendChild(vditor.hint.element);
     contentElement.appendChild(vditor.tip.element);
     vditor.element.appendChild(contentElement);
+    contentElement.addEventListener("click", function () {
+        hidePanel(vditor, ["subToolbar"]);
+    });
     if (vditor.toolbar.elements.export) {
         // for export pdf
         vditor.element.insertAdjacentHTML("beforeend", '<iframe style="width: 100%;height: 0;border: 0"></iframe>');
     }
-    setEditMode(vditor, vditor.options.mode, afterRender(vditor, contentElement));
+    setEditMode(vditor, vditor.options.mode, afterRender(vditor));
     document.execCommand("DefaultParagraphSeparator", false, "p");
     if (navigator.userAgent.indexOf("iPhone") > -1 && typeof window.visualViewport !== "undefined") {
         // https://github.com/Vanessa219/vditor/issues/379
@@ -6309,10 +6320,14 @@ var setPadding = function (vditor) {
             - vditor.options.preview.maxWidth) / 2;
         vditor.ir.element.style.padding = "10px " + Math.max(minPadding, padding) + "px";
     }
-    if (vditor.preview.element.style.display !== "block" || vditor.currentMode === "sv") {
+    if (vditor.preview.element.style.display !== "block") {
         vditor.toolbar.element.style.paddingLeft = Math.max(5, parseInt(vditor[vditor.currentMode].element.style.paddingLeft || "0", 10) +
             (vditor.options.outline.position === "left" ? vditor.outline.element.offsetWidth : 0)) + "px";
     }
+    else {
+        vditor.toolbar.element.style.paddingLeft = (5 +
+            (vditor.options.outline.position === "left" ? vditor.outline.element.offsetWidth : 0)) + "px";
+    }
 };
 var setTypewriterPosition = function (vditor) {
     if (!vditor.options.typewriterMode) {
@@ -6332,9 +6347,14 @@ var setTypewriterPosition = function (vditor) {
     // 由于 Firefox padding-bottom bug，只能使用 :after
     vditor[vditor.currentMode].element.style.setProperty("--editor-bottom", ((height - vditor.toolbar.element.offsetHeight) / 2) + "px");
 };
-var afterRender = function (vditor, contentElement) {
+var resizeCb;
+function UIUnbindListener() {
+    window.removeEventListener("resize", resizeCb);
+}
+var afterRender = function (vditor) {
     setTypewriterPosition(vditor);
-    window.addEventListener("resize", function () {
+    UIUnbindListener();
+    window.addEventListener("resize", resizeCb = function () {
         setPadding(vditor);
         setTypewriterPosition(vditor);
     });
@@ -7546,7 +7566,7 @@ var highlightToolbarWYSIWYG = function (vditor) {
                     codeElement_1.className.indexOf("language-") > -1
                         ? codeElement_1.className.split("-")[1].split(" ")[0]
                         : "";
-                language_1.oninput = function () {
+                language_1.oninput = function (e) {
                     if (language_1.value.trim() !== "") {
                         codeElement_1.className = "language-" + language_1.value;
                     }
@@ -7560,6 +7580,13 @@ var highlightToolbarWYSIWYG = function (vditor) {
                         processCodeRender(blockRenderElement.lastElementChild, vditor);
                     }
                     afterRenderEvent(vditor);
+                    // 当鼠标点选语言时，触发自定义input事件
+                    if (e.detail === 1) {
+                        // 选择语言后，输入焦点切换到代码输入框
+                        range.setStart(codeElement_1.firstChild, 0);
+                        range.collapse(true);
+                        (0,selection/* setSelectionFocus */.Hc)(range);
+                    }
                 };
                 language_1.onkeydown = function (event) {
                     if (event.isComposing) {
@@ -7574,15 +7601,16 @@ var highlightToolbarWYSIWYG = function (vditor) {
                         event.preventDefault();
                         return;
                     }
+                    vditor.hint.select(event, vditor);
                     if (!(0,compatibility/* isCtrl */.yl)(event) &&
                         !event.shiftKey &&
-                        event.altKey &&
                         event.key === "Enter") {
                         range.setStart(codeElement_1.firstChild, 0);
                         range.collapse(true);
                         (0,selection/* setSelectionFocus */.Hc)(range);
+                        event.preventDefault();
+                        event.stopPropagation();
                     }
-                    vditor.hint.select(event, vditor);
                 };
                 language_1.onkeyup = function (event) {
                     if (event.isComposing ||
@@ -8627,7 +8655,7 @@ var focusEvent = function (vditor, editorElement) {
         if (vditor.options.focus) {
             vditor.options.focus(getMarkdown(vditor));
         }
-        hidePanel(vditor, ["subToolbar"]);
+        hidePanel(vditor, ["subToolbar", "hint"]);
     });
 };
 var dblclickEvent = function (vditor, editorElement) {
@@ -8665,7 +8693,7 @@ var dropEvent = function (vditor, editorElement) {
             // 编辑器内选中文字拖拽
             execAfterRender(vditor);
         }
-        else if (event.dataTransfer.types[0] === "Files" || event.dataTransfer.types.includes("text/html")) {
+        else if (event.dataTransfer.types.includes("Files") || event.dataTransfer.types.includes("text/html")) {
             // 外部文件拖入编辑器中或者编辑器内选中文字拖拽
             paste(vditor, event, {
                 pasteCode: function (code) {
@@ -9268,14 +9296,16 @@ var uploadFiles = function (vditor, files, element) { return __awaiter(void 0, v
                     }
                     fileList.push(fileItem);
                 }
-                if (vditor.options.upload.handler) {
-                    isValidate = vditor.options.upload.handler(fileList);
-                    if (typeof isValidate === "string") {
-                        vditor.tip.show(isValidate);
-                        return [2 /*return*/];
-                    }
+                if (!vditor.options.upload.handler) return [3 /*break*/, 2];
+                return [4 /*yield*/, vditor.options.upload.handler(fileList)];
+            case 1:
+                isValidate = _b.sent();
+                if (typeof isValidate === "string") {
+                    vditor.tip.show(isValidate);
                     return [2 /*return*/];
                 }
+                return [2 /*return*/];
+            case 2:
                 if (!vditor.options.upload.url || !vditor.upload) {
                     if (element) {
                         element.value = "";
@@ -9283,12 +9313,12 @@ var uploadFiles = function (vditor, files, element) { return __awaiter(void 0, v
                     vditor.tip.show("please config: options.upload.url");
                     return [2 /*return*/];
                 }
-                if (!vditor.options.upload.file) return [3 /*break*/, 2];
+                if (!vditor.options.upload.file) return [3 /*break*/, 4];
                 return [4 /*yield*/, vditor.options.upload.file(fileList)];
-            case 1:
+            case 3:
                 fileList = _b.sent();
-                _b.label = 2;
-            case 2:
+                _b.label = 4;
+            case 4:
                 if (vditor.options.upload.validate) {
                     isValidate = vditor.options.upload.validate(fileList);
                     if (typeof isValidate === "string") {
@@ -10814,7 +10844,7 @@ var paste = function (vditor, event, callback) { return fixBrowserBehavior_await
                 else {
                     textHTML = event.dataTransfer.getData("text/html");
                     textPlain = event.dataTransfer.getData("text/plain");
-                    if (event.dataTransfer.types[0] === "Files") {
+                    if (event.dataTransfer.types.includes("Files")) {
                         files = event.dataTransfer.items;
                     }
                 }
@@ -10957,7 +10987,7 @@ var paste = function (vditor, event, callback) { return fixBrowserBehavior_await
                 vditor.outline.render(vditor);
                 return [3 /*break*/, 6];
             case 3:
-                if (!(files.length > 0 && vditor.options.upload.url)) return [3 /*break*/, 5];
+                if (!(files.length > 0 && (vditor.options.upload.url || vditor.options.upload.handler))) return [3 /*break*/, 5];
                 return [4 /*yield*/, uploadFiles(vditor, files)];
             case 4:
                 _b.sent();
@@ -11245,6 +11275,42 @@ var process_processToolbar = function (vditor, actionBtn, prefix, suffix) {
 };
 
 ;// CONCATENATED MODULE: ./src/ts/hint/index.ts
+var hint_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var hint_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 
 
 
@@ -11278,15 +11344,25 @@ var Hint = /** @class */ (function () {
                     return;
                 }
             }
-            if (vditor.currentMode === "wysiwyg" && range.startContainer.nodeType !== 3 &&
-                range.startContainer.firstElementChild.classList.contains("vditor-input")) {
-                var inputElement = range.startContainer.firstElementChild;
-                inputElement.value = value.trimRight();
-                range.selectNodeContents(inputElement);
-                range.collapse(false);
-                inputElement.dispatchEvent(new CustomEvent("input"));
-                _this.recentLanguage = value.trimRight();
-                return;
+            if (vditor.currentMode === "wysiwyg" && range.startContainer.nodeType !== 3) {
+                var startContainer = range.startContainer;
+                var inputElement = void 0;
+                if (startContainer.classList.contains("vditor-input")) {
+                    inputElement = startContainer;
+                }
+                else {
+                    inputElement = startContainer.firstElementChild;
+                }
+                if (inputElement && inputElement.classList.contains("vditor-input")) {
+                    inputElement.value = value.trimRight();
+                    range.selectNodeContents(inputElement);
+                    range.collapse(false);
+                    // {detail: 1}用于标识这个自定义事件是在编程语言选择后触发的
+                    // 用于在鼠标选择语言后，自动聚焦到代码输入框
+                    inputElement.dispatchEvent(new CustomEvent("input", { detail: 1 }));
+                    _this.recentLanguage = value.trimRight();
+                    return;
+                }
             }
             range.setStart(range.startContainer, _this.lastIndex);
             range.deleteContents();
@@ -11370,9 +11446,19 @@ var Hint = /** @class */ (function () {
                 vditor.options.hint.extend.forEach(function (item) {
                     if (item.key === _this.splitChar) {
                         clearTimeout(_this.timeId);
-                        _this.timeId = window.setTimeout(function () {
-                            _this.genHTML(item.hint(key), key, vditor);
-                        }, vditor.options.hint.delay);
+                        _this.timeId = window.setTimeout(function () { return hint_awaiter(_this, void 0, void 0, function () {
+                            var _a;
+                            return hint_generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        _a = this.genHTML;
+                                        return [4 /*yield*/, item.hint(key)];
+                                    case 1:
+                                        _a.apply(this, [_b.sent(), key, vditor]);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); }, vditor.options.hint.delay);
                     }
                 });
             }
@@ -12973,7 +13059,7 @@ var Info = /** @class */ (function (_super) {
         var _this = _super.call(this, vditor, menuItem) || this;
         _this.element.children[0].addEventListener((0,compatibility/* getEventName */.Le)(), 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://cdn.jsdelivr.net/npm/vditor/src/assets/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\u3001Vue\u3001React\u3001Angular\uFF0C\u63D0\u4F9B<a target=\"_blank\" href=\"https://b3log.org/siyuan\">\u684C\u9762\u7248</a>\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" + constants/* VDITOR_VERSION */.H + " / Lute v" + 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=\"https://cdn.jsdelivr.net/npm/vditor/src/assets/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" + constants/* VDITOR_VERSION */.H + " / Lute v" + 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;
     }
@@ -14547,6 +14633,9 @@ var WYSIWYG = /** @class */ (function () {
     WYSIWYG.prototype.hideComment = function () {
         this.selectPopover.setAttribute("style", "display:none");
     };
+    WYSIWYG.prototype.unbindListener = function () {
+        window.removeEventListener("scroll", this.scrollListener);
+    };
     WYSIWYG.prototype.copy = function (event, vditor) {
         var range = getSelection().getRangeAt(0);
         if (range.toString() === "") {
@@ -14586,7 +14675,8 @@ var WYSIWYG = /** @class */ (function () {
     };
     WYSIWYG.prototype.bindEvent = function (vditor) {
         var _this = this;
-        window.addEventListener("scroll", function () {
+        this.unbindListener();
+        window.addEventListener("scroll", this.scrollListener = function () {
             hidePanel(vditor, ["hint"]);
             if (_this.popover.style.display !== "block" || _this.selectPopover.style.display !== "block") {
                 return;
@@ -14958,7 +15048,14 @@ var Vditor = /** @class */ (function (_super) {
                 throw new Error("options.lang error, see https://ld246.com/article/1549638745630#options");
             }
             else {
-                (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", "vditorI18nScript").then(function () {
+                var i18nScriptPrefix = "vditorI18nScript";
+                var i18nScriptID_1 = i18nScriptPrefix + mergedOptions.lang;
+                document.querySelectorAll("head script[id^=\"" + i18nScriptPrefix + "\"]").forEach(function (el) {
+                    if (el.id !== i18nScriptID_1) {
+                        document.head.removeChild(el);
+                    }
+                });
+                (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", i18nScriptID_1).then(function () {
                     _this.init(id, mergedOptions);
                 });
             }
@@ -15179,6 +15276,8 @@ var Vditor = /** @class */ (function (_super) {
         this.vditor.element.removeAttribute("style");
         document.getElementById("vditorIconScript").remove();
         this.clearCache();
+        UIUnbindListener();
+        this.vditor.wysiwyg.unbindListener();
     };
     /** 获取评论 ID */
     Vditor.prototype.getCommentIds = function () {

package/dist/js/i18n/zh_CN.js

@@ -24,7 +24,7 @@ window.VditorI18n = {
   'edit-mode': '切换编辑模式',
   'emoji': '表情',
   'export': '导出',
-  'fileTypeError': '文件类型不允许上传',
+  'fileTypeError': '文件类型不允许上传，请压缩后再试',
   'footnoteRef': '脚注标识',
   'fullscreen': '全屏切换',
   'generate': '生成中',