vue-editify 0.0.46 → 0.0.47

package/lib/editify.es.js

@@ -3277,7 +3277,16 @@ class AlexEditor {
     this.__isInputChinese = false;
     this.__innerSelectionChange = false;
     this.__chineseInputTimer = null;
-    this.__dataCaches = {};
+    this.__rangeElementsCache = {
+      //includes和flat都是true
+      all: [],
+      //includes为true
+      includes: [],
+      //flat为true
+      flat: [],
+      //includes和flat都是false
+      none: []
+    };
     this.disabled ? this.setDisabled() : this.setEnabled();
     obj$1.event.on(document, `selectionchange.alex_editor_${this.__guid}`, handleSelectionChange.bind(this));
     obj$1.event.on(this.$el, "beforeinput.alex_editor", handleBeforeInput.bind(this));
@@ -4428,24 +4437,48 @@ class AlexEditor {
   /**
    * 获取选区之间的元素
    */
-  getElementsByRange(includes = false, flat = false) {
+  getElementsByRange(includes = false, flat = false, useCache = false) {
     if (!this.range) {
       return [];
     }
     if (this.range.anchor.isEqual(this.range.focus)) {
       return [];
     }
+    if (useCache) {
+      if (includes && flat) {
+        return this.__rangeElementsCache.all || [];
+      }
+      if (includes) {
+        return this.__rangeElementsCache.includes || [];
+      }
+      if (flat) {
+        return this.__rangeElementsCache.flat || [];
+      }
+      return this.__rangeElementsCache.none || [];
+    }
+    const setRangeElementsCache = (result2 = []) => {
+      if (includes && flat) {
+        this.__rangeElementsCache.all = result2;
+      } else if (includes) {
+        this.__rangeElementsCache.includes = result2;
+      } else if (flat) {
+        this.__rangeElementsCache.flat = result2;
+      } else {
+        this.__rangeElementsCache.none = result2;
+      }
+      return result2;
+    };
     if (this.range.anchor.element.isEqual(this.range.focus.element)) {
       if (includes) {
         const isCover = this.range.anchor.offset == 0 && this.range.focus.offset == (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1);
-        return [
+        return setRangeElementsCache([
           {
             element: this.range.anchor.element,
             offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
           }
-        ];
+        ]);
       }
-      return [];
+      return setRangeElementsCache();
     }
     let result = [];
     if (includes) {
@@ -4520,7 +4553,7 @@ class AlexEditor {
       }
     }
     if (flat) {
-      return newResult;
+      return setRangeElementsCache(newResult);
     }
     let notFlatResult = [];
     const length = newResult.length;
@@ -4534,16 +4567,16 @@ class AlexEditor {
         }
       }
     }
-    return notFlatResult;
+    return setRangeElementsCache(notFlatResult);
   }
   /**
    * 分割选区选中的元素，会更新光标位置
    */
-  splitElementsByRange(includes = false, flat = false) {
+  splitElementsByRange(includes = false, flat = false, useCache = false) {
     if (!this.range) {
       return [];
     }
-    const result = this.getElementsByRange(includes, flat);
+    const result = this.getElementsByRange(includes, flat, useCache);
     let elements = [];
     result.forEach((item, index) => {
       if (item.offset) {
@@ -4733,7 +4766,7 @@ class AlexEditor {
   /**
    * 设置文本元素的样式
    */
-  setTextStyle(styles) {
+  setTextStyle(styles, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4766,7 +4799,7 @@ class AlexEditor {
         this.insertElement(el);
       }
     } else {
-      const elements = this.splitElementsByRange(true, true);
+      const elements = this.splitElementsByRange(true, true, useCache);
       elements.forEach((ele) => {
         if (ele.isText()) {
           if (ele.hasStyles()) {
@@ -4781,7 +4814,7 @@ class AlexEditor {
   /**
    * 移除文本元素的样式
    */
-  removeTextStyle(styleNames) {
+  removeTextStyle(styleNames, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4814,7 +4847,7 @@ class AlexEditor {
         this.insertElement(el);
       }
     } else {
-      const elements = this.splitElementsByRange(true, true);
+      const elements = this.splitElementsByRange(true, true, useCache);
       elements.forEach((ele) => {
         if (ele.isText()) {
           removeFn(ele);
@@ -4838,17 +4871,9 @@ class AlexEditor {
       }
       return false;
     }
-    let result = null;
-    if (useCache) {
-      result = this.__dataCaches["queryTextStyle"] || [];
-    } else {
-      result = this.getElementsByRange(true, true).filter((item) => {
-        return item.element.isText();
-      });
-    }
-    if (!useCache) {
-      this.__dataCaches["queryTextStyle"] = result;
-    }
+    let result = this.getElementsByRange(true, true, useCache).filter((item) => {
+      return item.element.isText();
+    });
     if (result.length == 0) {
       return false;
     }
@@ -4863,7 +4888,7 @@ class AlexEditor {
   /**
    * 设置文本元素的标记
    */
-  setTextMark(marks) {
+  setTextMark(marks, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4896,7 +4921,7 @@ class AlexEditor {
         this.insertElement(el);
       }
     } else {
-      const elements = this.splitElementsByRange(true, true);
+      const elements = this.splitElementsByRange(true, true, useCache);
       elements.forEach((ele) => {
         if (ele.isText()) {
           if (ele.hasMarks()) {
@@ -4911,7 +4936,7 @@ class AlexEditor {
   /**
    * 移除文本元素的标记
    */
-  removeTextMark(markNames) {
+  removeTextMark(markNames, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4944,7 +4969,7 @@ class AlexEditor {
         this.insertElement(el);
       }
     } else {
-      const elements = this.splitElementsByRange(true, true);
+      const elements = this.splitElementsByRange(true, true, useCache);
       elements.forEach((ele) => {
         if (ele.isText()) {
           removeFn(ele);
@@ -4968,17 +4993,9 @@ class AlexEditor {
       }
       return false;
     }
-    let result = null;
-    if (useCache) {
-      result = this.__dataCaches["queryTextMark"] || [];
-    } else {
-      result = this.getElementsByRange(true, true).filter((item) => {
-        return item.element.isText();
-      });
-    }
-    if (!useCache) {
-      this.__dataCaches["queryTextMark"] = result;
-    }
+    let result = this.getElementsByRange(true, true, useCache).filter((item) => {
+      return item.element.isText();
+    });
     if (result.length == 0) {
       return false;
     }
@@ -17869,7 +17886,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-dc6d3d68"]]);
-const Toolbar_vue_vue_type_style_index_0_scoped_43553c16_lang = "";
+const Toolbar_vue_vue_type_style_index_0_scoped_38c4144f_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -18234,7 +18251,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const element2 = this.$parent.getCurrentParsedomElement("img") || this.$parent.getCurrentParsedomElement("video");
+      const element2 = this.$parent.getCurrentParsedomElement("img") || this.$parent.getCurrentParsedomElement("video", true);
       if (element2) {
         const styles = {
           width: value
@@ -18339,8 +18356,8 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
       const table = this.$parent.getCurrentParsedomElement("table");
-      const column = this.$parent.getCurrentParsedomElement("td");
-      const tbody = this.$parent.getCurrentParsedomElement("tbody");
+      const column = this.$parent.getCurrentParsedomElement("td", true);
+      const tbody = this.$parent.getCurrentParsedomElement("tbody", true);
       if (column && table && tbody) {
         const rows = tbody.children;
         const index = column.parent.children.findIndex((item) => {
@@ -18389,7 +18406,7 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
       const table = this.$parent.getCurrentParsedomElement("table");
-      const row = this.$parent.getCurrentParsedomElement("tr");
+      const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const newRow = row.clone();
         newRow.children.forEach((column) => {
@@ -18444,7 +18461,7 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
       const table = this.$parent.getCurrentParsedomElement("table");
-      const row = this.$parent.getCurrentParsedomElement("tr");
+      const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const parent = row.parent;
         if (parent.children.length == 1) {
@@ -18479,13 +18496,13 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
       const column = this.$parent.getCurrentParsedomElement("td");
-      const tbody = this.$parent.getCurrentParsedomElement("tbody");
-      const table = this.$parent.getCurrentParsedomElement("table");
+      const tbody = this.$parent.getCurrentParsedomElement("tbody", true);
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       if (column && table && tbody) {
         const rows = tbody.children;
         const parent = column.parent;
         if (parent.children.length == 1) {
-          this.$parent.deleteByParsedom("table");
+          this.$parent.deleteByParsedom("table", true);
           return;
         }
         const previousColumn = this.$parent.editor.getPreviousElement(column);
@@ -18514,19 +18531,20 @@ const _sfc_main$6 = {
     },
     //浮层显示时
     layerShow() {
+      const result = this.$parent.editor.getElementsByRange(true, false, true);
       if (this.type == "codeBlock") {
-        const pre = this.$parent.getCurrentParsedomElement("pre");
+        const pre = this.$parent.getCurrentParsedomElement("pre", true);
         if (pre) {
           this.languageConfig.displayConfig.value = pre.marks["data-editify-hljs"] || "";
         }
       } else if (this.type == "link") {
-        const link = this.$parent.getCurrentParsedomElement("a");
+        const link = this.$parent.getCurrentParsedomElement("a", true);
         if (link) {
           this.linkConfig.url = link.marks["href"];
           this.linkConfig.newOpen = link.marks["target"] == "_blank";
         }
       } else if (this.type == "video") {
-        const video = this.$parent.getCurrentParsedomElement("video");
+        const video = this.$parent.getCurrentParsedomElement("video", true);
         if (video) {
           this.videoConfig.autoplay = !!video.marks["autoplay"];
           this.videoConfig.loop = !!video.marks["loop"];
@@ -18540,7 +18558,6 @@ const _sfc_main$6 = {
           }
           return false;
         };
-        const result = this.$parent.editor.getElementsByRange(true, false);
         const findHeadingItem = this.headingConfig.displayConfig.options.find((item) => {
           let val = item;
           if (obj.common.isObject(item)) {
@@ -18556,13 +18573,13 @@ const _sfc_main$6 = {
         this.headingConfig.displayConfig.value = findHeadingItem ? obj.common.isObject(findHeadingItem) ? findHeadingItem.value : findHeadingItem : this.headingConfig.defaultValue;
         this.headingConfig.disabled = extraDisabled("heading");
         this.alignConfig.disabled = extraDisabled("align");
-        this.orderListConfig.active = this.$parent.inList(true);
+        this.orderListConfig.active = this.$parent.inList(true, true);
         this.orderListConfig.disabled = extraDisabled("orderList");
-        this.unorderListConfig.active = this.$parent.inList(false);
+        this.unorderListConfig.active = this.$parent.inList(false, true);
         this.unorderListConfig.disabled = extraDisabled("unorderList");
-        this.taskConfig.active = this.$parent.inTask();
+        this.taskConfig.active = this.$parent.inTask(true, true);
         this.taskConfig.disabled = extraDisabled("task");
-        this.boldConfig.active = this.$parent.queryTextStyle("font-weight", "bold");
+        this.boldConfig.active = this.$parent.queryTextStyle("font-weight", "bold", true);
         this.boldConfig.disabled = extraDisabled("bold");
         this.italicConfig.active = this.$parent.queryTextStyle("font-style", "italic", true);
         this.italicConfig.disabled = extraDisabled("italic");
@@ -18570,7 +18587,7 @@ const _sfc_main$6 = {
         this.strikethroughConfig.disabled = extraDisabled("strikethrough");
         this.underlineConfig.active = this.$parent.queryTextStyle("text-decoration", "underline", true);
         this.underlineConfig.disabled = extraDisabled("underline");
-        this.codeConfig.active = this.$parent.queryTextMark("data-editify-code");
+        this.codeConfig.active = this.$parent.queryTextMark("data-editify-code", null, true);
         this.codeConfig.disabled = extraDisabled("code");
         this.superConfig.active = this.$parent.queryTextStyle("vertical-align", "super", true);
         this.superConfig.disabled = extraDisabled("super");
@@ -19364,7 +19381,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "node", "onShow", "useRange"]);
 }
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-43553c16"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-38c4144f"]]);
 const InsertLink_vue_vue_type_style_index_0_scoped_e6c3c2ee_lang = "";
 const _sfc_main$5 = {
   name: "InsertLink",
@@ -20012,7 +20029,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-227ede65"]]);
-const Menu_vue_vue_type_style_index_0_scoped_85cbaf03_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_afb2092e_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -21090,15 +21107,15 @@ const _sfc_main$1 = {
       if (this.disabled) {
         return;
       }
-      const result = this.$parent.editor.getElementsByRange(true, false);
-      const hasPreStyle = this.$parent.hasPreStyle();
-      const hasTable = this.$parent.hasTable();
-      const hasQuote = this.$parent.hasQuote();
-      const inQuote = this.$parent.inQuote();
-      const hasLink = this.$parent.hasLink();
-      const inOrderList = this.$parent.inList(true);
-      const inUnorderList = this.$parent.inList(false);
-      const inTask = this.$parent.inTask();
+      const result = this.$parent.editor.getElementsByRange(true, false, true);
+      const hasPreStyle = this.$parent.hasPreStyle(true);
+      const hasTable = this.$parent.hasTable(true);
+      const hasQuote = this.$parent.hasQuote(true);
+      const inQuote = this.$parent.inQuote(true);
+      const hasLink = this.$parent.hasLink(true);
+      const inOrderList = this.$parent.inList(true, true);
+      const inUnorderList = this.$parent.inList(false, true);
+      const inTask = this.$parent.inTask(true);
       const extraDisabled = (name) => {
         if (typeof this.config.extraDisabled == "function") {
           return this.config.extraDisabled.apply(this.$parent, [name]) || false;
@@ -21134,7 +21151,7 @@ const _sfc_main$1 = {
       this.unorderListConfig.disabled = hasPreStyle || hasTable || extraDisabled("unorderList");
       this.taskConfig.active = inTask;
       this.taskConfig.disabled = hasPreStyle || hasTable || extraDisabled("task");
-      this.boldConfig.active = this.$parent.queryTextStyle("font-weight", "bold");
+      this.boldConfig.active = this.$parent.queryTextStyle("font-weight", "bold", true);
       this.boldConfig.disabled = hasPreStyle || extraDisabled("bold");
       this.underlineConfig.active = this.$parent.queryTextStyle("text-decoration", "underline", true);
       this.underlineConfig.disabled = hasPreStyle || extraDisabled("underline");
@@ -21142,7 +21159,7 @@ const _sfc_main$1 = {
       this.italicConfig.disabled = hasPreStyle || extraDisabled("italic");
       this.strikethroughConfig.active = this.$parent.queryTextStyle("text-decoration", "line-through", true);
       this.strikethroughConfig.disabled = hasPreStyle || extraDisabled("strikethrough");
-      this.codeConfig.active = this.$parent.queryTextMark("data-editify-code");
+      this.codeConfig.active = this.$parent.queryTextMark("data-editify-code", null, true);
       this.codeConfig.disabled = hasPreStyle || extraDisabled("code");
       this.superConfig.active = this.$parent.queryTextStyle("vertical-align", "super", true);
       this.superConfig.disabled = hasPreStyle || extraDisabled("super");
@@ -21208,7 +21225,7 @@ const _sfc_main$1 = {
       this.imageConfig.disabled = hasPreStyle || extraDisabled("image");
       this.videoConfig.disabled = hasPreStyle || extraDisabled("video");
       this.tableConfig.disabled = hasPreStyle || hasTable || hasQuote || extraDisabled("table");
-      this.codeBlockConfig.active = !!this.$parent.getCurrentParsedomElement("pre");
+      this.codeBlockConfig.active = !!this.$parent.getCurrentParsedomElement("pre", true);
       this.codeBlockConfig.disabled = hasTable || hasQuote || extraDisabled("codeBlock");
       this.sourceViewConfig.active = this.$parent.isSourceView;
     }
@@ -21230,8 +21247,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }), 256))
   ], 14, _hoisted_1$1);
 }
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-85cbaf03"]]);
-const Editify_vue_vue_type_style_index_0_scoped_31c1a2aa_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-afb2092e"]]);
+const Editify_vue_vue_type_style_index_0_scoped_b523f8ea_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21268,8 +21285,8 @@ const _sfc_main = {
         //类型
         type: "text"
       },
-      //toolbar显示延时器
-      toolbarTime: null,
+      //rangeUpdate更新延时器
+      updateTimer: null,
       //菜单栏是否可以使用标识
       canUseMenu: false
     };
@@ -21434,72 +21451,67 @@ const _sfc_main = {
       if (this.disabled || this.isSourceView) {
         return;
       }
-      if (this.toolbarTime) {
-        clearTimeout(this.toolbarTime);
-      }
-      this.toolbarTime = setTimeout(() => {
-        this.hideToolbar();
-        this.$nextTick(() => {
-          const table = this.getCurrentParsedomElement("table");
-          const pre = this.getCurrentParsedomElement("pre");
-          const link = this.getCurrentParsedomElement("a");
-          const image = this.getCurrentParsedomElement("img");
-          const video = this.getCurrentParsedomElement("video");
-          if (link) {
-            this.toolbarOptions.type = "link";
-            this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${link.key}"]`;
-            if (this.toolbarOptions.show) {
-              this.$refs.toolbar.$refs.layer.setPosition();
-            } else {
-              this.toolbarOptions.show = true;
-            }
-          } else if (image) {
-            this.toolbarOptions.type = "image";
-            this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${image.key}"]`;
-            if (this.toolbarOptions.show) {
-              this.$refs.toolbar.$refs.layer.setPosition();
-            } else {
-              this.toolbarOptions.show = true;
-            }
-          } else if (video) {
-            this.toolbarOptions.type = "video";
-            this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${video.key}"]`;
-            if (this.toolbarOptions.show) {
-              this.$refs.toolbar.$refs.layer.setPosition();
-            } else {
-              this.toolbarOptions.show = true;
-            }
-          } else if (table) {
-            this.toolbarOptions.type = "table";
-            this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${table.key}"]`;
-            if (this.toolbarOptions.show) {
-              this.$refs.toolbar.$refs.layer.setPosition();
-            } else {
-              this.toolbarOptions.show = true;
-            }
-          } else if (pre) {
-            this.toolbarOptions.type = "codeBlock";
-            this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${pre.key}"]`;
+      this.hideToolbar();
+      this.$nextTick(() => {
+        const table = this.getCurrentParsedomElement("table", true);
+        const pre = this.getCurrentParsedomElement("pre", true);
+        const link = this.getCurrentParsedomElement("a", true);
+        const image = this.getCurrentParsedomElement("img", true);
+        const video = this.getCurrentParsedomElement("video", true);
+        if (link) {
+          this.toolbarOptions.type = "link";
+          this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${link.key}"]`;
+          if (this.toolbarOptions.show) {
+            this.$refs.toolbar.$refs.layer.setPosition();
+          } else {
+            this.toolbarOptions.show = true;
+          }
+        } else if (image) {
+          this.toolbarOptions.type = "image";
+          this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${image.key}"]`;
+          if (this.toolbarOptions.show) {
+            this.$refs.toolbar.$refs.layer.setPosition();
+          } else {
+            this.toolbarOptions.show = true;
+          }
+        } else if (video) {
+          this.toolbarOptions.type = "video";
+          this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${video.key}"]`;
+          if (this.toolbarOptions.show) {
+            this.$refs.toolbar.$refs.layer.setPosition();
+          } else {
+            this.toolbarOptions.show = true;
+          }
+        } else if (table) {
+          this.toolbarOptions.type = "table";
+          this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${table.key}"]`;
+          if (this.toolbarOptions.show) {
+            this.$refs.toolbar.$refs.layer.setPosition();
+          } else {
+            this.toolbarOptions.show = true;
+          }
+        } else if (pre) {
+          this.toolbarOptions.type = "codeBlock";
+          this.toolbarOptions.node = `[data-editify-uid="${this.uid}"] [data-editify-element="${pre.key}"]`;
+          if (this.toolbarOptions.show) {
+            this.$refs.toolbar.$refs.layer.setPosition();
+          } else {
+            this.toolbarOptions.show = true;
+          }
+        } else {
+          const result = this.editor.getElementsByRange(true, true, true).filter((item) => {
+            return item.element.isText();
+          });
+          if (result.length && !this.hasTable(true) && !this.hasPreStyle(true) && !this.hasLink(true) && !this.hasImage(true) && !this.hasVideo(true)) {
+            this.toolbarOptions.type = "text";
             if (this.toolbarOptions.show) {
               this.$refs.toolbar.$refs.layer.setPosition();
             } else {
               this.toolbarOptions.show = true;
             }
-          } else {
-            const result = this.editor.getElementsByRange(true, true).filter((item) => {
-              return item.element.isText();
-            });
-            if (result.length && !this.hasTable() && !this.hasPreStyle() && !this.hasLink() && !this.hasImage() && !this.hasVideo()) {
-              this.toolbarOptions.type = "text";
-              if (this.toolbarOptions.show) {
-                this.$refs.toolbar.$refs.layer.setPosition();
-              } else {
-                this.toolbarOptions.show = true;
-              }
-            }
           }
-        });
-      }, 200);
+        }
+      });
     },
     //重新定义编辑器合并元素的逻辑
     handleCustomMerge(ele, preEle) {
@@ -21745,12 +21757,21 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
-      if (this.toolbarConfig.use) {
-        this.handleToolbar();
-      }
-      if (this.menuConfig.use) {
-        this.$refs.menu.handleRangeUpdate();
+      if (this.updateTimer) {
+        clearTimeout(this.updateTimer);
       }
+      this.updateTimer = setTimeout(() => {
+        if (this.toolbarConfig.use || this.menuConfig.use) {
+          this.editor.getElementsByRange(true, false);
+          this.editor.getElementsByRange(true, true);
+        }
+        if (this.toolbarConfig.use) {
+          this.handleToolbar();
+        }
+        if (this.menuConfig.use) {
+          this.$refs.menu.handleRangeUpdate();
+        }
+      }, 200);
       this.$emit("rangeupdate", this.value, range);
     },
     //编辑器复制
@@ -21866,7 +21887,7 @@ const _sfc_main = {
       return this.getParsedomElementByElement(element2.parent, parsedom);
     },
     //api：获取光标是否在指定标签元素下，如果是返回该标签元素，否则返回null
-    getCurrentParsedomElement(parsedom) {
+    getCurrentParsedomElement(parsedom, useCache = false) {
       if (this.disabled) {
         return null;
       }
@@ -21876,7 +21897,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.element.isEqual(this.editor.range.focus.element)) {
         return this.getParsedomElementByElement(this.editor.range.anchor.element, parsedom);
       }
-      const arr = this.editor.getElementsByRange(true, false).map((item) => {
+      const arr = this.editor.getElementsByRange(true, false, useCache).map((item) => {
         return this.getParsedomElementByElement(item.element, parsedom);
       });
       let hasNull = arr.some((el) => {
@@ -21901,14 +21922,14 @@ const _sfc_main = {
       return null;
     },
     //api：删除光标所在的指定标签元素
-    deleteByParsedom(parsedom, isRender = true) {
+    deleteByParsedom(parsedom, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      const element2 = this.getCurrentParsedomElement(parsedom);
+      const element2 = this.getCurrentParsedomElement(parsedom, useCache);
       if (element2) {
         element2.toEmpty();
         if (isRender) {
@@ -21919,14 +21940,14 @@ const _sfc_main = {
       }
     },
     //api：当光标在链接上时可以移除链接
-    removeLink(isRender = true) {
+    removeLink(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      const link = this.getCurrentParsedomElement("a");
+      const link = this.getCurrentParsedomElement("a", useCache);
       if (link) {
         link.parsedom = AlexElement.TEXT_NODE;
         delete link.marks.target;
@@ -21939,7 +21960,7 @@ const _sfc_main = {
       }
     },
     //api：设置标题
-    setHeading(parsedom, isRender = true) {
+    setHeading(parsedom, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -21957,7 +21978,7 @@ const _sfc_main = {
         blockToParagraph(block);
         block.parsedom = parsedom;
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((el) => {
           if (el.element.isBlock()) {
             blockToParagraph(el.element);
@@ -21976,7 +21997,7 @@ const _sfc_main = {
       }
     },
     //api：插入有序列表 ordered为true表示有序列表
-    setList(ordered, isRender = true) {
+    setList(ordered, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -21993,7 +22014,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22017,7 +22038,7 @@ const _sfc_main = {
       }
     },
     //api：插入任务列表
-    setTask(isRender = true) {
+    setTask(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22034,7 +22055,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22058,20 +22079,20 @@ const _sfc_main = {
       }
     },
     //api：设置样式
-    setTextStyle(name, value, isRender = true) {
+    setTextStyle(name, value, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      const active = this.queryTextStyle(name, value);
+      const active = this.queryTextStyle(name, value, useCache);
       if (active) {
-        this.editor.removeTextStyle([name]);
+        this.editor.removeTextStyle([name], useCache);
       } else {
         let styles = {};
         styles[name] = value;
-        this.editor.setTextStyle(styles);
+        this.editor.setTextStyle(styles, useCache);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22080,24 +22101,24 @@ const _sfc_main = {
       }
     },
     //api：查询是否具有某个样式
-    queryTextStyle(name, value, useCache) {
+    queryTextStyle(name, value, useCache = false) {
       return this.editor.queryTextStyle(name, value, useCache);
     },
     //api：设置标记
-    setTextMark(name, value, isRender = true) {
+    setTextMark(name, value, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      const active = this.queryTextMark(name, value);
+      const active = this.queryTextMark(name, value, useCache);
       if (active) {
-        this.editor.removeTextMark([name]);
+        this.editor.removeTextMark([name], useCache);
       } else {
         let marks = {};
         marks[name] = value;
-        this.editor.setTextMark(marks);
+        this.editor.setTextMark(marks, useCache);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22106,19 +22127,19 @@ const _sfc_main = {
       }
     },
     //api：查询是否具有某个标记
-    queryTextMark(name, value, useCache) {
+    queryTextMark(name, value, useCache = false) {
       return this.editor.queryTextMark(name, value, useCache);
     },
     //api：清除文本样式和标记
-    formatText(isRender = true) {
+    formatText(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      this.editor.removeTextStyle();
-      this.editor.removeTextMark();
+      this.editor.removeTextStyle(null, useCache);
+      this.editor.removeTextMark(null, useCache);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22126,7 +22147,7 @@ const _sfc_main = {
       }
     },
     //api：设置对齐方式,参数取值justify/left/right/center
-    setAlign(value, isRender = true) {
+    setAlign(value, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22154,7 +22175,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22224,7 +22245,7 @@ const _sfc_main = {
       }
     },
     //api：插入引用
-    setQuote(isRender = true) {
+    setQuote(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22240,7 +22261,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22263,7 +22284,7 @@ const _sfc_main = {
       }
     },
     //api：设置行高
-    setLineHeight(value, isRender = true) {
+    setLineHeight(value, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22291,7 +22312,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22331,7 +22352,7 @@ const _sfc_main = {
       }
     },
     //api：增加缩进
-    setIndentIncrease(isRender = true) {
+    setIndentIncrease(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22366,7 +22387,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22384,7 +22405,7 @@ const _sfc_main = {
       }
     },
     //api：减少缩进
-    setIndentDecrease(isRender = true) {
+    setIndentDecrease(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22411,7 +22432,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false, useCache);
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22489,20 +22510,20 @@ const _sfc_main = {
       }
     },
     //api：选区是否含有代码块样式
-    hasPreStyle() {
+    hasPreStyle(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isPreStyle();
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.some((item) => {
         return item.element.isPreStyle();
       });
     },
     //api：选区是否含有引用
-    hasQuote() {
+    hasQuote(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22510,7 +22531,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "blockquote";
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22521,7 +22542,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有列表
-    hasList(ordered = false) {
+    hasList(ordered = false, useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22529,7 +22550,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsList(block, ordered);
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22540,14 +22561,14 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有链接
-    hasLink() {
+    hasLink(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return !!this.getParsedomElementByElement(this.editor.range.anchor.element, "a");
       }
-      const result = this.editor.getElementsByRange(true, true).filter((item) => {
+      const result = this.editor.getElementsByRange(true, true, useCache).filter((item) => {
         return item.element.isText();
       });
       return result.some((item) => {
@@ -22555,7 +22576,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有表格
-    hasTable() {
+    hasTable(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22563,7 +22584,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "table";
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "table";
@@ -22574,7 +22595,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有任务列表
-    hasTask() {
+    hasTask(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22582,7 +22603,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22593,33 +22614,33 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有图片
-    hasImage() {
+    hasImage(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isClosed() && this.editor.range.anchor.element.parsedom == "img";
       }
-      const result = this.editor.getElementsByRange(true, true);
+      const result = this.editor.getElementsByRange(true, true, useCache);
       return result.some((item) => {
         return item.element.isClosed() && item.element.parsedom == "img";
       });
     },
     //api：选区是否含有视频
-    hasVideo() {
+    hasVideo(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isClosed() && this.editor.range.anchor.element.parsedom == "video";
       }
-      const result = this.editor.getElementsByRange(true, true);
+      const result = this.editor.getElementsByRange(true, true, useCache);
       return result.some((item) => {
         return item.element.isClosed() && item.element.parsedom == "video";
       });
     },
     //api：选区是否全部在引用内
-    inQuote() {
+    inQuote(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22627,7 +22648,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "blockquote";
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.every((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22638,7 +22659,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否全部在列表内
-    inList(ordered = false) {
+    inList(ordered = false, useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22646,7 +22667,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsList(block, ordered);
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22657,7 +22678,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否全部在任务列表里
-    inTask() {
+    inTask(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22665,7 +22686,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
       }
-      const result = this.editor.getElementsByRange(true, false);
+      const result = this.editor.getElementsByRange(true, false, useCache);
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22710,14 +22731,14 @@ const _sfc_main = {
       }
     },
     //api：插入代码块
-    insertCodeBlock(isRender = true) {
+    insertCodeBlock(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      const pre = this.getCurrentParsedomElement("pre");
+      const pre = this.getCurrentParsedomElement("pre", useCache);
       if (pre) {
         let content = "";
         AlexElement.flatElements(pre.children).filter((item) => {
@@ -22743,10 +22764,10 @@ const _sfc_main = {
           this.editor.addElementTo(breakEl, paragraph);
           this.editor.addElementAfter(paragraph, block);
         } else {
-          let result = this.editor.getElementsByRange(true, false);
+          let result = this.editor.getElementsByRange(true, false, useCache);
           this.editor.range.anchor.moveToStart(result[0].element.getBlock());
           this.editor.range.focus.moveToEnd(result[result.length - 1].element.getBlock());
-          const res = this.editor.getElementsByRange(true, true).filter((el) => el.element.isText());
+          const res = this.editor.getElementsByRange(true, true, useCache).filter((el) => el.element.isText());
           const obj2 = {};
           res.forEach((el) => {
             if (obj2[el.element.getBlock().key]) {
@@ -22883,7 +22904,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-31c1a2aa"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b523f8ea"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -23064,7 +23085,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.46";
+const version = "0.0.47";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));