vditor 3.10.5 → 3.10.7

package/dist/method.d.ts

@@ -11,14 +11,16 @@ declare class Vditor {
     /** 为 element 中的代码块进行高亮渲染 */
     static highlightRender: (hljsOption?: IHljs, element?: HTMLElement | Document, cdn?: string) => void;
     /** 对数学公式进行渲染 */
-    static mathRender: (element: HTMLElement, options?: {
+    static mathRender: (element?: HTMLElement | Document, options?: {
         cdn?: string;
         math?: IMath;
     }) => void;
     /** 流程图/时序图/甘特图渲染 */
-    static mermaidRender: (element: HTMLElement, cdn: string, theme: string) => void;
-    /** 支持markdown的思维导图 */
-    static markmapRender: (element: HTMLElement, cdn: string, theme: string) => void;
+    static mermaidRender: (element: HTMLElement | Document, cdn: string, theme: string) => void;
+    /** 化学物质结构渲染 */
+    static SMILESRender: (element: HTMLElement | Document, cdn: string, theme: string) => void;
+    /** 支持 markdown 的思维导图 */
+    static markmapRender: (element?: HTMLElement | Document, cdn?: string) => void;
     /** flowchart.js 渲染 */
     static flowchartRender: (element: HTMLElement, cdn?: string) => void;
     /** 图表渲染 */

package/dist/method.js

@@ -1,5 +1,5 @@
 /*!
- * Vditor v3.10.5 - A markdown editor written in TypeScript.
+ * Vditor v3.10.7 - A markdown editor written in TypeScript.
  *
  * MIT License
  *
@@ -45,7 +45,7 @@ return /******/ (() => { // webpackBootstrap
 /* harmony export */   "g": () => (/* binding */ Constants)
 /* harmony export */ });
 /* unused harmony export VDITOR_VERSION */
-var _VDITOR_VERSION = (/* unused pure expression or super */ null && ("3.10.5"));
+var _VDITOR_VERSION = (/* unused pure expression or super */ null && ("3.10.7"));
 
 var Constants = /** @class */ (function () {
     function Constants() {
@@ -57,24 +57,43 @@ var Constants = /** @class */ (function () {
     Constants.EDIT_TOOLBARS = ["emoji", "headings", "bold", "italic", "strike", "link", "list",
         "ordered-list", "outdent", "indent", "check", "line", "quote", "code", "inline-code", "insert-after",
         "insert-before", "upload", "record", "table"];
-    Constants.CODE_THEME = ["abap", "algol", "algol_nu", "arduino", "autumn", "borland", "bw",
-        "colorful", "dracula", "emacs", "friendly", "fruity", "github", "igor", "lovelace", "manni", "monokai",
-        "monokailight", "murphy", "native", "paraiso-dark", "paraiso-light", "pastie", "perldoc", "pygments",
-        "rainbow_dash", "rrt", "solarized-dark", "solarized-dark256", "solarized-light", "swapoff", "tango", "trac",
-        "vim", "vs", "xcode", "ant-design"];
-    Constants.CODE_LANGUAGES = ["mermaid", "echarts", "mindmap", "plantuml", "abc", "graphviz", "flowchart", "apache",
-        "js", "ts", "html", "markmap",
-        // common
-        "properties", "apache", "bash", "c", "csharp", "cpp", "css", "coffeescript", "diff", "go", "xml", "http",
-        "json", "java", "javascript", "kotlin", "less", "lua", "makefile", "markdown", "nginx", "objectivec", "php",
-        "php-template", "perl", "plaintext", "python", "python-repl", "r", "ruby", "rust", "scss", "sql", "shell",
-        "swift", "ini", "typescript", "vbnet", "yaml",
-        "ada", "clojure", "dart", "erb", "fortran", "gradle", "haskell", "julia", "julia-repl", "lisp", "matlab",
-        "pgsql", "powershell", "sql_more", "stata", "cmake", "mathematica",
-        // ext
-        "solidity", "yul"
+    Constants.CODE_THEME = ["a11y-dark", "agate", "an-old-hope", "androidstudio",
+        "arta", "atom-one-dark", "atom-one-dark-reasonable", "base16/3024", "base16/apathy", "base16/apprentice", "base16/ashes", "base16/atelier-cave", "base16/atelier-dune",
+        "base16/atelier-estuary", "base16/atelier-forest", "base16/atelier-heath", "base16/atelier-lakeside", "base16/atelier-plateau", "base16/atelier-savanna", "base16/atelier-seaside", "base16/atelier-sulphurpool",
+        "base16/atlas", "base16/bespin", "base16/black-metal", "base16/black-metal-bathory", "base16/black-metal-burzum", "base16/black-metal-dark-funeral", "base16/black-metal-gorgoroth", "base16/black-metal-immortal", "base16/black-metal-khold", "base16/black-metal-marduk", "base16/black-metal-mayhem", "base16/black-metal-nile", "base16/black-metal-venom", "base16/brewer", "base16/bright", "base16/brogrammer",
+        "base16/brush-trees-dark", "base16/chalk", "base16/circus", "base16/classic-dark", "base16/codeschool", "base16/colors", "base16/danqing", "base16/darcula", "base16/dark-violet",
+        "base16/darkmoss", "base16/darktooth", "base16/decaf", "base16/default-dark", "base16/dracula", "base16/edge-dark", "base16/eighties", "base16/embers", "base16/equilibrium-dark",
+        "base16/equilibrium-gray-dark", "base16/espresso", "base16/eva", "base16/eva-dim", "base16/flat", "base16/framer", "base16/gigavolt", "base16/google-dark", "base16/grayscale-dark", "base16/green-screen", "base16/gruvbox-dark-hard", "base16/gruvbox-dark-medium",
+        "base16/gruvbox-dark-pale", "base16/gruvbox-dark-soft", "base16/hardcore", "base16/harmonic16-dark", "base16/heetch-dark", "base16/helios", "base16/hopscotch", "base16/horizon-dark", "base16/humanoid-dark", "base16/ia-dark", "base16/icy-dark", "base16/ir-black", "base16/isotope",
+        "base16/kimber", "base16/london-tube", "base16/macintosh", "base16/marrakesh", "base16/materia", "base16/material", "base16/material-darker", "base16/material-palenight", "base16/material-vivid",
+        "base16/mellow-purple", "base16/mocha", "base16/monokai", "base16/nebula", "base16/nord", "base16/nova", "base16/ocean", "base16/oceanicnext", "base16/onedark", "base16/outrun-dark",
+        "base16/papercolor-dark", "base16/paraiso", "base16/pasque", "base16/phd", "base16/pico", "base16/pop", "base16/porple", "base16/qualia", "base16/railscasts", "base16/rebecca",
+        "base16/ros-pine", "base16/ros-pine-moon", "base16/sandcastle", "base16/seti-ui", "base16/silk-dark", "base16/snazzy", "base16/solar-flare", "base16/solarized-dark", "base16/spacemacs", "base16/summercamp", "base16/summerfruit-dark",
+        "base16/synth-midnight-terminal-dark", "base16/tango", "base16/tender", "base16/tomorrow-night", "base16/twilight", "base16/unikitty-dark", "base16/vulcan",
+        "base16/windows-10", "base16/windows-95", "base16/windows-high-contrast", "base16/windows-nt", "base16/woodland", "base16/xcode-dusk", "base16/zenburn", "codepen-embed", "dark",
+        "devibeans", "far", "felipec", "github-dark", "github-dark-dimmed", "gml", "gradient-dark", "hybrid", "ir-black", "isbl-editor-dark", "kimbie-dark", "lioshi",
+        "monokai", "monokai-sublime", "night-owl", "nnfx-dark", "nord", "obsidian", "panda-syntax-dark", "paraiso-dark", "pojoaque", "qtcreator-dark", "rainbow", "shades-of-purple", "srcery", "stackoverflow-dark",
+        "sunburst", "tomorrow-night-blue", "tomorrow-night-bright", "tokyo-night-dark", "vs2015", "xt256",
+        "ant-design",
+        "a11y-light", "arduino-light", "ascetic", "atom-one-light", "base16/atelier-cave-light",
+        "base16/atelier-dune-light", "base16/atelier-estuary-light", "base16/atelier-forest-light", "base16/atelier-heath-light",
+        "base16/atelier-lakeside-light", "base16/atelier-plateau-light", "base16/atelier-savanna-light", "base16/atelier-seaside-light", "base16/atelier-sulphurpool-light", "base16/brush-trees",
+        "base16/classic-light", "base16/cupcake", "base16/cupertino", "base16/default-light", "base16/dirtysea", "base16/edge-light", "base16/equilibrium-gray-light", "base16/equilibrium-light",
+        "base16/fruit-soda", "base16/github", "base16/google-light", "base16/grayscale-light", "base16/gruvbox-light-hard", "base16/gruvbox-light-medium", "base16/gruvbox-light-soft",
+        "base16/harmonic16-light", "base16/heetch-light", "base16/humanoid-light", "base16/horizon-light", "base16/ia-light", "base16/material-lighter", "base16/mexico-light",
+        "base16/one-light", "base16/papercolor-light", "base16/ros-pine-dawn", "base16/sagelight", "base16/shapeshifter",
+        "base16/silk-light", "base16/solar-flare-light", "base16/solarized-light", "base16/summerfruit-light", "base16/synth-midnight-terminal-light", "base16/tomorrow",
+        "base16/unikitty-light", "base16/windows-10-light", "base16/windows-95-light", "base16/windows-high-contrast-light", "brown-paper", "base16/windows-nt-light",
+        "color-brewer", "docco", "foundation", "github", "googlecode", "gradient-light", "grayscale", "idea", "intellij-light", "isbl-editor-light", "kimbie-light",
+        "lightfair", "magula", "mono-blue", "nnfx-light", "panda-syntax-light", "paraiso-light", "purebasic", "qtcreator-light", "routeros", "school-book",
+        "stackoverflow-light", "tokyo-night-light", "vs", "xcode", "default"];
+    Constants.ALIAS_CODE_LANGUAGES = [
+        // 自定义
+        "abc", "plantuml", "mermaid", "flowchart", "echarts", "mindmap", "graphviz", "math", "markmap", "smiles",
+        // 别名
+        "js", "ts", "html", "toml", "c#", "bat"
     ];
-    Constants.CDN = "https://unpkg.com/vditor@".concat("3.10.5");
+    Constants.CDN = "https://unpkg.com/vditor@".concat("3.10.7");
     Constants.MARKDOWN_OPTIONS = {
         autoSpace: false,
         gfmAutoLink: true,
@@ -116,6 +135,44 @@ var Constants = /** @class */ (function () {
 
 
 
+/***/ }),
+
+/***/ 474:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "J": () => (/* binding */ SMILESRender)
+/* harmony export */ });
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(793);
+/* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(998);
+/* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(781);
+/* harmony import */ var _util_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(446);
+
+
+
+
+var SMILESRender = function (element, cdn, theme) {
+    if (element === void 0) { element = document; }
+    if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
+    var SMILESElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.SMILESRenderAdapter.getElements(element);
+    if (SMILESElements.length > 0) {
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/smiles-drawer/smiles-drawer.min.js?v=2.1.7"), "vditorAbcjsScript").then(function () {
+            var sd = new SmiDrawer({}, {});
+            SMILESElements.forEach(function (item) {
+                var code = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.SMILESRenderAdapter.getCode(item).trim();
+                if (item.getAttribute("data-processed") === "true" || code.trim() === "") {
+                    return;
+                }
+                var id = "smiles" + (0,_util_function__WEBPACK_IMPORTED_MODULE_3__/* .genUUID */ .Wb)();
+                item.innerHTML = "<svg id=\"".concat(id, "\"></svg>");
+                sd.draw(code, '#' + id, theme === "dark" ? "dark" : undefined);
+                item.setAttribute("data-processed", "true");
+            });
+        });
+    }
+};
+
+
 /***/ }),
 
 /***/ 386:
@@ -160,6 +217,7 @@ var abcRender = function (element, cdn) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "SMILESRenderAdapter": () => (/* binding */ SMILESRenderAdapter),
 /* harmony export */   "abcRenderAdapter": () => (/* binding */ abcRenderAdapter),
 /* harmony export */   "chartRenderAdapter": () => (/* binding */ chartRenderAdapter),
 /* harmony export */   "flowchartRenderAdapter": () => (/* binding */ flowchartRenderAdapter),
@@ -171,9 +229,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "plantumlRenderAdapter": () => (/* binding */ plantumlRenderAdapter)
 /* harmony export */ });
 var mathRenderAdapter = {
-    getCode: function (mathElement) { return mathElement.textContent; },
+    getCode: function (el) { return el.textContent; },
     getElements: function (element) { return element.querySelectorAll(".language-math"); },
 };
+var SMILESRenderAdapter = {
+    getCode: function (el) { return el.textContent; },
+    getElements: function (element) { return element.querySelectorAll(".language-smiles"); },
+};
 var mermaidRenderAdapter = {
     /** 不仅要返回code，并且需要将 code 设置为 el 的 innerHTML */
     getCode: function (el) { return el.textContent; },
@@ -220,6 +282,44 @@ var plantumlRenderAdapter = {
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(793);
 /* harmony import */ var _util_addScript__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(998);
 /* harmony import */ var _adapterRender__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(781);
+/* harmony import */ var _util_function__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(446);
+var __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 __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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
+    }
+};
+
 
 
 
@@ -228,29 +328,41 @@ var chartRender = function (element, cdn, theme) {
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
     var echartsElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.chartRenderAdapter.getElements(element);
     if (echartsElements.length > 0) {
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/echarts/echarts.min.js"), "vditorEchartsScript").then(function () {
-            echartsElements.forEach(function (e) {
-                if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
-                    e.parentElement.classList.contains("vditor-ir__marker--pre")) {
-                    return;
-                }
-                var text = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.chartRenderAdapter.getCode(e).trim();
-                if (!text) {
-                    return;
-                }
-                try {
-                    if (e.getAttribute("data-processed") === "true") {
-                        return;
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/echarts/echarts.min.js?v=5.5.1"), "vditorEchartsScript").then(function () {
+            echartsElements.forEach(function (e) { return __awaiter(void 0, void 0, void 0, function () {
+                var text, option, error_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
+                                e.parentElement.classList.contains("vditor-ir__marker--pre")) {
+                                return [2 /*return*/];
+                            }
+                            text = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.chartRenderAdapter.getCode(e).trim();
+                            if (!text) {
+                                return [2 /*return*/];
+                            }
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 3, , 4]);
+                            if (e.getAttribute("data-processed") === "true") {
+                                return [2 /*return*/];
+                            }
+                            return [4 /*yield*/, (0,_util_function__WEBPACK_IMPORTED_MODULE_3__/* .looseJsonParse */ .Qf)(text)];
+                        case 2:
+                            option = _a.sent();
+                            echarts.init(e, theme === "dark" ? "dark" : undefined).setOption(option);
+                            e.setAttribute("data-processed", "true");
+                            return [3 /*break*/, 4];
+                        case 3:
+                            error_1 = _a.sent();
+                            e.className = "vditor-reset--error";
+                            e.innerHTML = "echarts render error: <br>".concat(error_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
                     }
-                    var option = JSON.parse(text);
-                    echarts.init(e, theme === "dark" ? "dark" : undefined).setOption(option);
-                    e.setAttribute("data-processed", "true");
-                }
-                catch (error) {
-                    e.className = "vditor-reset--error";
-                    e.innerHTML = "echarts render error: <br>".concat(error);
-                }
-            });
+                });
+            }); });
         });
     }
 };
