vditor 3.8.6 → 3.8.10

package/dist/index.min.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v3.8.6 - A markdown editor written in TypeScript.
+ * Vditor v3.8.10 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -1797,12 +1797,8 @@ diff_match_patch.prototype.patch_make = function (a, opt_b, opt_c) {
   if (typeof a == 'string' && typeof opt_b == 'string' && typeof opt_c == 'undefined') {
     // Method 1: text1, text2
     // Compute diffs from text1 and text2.
-    text1 =
-    /** @type {string} */
-    a;
-    diffs = this.diff_main(text1,
-    /** @type {string} */
-    opt_b, true);
+    text1 = a;
+    diffs = this.diff_main(text1, opt_b, true);
 
     if (diffs.length > 2) {
       this.diff_cleanupSemantic(diffs);
@@ -1811,27 +1807,17 @@ diff_match_patch.prototype.patch_make = function (a, opt_b, opt_c) {
   } else if (a && typeof a == 'object' && typeof opt_b == 'undefined' && typeof opt_c == 'undefined') {
     // Method 2: diffs
     // Compute text1 from diffs.
-    diffs =
-    /** @type {!Array.<!diff_match_patch.Diff>} */
-    a;
+    diffs = a;
     text1 = this.diff_text1(diffs);
   } else if (typeof a == 'string' && opt_b && typeof opt_b == 'object' && typeof opt_c == 'undefined') {
     // Method 3: text1, diffs
-    text1 =
-    /** @type {string} */
-    a;
-    diffs =
-    /** @type {!Array.<!diff_match_patch.Diff>} */
-    opt_b;
+    text1 = a;
+    diffs = opt_b;
   } else if (typeof a == 'string' && typeof opt_b == 'string' && opt_c && typeof opt_c == 'object') {
     // Method 4: text1, text2, diffs
     // text2 is not used.
-    text1 =
-    /** @type {string} */
-    a;
-    diffs =
-    /** @type {!Array.<!diff_match_patch.Diff>} */
-    opt_c;
+    text1 = a;
+    diffs = opt_c;
   } else {
     throw new Error('Unknown call format to patch_make.');
   }
@@ -2545,6 +2531,10 @@ var speechRender = function (element, lang) {
     }
     var playSVG = '<svg><use xlink:href="#vditor-icon-play"></use></svg>';
     var pauseSVG = '<svg><use xlink:href="#vditor-icon-pause"></use></svg>';
+    if (!document.getElementById("vditorIconScript")) {
+        playSVG = '<svg viewBox="0 0 32 32"><path d="M3.436 0l25.128 16-25.128 16v-32z"></path></svg>';
+        pauseSVG = '<svg viewBox="0 0 32 32"><path d="M20.617 0h9.128v32h-9.128v-32zM2.255 32v-32h9.128v32h-9.128z"></path></svg>';
+    }
     var speechDom = document.querySelector(".vditor-speech");
     if (!speechDom) {
         speechDom = document.createElement("div");
@@ -2736,7 +2726,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:
@@ -2749,17 +2739,32 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 }
                 previewElement.innerHTML = html;
                 previewElement.classList.add("vditor-reset");
-                if (!mergedOptions.i18n) {
-                    if (!["en_US", "ja_JP", "ko_KR", "ru_RU", "zh_CN", "zh_TW"].includes(mergedOptions.lang)) {
-                        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");
+                if (!!mergedOptions.i18n) return [3 /*break*/, 5];
+                if (!!["en_US", "ja_JP", "ko_KR", "ru_RU", "zh_CN", "zh_TW"].includes(mergedOptions.lang)) return [3 /*break*/, 2];
+                throw new Error("options.lang error, see https://ld246.com/article/1549638745630#options");
+            case 2:
+                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);
                     }
-                }
-                else {
-                    window.VditorI18n = mergedOptions.i18n;
-                }
+                });
+                return [4 /*yield*/, (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/i18n/" + mergedOptions.lang + ".js", i18nScriptID_1)];
+            case 3:
+                _a.sent();
+                _a.label = 4;
+            case 4: return [3 /*break*/, 6];
+            case 5:
+                window.VditorI18n = mergedOptions.i18n;
+                _a.label = 6;
+            case 6:
+                if (!mergedOptions.icon) return [3 /*break*/, 8];
+                return [4 /*yield*/, (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/icons/" + mergedOptions.icon + ".js", "vditorIconScript")];
+            case 7:
+                _a.sent();
+                _a.label = 8;
+            case 8:
                 (0,setContentTheme/* setContentTheme */.Z)(mergedOptions.theme.current, mergedOptions.theme.path);
                 if (mergedOptions.anchor === 1) {
                     previewElement.classList.add("vditor-reset--anchor");
@@ -2790,9 +2795,6 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                 if (mergedOptions.lazyLoadImage) {
                     lazyLoadImageRender(previewElement);
                 }
-                if (mergedOptions.icon) {
-                    (0,addScript/* addScript */.G)(mergedOptions.cdn + "/dist/js/icons/" + mergedOptions.icon + ".js", "vditorIconScript");
-                }
                 previewElement.addEventListener("click", function (event) {
                     var spanElement = (0,hasClosest/* hasClosestByMatchTag */.lG)(event.target, "SPAN");
                     if (spanElement && (0,hasClosest/* hasClosestByClassName */.fb)(spanElement, "vditor-toc")) {
@@ -2890,7 +2892,7 @@ var Vditor = /** @class */ (function () {
 /* harmony export */   "H": () => (/* binding */ _VDITOR_VERSION),
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
-var _VDITOR_VERSION = "3.8.6";
+var _VDITOR_VERSION = "3.8.10";
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -2916,7 +2918,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.6";
+    Constants.CDN = "https://cdn.jsdelivr.net/npm/vditor@" + "3.8.10";
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         codeBlockPreview: true,
@@ -3107,6 +3109,7 @@ var chartRender = function (element, cdn, theme) {
 
 var codeRender = function (element) {
     element.querySelectorAll("pre > code").forEach(function (e, index) {
+        var _a, _b, _c;
         if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
             e.parentElement.classList.contains("vditor-ir__marker--pre")) {
             return;
@@ -3134,10 +3137,13 @@ var codeRender = function (element) {
             });
             codeText = codeElement.innerText;
         }
+        var iconHTML = '<svg><use xlink:href="#vditor-icon-copy"></use></svg>';
+        if (!document.getElementById("vditorIconScript")) {
+            iconHTML = '<svg viewBox="0 0 32 32"><path d="M22.545-0h-17.455c-1.6 0-2.909 1.309-2.909 2.909v20.364h2.909v-20.364h17.455v-2.909zM26.909 5.818h-16c-1.6 0-2.909 1.309-2.909 2.909v20.364c0 1.6 1.309 2.909 2.909 2.909h16c1.6 0 2.909-1.309 2.909-2.909v-20.364c0-1.6-1.309-2.909-2.909-2.909zM26.909 29.091h-16v-20.364h16v20.364z"></path></svg>';
+        }
         var divElement = document.createElement("div");
         divElement.className = "vditor-copy";
-        divElement.innerHTML = "<span aria-label=\"" + window.VditorI18n.copy + "\"\nonmouseover=\"this.setAttribute('aria-label', '" + window.VditorI18n.copy + "')\"\nclass=\"vditor-tooltipped vditor-tooltipped__w\"\nonclick=\"this.previousElementSibling.select();document.execCommand('copy');" +
-            ("this.setAttribute('aria-label', '" + window.VditorI18n.copied + "')\"><svg><use xlink:href=\"#vditor-icon-copy\"></use></svg></span>");
+        divElement.innerHTML = "<span aria-label=\"" + (((_a = window.VditorI18n) === null || _a === void 0 ? void 0 : _a.copy) || "复制") + "\"\nonmouseover=\"this.setAttribute('aria-label', '" + (((_b = window.VditorI18n) === null || _b === void 0 ? void 0 : _b.copy) || "复制") + "')\"\nclass=\"vditor-tooltipped vditor-tooltipped__w\"\nonclick=\"this.previousElementSibling.select();document.execCommand('copy');this.setAttribute('aria-label', '" + (((_c = window.VditorI18n) === null || _c === void 0 ? void 0 : _c.copy) || "已复制") + "')\">" + iconHTML + "</span>";
         var textarea = document.createElement("textarea");
         textarea.value = (0,_util_code160to32__WEBPACK_IMPORTED_MODULE_0__/* .code160to32 */ .X)(codeText);
         divElement.insertAdjacentElement("afterbegin", textarea);
@@ -3822,7 +3828,11 @@ var outlineRender = function (contentElement, targetElement, vditor) {
     var headingsElement = tempElement.firstElementChild.querySelectorAll("li > span[data-target-id]");
     headingsElement.forEach(function (item, index) {
         if (item.nextElementSibling && item.nextElementSibling.tagName === "UL") {
-            item.innerHTML = "<svg class='vditor-outline__action'><use xlink:href='#vditor-icon-down'></use></svg><span>" + item.innerHTML + "</span>";
+            var iconHTML = "<svg class='vditor-outline__action'><use xlink:href='#vditor-icon-down'></use></svg>";
+            if (!document.getElementById("vditorIconScript")) {
+                iconHTML = '<svg class="vditor-outline__action" viewBox="0 0 32 32"><path d="M3.76 6.12l12.24 12.213 12.24-12.213 3.76 3.76-16 16-16-16 3.76-3.76z"></path></svg>';
+            }
+            item.innerHTML = iconHTML + "<span>" + item.innerHTML + "</span>";
         }
         else {
             item.innerHTML = "<svg></svg><span>" + item.innerHTML + "</span>";
@@ -6241,6 +6251,7 @@ var setTheme = function (vditor) {
 
 
 
+
 var initUI = function (vditor) {
     vditor.element.innerHTML = "";
     vditor.element.classList.add("vditor");
@@ -6284,11 +6295,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
@@ -6323,10 +6337,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) {
@@ -6346,9 +6364,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);
     });
@@ -7560,7 +7583,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;
                     }
@@ -7574,6 +7597,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) {
@@ -7588,15 +7618,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 ||
@@ -8641,7 +8672,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) {
@@ -8679,7 +8710,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) {
@@ -9231,7 +9262,7 @@ var genUploadedLabel = function (responseText, vditor) {
         type = type.toLowerCase();
         if (type.indexOf(".wav") === 0 || type.indexOf(".mp3") === 0 || type.indexOf(".ogg") === 0) {
             if (vditor.currentMode === "wysiwyg") {
-                succFileText += "<div class=\"vditor-wysiwyg__block\" data-type=\"html-block\"\n data-block=\"0\"><pre><code>&lt;audio controls=\"controls\" src=\"" + path + "\"&gt;&lt;/audio&gt;</code></pre>";
+                succFileText += "<div class=\"vditor-wysiwyg__block\" data-type=\"html-block\"\n data-block=\"0\"><pre><code>&lt;audio controls=\"controls\" src=\"" + path + "\"&gt;&lt;/audio&gt;</code></pre>\n";
             }
             else if (vditor.currentMode === "ir") {
                 succFileText += "<audio controls=\"controls\" src=\"" + path + "\"></audio>\n";
@@ -9249,7 +9280,7 @@ var genUploadedLabel = function (responseText, vditor) {
             || type.indexOf(".svg") === 0
             || type.indexOf(".webp") === 0) {
             if (vditor.currentMode === "wysiwyg") {
-                succFileText += "<img alt=\"" + filename + "\" src=\"" + path + "\">";
+                succFileText += "<img alt=\"" + filename + "\" src=\"" + path + "\">\n";
             }
             else {
                 succFileText += "![" + filename + "](" + path + ")\n";
@@ -9257,7 +9288,7 @@ var genUploadedLabel = function (responseText, vditor) {
         }
         else {
             if (vditor.currentMode === "wysiwyg") {
-                succFileText += "<a href=\"" + path + "\">" + filename + "</a>";
+                succFileText += "<a href=\"" + path + "\">" + filename + "</a>\n";
             }
             else {
                 succFileText += "[" + filename + "](" + path + ")\n";
@@ -9282,14 +9313,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 = "";
@@ -9297,12 +9330,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") {
@@ -9825,10 +9858,14 @@ var listToggle = function (vditor, range, type, cancel) {
                 var element = void 0;
                 if (type === "list") {
                     element = document.createElement("ul");
+                    element.setAttribute("data-marker", "*");
                 }
                 else {
                     element = document.createElement("ol");
+                    element.setAttribute("data-marker", "1.");
                 }
+                element.setAttribute("data-block", "0");
+                element.setAttribute("data-tight", itemElement.parentElement.getAttribute("data-tight"));
                 element.innerHTML = itemElement.parentElement.innerHTML;
                 itemElement.parentElement.parentNode.replaceChild(element, itemElement.parentElement);
             }
@@ -10824,7 +10861,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;
                     }
                 }
@@ -10908,6 +10945,7 @@ var paste = function (vditor, event, callback) { return fixBrowserBehavior_await
                 if (doc.body) {
                     textHTML = doc.body.innerHTML;
                 }
+                textHTML = Lute.Sanitize(textHTML);
                 vditor.wysiwyg.getComments(vditor);
                 height = vditor[vditor.currentMode].element.scrollHeight;
                 code = processPasteCode(textHTML, textPlain, vditor.currentMode);
@@ -10966,7 +11004,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();
@@ -11254,6 +11292,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 };
+    }
+};
 
 
 
@@ -11287,15 +11361,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();
@@ -11379,9 +11463,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);
                     }
                 });
             }
@@ -12982,7 +13076,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;
     }
@@ -14556,6 +14650,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() === "") {
@@ -14595,7 +14692,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;
@@ -14967,7 +15065,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);
                 });
             }
@@ -15188,6 +15293,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 () {
@@ -15350,12 +15457,12 @@ var Vditor = /** @class */ (function (_super) {
         });
     };
     return Vditor;
-}(method.default));
+}(method["default"]));
 /* harmony default export */ const src = (Vditor);
 
 })();
 
-__webpack_exports__ = __webpack_exports__.default;
+__webpack_exports__ = __webpack_exports__["default"];
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;

package/dist/js/i18n/zh_CN.js

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