@@ -278,7 +390,7 @@ var codeRender = function (element, option) {
             e.classList.contains("language-echarts") || e.classList.contains("language-mindmap") ||
             e.classList.contains("language-plantuml") || e.classList.contains("language-markmap") ||
             e.classList.contains("language-abc") || e.classList.contains("language-graphviz") ||
-            e.classList.contains("language-math")) {
+            e.classList.contains("language-math") || e.classList.contains("language-smiles")) {
             return false;
         }
         if (e.style.maxHeight.indexOf("px") > -1) {
@@ -431,11 +543,11 @@ var highlightRender = function (hljsOption, element, cdn) {
         style = "github";
     }
     var vditorHljsStyle = document.getElementById("vditorHljsStyle");
-    var href = "".concat(cdn, "/dist/js/highlight.js/styles/").concat(style, ".css");
+    var href = "".concat(cdn, "/dist/js/highlight.js/styles/").concat(style, ".min.css");
     if (vditorHljsStyle && vditorHljsStyle.getAttribute('href') !== href) {
         vditorHljsStyle.remove();
     }
-    (0,_util_addStyle__WEBPACK_IMPORTED_MODULE_1__/* .addStyle */ .c)("".concat(cdn, "/dist/js/highlight.js/styles/").concat(style, ".css"), "vditorHljsStyle");
+    (0,_util_addStyle__WEBPACK_IMPORTED_MODULE_1__/* .addStyle */ .c)("".concat(cdn, "/dist/js/highlight.js/styles/").concat(style, ".min.css"), "vditorHljsStyle");
     if (hljsOption.enable === false) {
         return;
     }
@@ -443,56 +555,62 @@ var highlightRender = function (hljsOption, element, cdn) {
     if (codes.length === 0) {
         return;
     }
-    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/highlight.js/highlight.pack.js"), "vditorHljsScript").then(function () {
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/highlight.js/solidity.min.js"), "vditorHljsSolidityScript").then(function () {
-            (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/highlight.js/yul.min.js"), "vditorHljsYulScript").then(function () {
-                element.querySelectorAll("pre > code").forEach(function (block) {
-                    // ir & wysiwyg 区域不渲染
-                    if (block.parentElement.classList.contains("vditor-ir__marker--pre") ||
-                        block.parentElement.classList.contains("vditor-wysiwyg__pre")) {
-                        return;
-                    }
-                    if (block.classList.contains("language-mermaid") || block.classList.contains("language-flowchart") ||
-                        block.classList.contains("language-echarts") || block.classList.contains("language-mindmap") ||
-                        block.classList.contains("language-plantuml") ||
-                        block.classList.contains("language-abc") || block.classList.contains("language-graphviz") ||
-                        block.classList.contains("language-math")) {
-                        return;
-                    }
-                    if (hljsOption.defaultLang !== "" && block.className.indexOf("language-") === -1) {
-                        block.classList.add("language-" + hljsOption.defaultLang);
-                    }
-                    hljs.highlightElement(block);
-                    if (!hljsOption.lineNumber) {
-                        return;
-                    }
-                    block.classList.add("vditor-linenumber");
-                    var linenNumberTemp = block.querySelector(".vditor-linenumber__temp");
-                    if (!linenNumberTemp) {
-                        linenNumberTemp = document.createElement("div");
-                        linenNumberTemp.className = "vditor-linenumber__temp";
-                        block.insertAdjacentElement("beforeend", linenNumberTemp);
-                    }
-                    var whiteSpace = getComputedStyle(block).whiteSpace;
-                    var isSoftWrap = false;
-                    if (whiteSpace === "pre-wrap" || whiteSpace === "pre-line") {
-                        isSoftWrap = true;
+    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/highlight.js/highlight.min.js?v=11.7.0"), "vditorHljsScript").then(function () {
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/highlight.js/third-languages.js?v=1.0.1"), "vditorHljsThirdScript").then(function () {
+            element.querySelectorAll("pre > code").forEach(function (block) {
+                // ir & wysiwyg 区域不渲染
+                if (block.parentElement.classList.contains("vditor-ir__marker--pre") ||
+                    block.parentElement.classList.contains("vditor-wysiwyg__pre")) {
+                    return;
+                }
+                if (block.classList.contains("language-mermaid") || block.classList.contains("language-flowchart") ||
+                    block.classList.contains("language-echarts") || block.classList.contains("language-mindmap") ||
+                    block.classList.contains("language-plantuml") || block.classList.contains("language-smiles") ||
+                    block.classList.contains("language-abc") || block.classList.contains("language-graphviz") ||
+                    block.classList.contains("language-math")) {
+                    return;
+                }
+                if (hljsOption.defaultLang !== "" && block.className.indexOf("language-") === -1) {
+                    block.classList.add("language-" + hljsOption.defaultLang);
+                }
+                var language = hljsOption.defaultLang || block.className.replace("language-", "");
+                if (!window.hljs.getLanguage(language)) {
+                    language = "plaintext";
+                }
+                block.innerHTML = window.hljs.highlight(block.textContent, {
+                    language: language,
+                    ignoreIllegals: true
+                }).value;
+                block.classList.add("hljs");
+                if (!hljsOption.lineNumber) {
+                    return;
+                }
+                block.classList.add("vditor-linenumber");
+                var linenNumberTemp = block.querySelector(".vditor-linenumber__temp");
+                if (!linenNumberTemp) {
+                    linenNumberTemp = document.createElement("div");
+                    linenNumberTemp.className = "vditor-linenumber__temp";
+                    block.insertAdjacentElement("beforeend", linenNumberTemp);
+                }
+                var whiteSpace = getComputedStyle(block).whiteSpace;
+                var isSoftWrap = false;
+                if (whiteSpace === "pre-wrap" || whiteSpace === "pre-line") {
+                    isSoftWrap = true;
+                }
+                var lineNumberHTML = "";
+                var lineList = block.textContent.split(/\r\n|\r|\n/g);
+                lineList.pop();
+                lineList.map(function (line) {
+                    var lineHeight = "";
+                    if (isSoftWrap) {
+                        linenNumberTemp.textContent = line || "\n";
+                        lineHeight = " style=\"height:".concat(linenNumberTemp.getBoundingClientRect().height, "px\"");
                     }
-                    var lineNumberHTML = "";
-                    var lineList = block.textContent.split(/\r\n|\r|\n/g);
-                    lineList.pop();
-                    lineList.map(function (line) {
-                        var lineHeight = "";
-                        if (isSoftWrap) {
-                            linenNumberTemp.textContent = line || "\n";
-                            lineHeight = " style=\"height:".concat(linenNumberTemp.getBoundingClientRect().height, "px\"");
-                        }
-                        lineNumberHTML += "<span".concat(lineHeight, "></span>");
-                    });
-                    linenNumberTemp.style.display = "none";
-                    lineNumberHTML = "<span class=\"vditor-linenumber__rows\">".concat(lineNumberHTML, "</span>");
-                    block.insertAdjacentHTML("beforeend", lineNumberHTML);
+                    lineNumberHTML += "<span".concat(lineHeight, "></span>");
                 });
+                linenNumberTemp.style.display = "none";
+                lineNumberHTML = "<span class=\"vditor-linenumber__rows\">".concat(lineNumberHTML, "</span>");
+                block.insertAdjacentHTML("beforeend", lineNumberHTML);
             });
         });
     });
@@ -540,13 +658,14 @@ var init = function (el, code) {
     mm.setData(root, frontmatterOptions);
     mm.fit();
 };
-var markmapRender = function (element, cdn, theme) {
+var markmapRender = function (element, cdn) {
+    if (element === void 0) { element = document; }
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
     var markmapElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.markmapRenderAdapter.getElements(element);
     if (markmapElements.length === 0) {
         return;
     }
-    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/markmap/markmap.min.js"), "vditorMermaidScript").then(function () {
+    (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/markmap/markmap.min.js"), "vditorMarkerScript").then(function () {
         markmapElements.forEach(function (item) {
             var code = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.markmapRenderAdapter.getCode(item);
             if (item.getAttribute("data-processed") === "true" || code.trim() === "") {
@@ -583,6 +702,7 @@ var markmapRender = function (element, cdn, theme) {
 
 
 var mathRender = function (element, options) {
+    if (element === void 0) { element = document; }
     var mathElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mathRenderAdapter.getElements(element);
     if (mathElements.length === 0) {
         return;
@@ -766,7 +886,7 @@ var iframeRender = function (element, url) {
     }
     else if (url.indexOf("bilibili.com") > -1 && (url.indexOf("bvid=") > -1 || (bilibiliMatch && bilibiliMatch[1]))) {
         var params_1 = {
-            bvid: (0,_util_function__WEBPACK_IMPORTED_MODULE_0__/* .getSearch */ .o)("bvid", url) || (bilibiliMatch && bilibiliMatch[1]),
+            bvid: (0,_util_function__WEBPACK_IMPORTED_MODULE_0__/* .getSearch */ .on)("bvid", url) || (bilibiliMatch && bilibiliMatch[1]),
             page: "1",
             high_quality: "1",
             as_wide: "1",
@@ -874,6 +994,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 var mermaidRender = function (element, cdn, theme) {
+    if (element === void 0) { element = document; }
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
     var mermaidElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mermaidRenderAdapter.getElements(element);
     if (mermaidElements.length === 0) {
@@ -914,7 +1035,7 @@ var mermaidRender = function (element, cdn, theme) {
                         if (item.getAttribute("data-processed") === "true" || code.trim() === "") {
                             return [2 /*return*/];
                         }
-                        id = "mermaid" + (0,_util_function__WEBPACK_IMPORTED_MODULE_3__/* .genUUID */ .W)();
+                        id = "mermaid" + (0,_util_function__WEBPACK_IMPORTED_MODULE_3__/* .genUUID */ .Wb)();
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
@@ -958,7 +1079,7 @@ var mindmapRender = function (element, cdn, theme) {
     if (cdn === void 0) { cdn = _constants__WEBPACK_IMPORTED_MODULE_0__/* .Constants.CDN */ .g.CDN; }
     var mindmapElements = _adapterRender__WEBPACK_IMPORTED_MODULE_1__.mindmapRenderAdapter.getElements(element);
     if (mindmapElements.length > 0) {
-        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/echarts/echarts.min.js"), "vditorEchartsScript").then(function () {
+        (0,_util_addScript__WEBPACK_IMPORTED_MODULE_2__/* .addScript */ .G)("".concat(cdn, "/dist/js/echarts/echarts.min.js?v=5.5.1"), "vditorEchartsScript").then(function () {
             mindmapElements.forEach(function (e) {
                 if (e.parentElement.classList.contains("vditor-wysiwyg__pre") ||
                     e.parentElement.classList.contains("vditor-ir__marker--pre")) {
@@ -1422,8 +1543,9 @@ var code160to32 = function (text) {
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "W": () => (/* binding */ genUUID),
-/* harmony export */   "o": () => (/* binding */ getSearch)
+/* harmony export */   "Qf": () => (/* binding */ looseJsonParse),
+/* harmony export */   "Wb": () => (/* binding */ genUUID),
+/* harmony export */   "on": () => (/* binding */ getSearch)
 /* harmony export */ });
 var genUUID = function () { return ([1e7].toString() + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, function (c) {
     return (parseInt(c, 10) ^ (window.crypto.getRandomValues(new Uint32Array(1))[0] & (15 >> (parseInt(c, 10) / 4)))).toString(16);
@@ -1436,6 +1558,9 @@ var getSearch = function (key, link) {
     var urlSearchParams = new URLSearchParams(params.substring(0, hashIndex >= 0 ? hashIndex : undefined));
     return urlSearchParams.get(key);
 };
+var looseJsonParse = function (text) {
+    return Function("\"use strict\";return (".concat(text, ")"))();
+};
 
 
 /***/ }),
@@ -2097,6 +2222,8 @@ var mathRender = __webpack_require__(982);
 var mediaRender = __webpack_require__(431);
 // EXTERNAL MODULE: ./src/ts/markdown/mermaidRender.ts
 var mermaidRender = __webpack_require__(570);
+// EXTERNAL MODULE: ./src/ts/markdown/SMILESRender.ts
+var SMILESRender = __webpack_require__(474);
 // EXTERNAL MODULE: ./src/ts/markdown/markmapRender.ts
 var markmapRender = __webpack_require__(593);
 // EXTERNAL MODULE: ./src/ts/markdown/mindmapRender.ts
@@ -2295,6 +2422,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
 
 
 
+
 
 
 var mergeOptions = function (options) {
@@ -2415,7 +2543,8 @@ var previewRender = function (previewElement, markdown, options) { return __awai
                     math: mergedOptions.math,
                 });
                 (0,mermaidRender/* mermaidRender */.i)(previewElement, mergedOptions.cdn, mergedOptions.mode);
-                (0,markmapRender/* markmapRender */.K)(previewElement, mergedOptions.cdn, mergedOptions.mode);
+                (0,SMILESRender/* SMILESRender */.J)(previewElement, mergedOptions.cdn, mergedOptions.mode);
+                (0,markmapRender/* markmapRender */.K)(previewElement, mergedOptions.cdn);
                 (0,flowchartRender/* flowchartRender */.P)(previewElement, mergedOptions.cdn);
                 (0,graphvizRender/* graphvizRender */.v)(previewElement, mergedOptions.cdn);
                 (0,chartRender/* chartRender */.p)(previewElement, mergedOptions.cdn, mergedOptions.mode);
@@ -2476,6 +2605,7 @@ var setCodeTheme = __webpack_require__(34);
 
 
 
+
 
 var Vditor = /** @class */ (function () {
     function Vditor() {
@@ -2494,7 +2624,9 @@ var Vditor = /** @class */ (function () {
     Vditor.mathRender = mathRender/* mathRender */.H;
     /** 流程图/时序图/甘特图渲染 */
     Vditor.mermaidRender = mermaidRender/* mermaidRender */.i;
-    /** 支持markdown的思维导图 */
+    /** 化学物质结构渲染 */
+    Vditor.SMILESRender = SMILESRender/* SMILESRender */.J;
+    /** 支持 markdown 的思维导图 */
     Vditor.markmapRender = markmapRender/* markmapRender */.K;
     /** flowchart.js 渲染 */
     Vditor.flowchartRender = flowchartRender/* flowchartRender */.P;