vue-editify 0.0.46 → 0.0.48

package/lib/editify.es.js

@@ -1722,7 +1722,7 @@ const speech$1 = {
   }
 };
 const obj$1 = { number: number$1, data: data$1, element: element$1, event: event$1, common: common$1, color: color$1, file: file$1, string: string$1, platform: platform$1, speech: speech$1 };
-const getAttributes = (node) => {
+const getAttributes = function(node) {
   let o = {};
   const length = node.attributes.length;
   for (let i = 0; i < length; i++) {
@@ -1733,7 +1733,7 @@ const getAttributes = (node) => {
   }
   return o;
 };
-const getStyles = (node) => {
+const getStyles = function(node) {
   let o = {};
   if (node.getAttribute("style")) {
     const styles = node.getAttribute("style");
@@ -1759,34 +1759,34 @@ const getStyles = (node) => {
   }
   return o;
 };
-const createUniqueKey = () => {
+const createUniqueKey = function() {
   let key = obj$1.data.get(window, "data-alex-editor-key") || 0;
   key++;
   obj$1.data.set(window, "data-alex-editor-key", key);
   return key;
 };
-const createGuid = () => {
+const createGuid = function() {
   let key = obj$1.data.get(window, "data-alex-editor-guid") || 0;
   key++;
   obj$1.data.set(window, "data-alex-editor-guid", key);
   return key;
 };
-const isSpaceText = (val) => {
+const isSpaceText = function(val) {
   return /^[\uFEFF]+$/g.test(val);
 };
-const cloneData = (data2) => {
+const cloneData = function(data2) {
   if (obj$1.common.isObject(data2) || Array.isArray(data2)) {
     return JSON.parse(JSON.stringify(data2));
   }
   return data2;
 };
-const isContains = (parentNode, childNode) => {
+const isContains = function(parentNode, childNode) {
   if (childNode.nodeType == 3) {
     return obj$1.element.isContains(parentNode, childNode.parentNode);
   }
   return obj$1.element.isContains(parentNode, childNode);
 };
-const blobToBase64 = (blob) => {
+const blobToBase64 = function(blob) {
   return new Promise((resolve) => {
     const fileReader = new FileReader();
     fileReader.onload = (e) => {
@@ -1795,7 +1795,7 @@ const blobToBase64 = (blob) => {
     fileReader.readAsDataURL(blob);
   });
 };
-const canUseClipboard = () => {
+const canUseClipboard = function() {
   if (!window.ClipboardItem) {
     console.warn("window.ClipboardItem must be obtained in a secure environment, such as localhost, 127.0.0.1, or https, so the editor's copy, paste, and cut functions cannot be used");
     return false;
@@ -1806,7 +1806,7 @@ const canUseClipboard = () => {
   }
   return true;
 };
-const initEditorNode = (node) => {
+const initEditorNode = function(node) {
   if (typeof node == "string" && node) {
     node = document.body.querySelector(node);
   }
@@ -1819,7 +1819,7 @@ const initEditorNode = (node) => {
   obj$1.data.set(node, "data-alex-editor-init", true);
   return node;
 };
-const initEditorOptions = (options) => {
+const initEditorOptions = function(options) {
   let opts = {
     //是否禁用
     disabled: false,
@@ -1891,7 +1891,7 @@ const initEditorOptions = (options) => {
   }
   return opts;
 };
-const queryHasValue = (obj$1$1, name, value) => {
+const queryHasValue = function(obj$1$1, name, value) {
   if (value == null || value == void 0) {
     return obj$1$1.hasOwnProperty(name);
   }
@@ -1921,6 +1921,60 @@ const queryHasValue = (obj$1$1, name, value) => {
   }
   return ownValue == value;
 };
+const getNewFlatData = function(arr) {
+  const length = arr.length;
+  let newArr = [];
+  for (let i = length - 1; i >= 0; i--) {
+    if (arr[i].element.hasChildren()) {
+      let allIn = arr[i].element.children.every((child) => {
+        return newArr.some((item) => {
+          return item.element.isEqual(child) && !item.offset;
+        });
+      });
+      if (allIn) {
+        newArr.unshift(arr[i]);
+      }
+    } else {
+      newArr.unshift(arr[i]);
+    }
+  }
+  for (let i = 0; i < newArr.length; i++) {
+    const element2 = newArr[i].element;
+    if (!element2.offset && element2.parent) {
+      const selfIn = newArr.some((item) => {
+        return item.element.isEqual(element2.parent);
+      });
+      const allIn = element2.parent.children.every((child) => {
+        return newArr.some((item) => {
+          return item.element.isEqual(child) && !item.offset;
+        });
+      });
+      if (allIn && !selfIn) {
+        newArr.splice(i, 0, {
+          element: element2.parent,
+          offset: false
+        });
+        i++;
+      }
+    }
+  }
+  return newArr;
+};
+const getNoFlatData = function(arr) {
+  let noFlat = [];
+  const length = arr.length;
+  for (let i = 0; i < length; i++) {
+    if (arr[i].element.isBlock()) {
+      noFlat.push(arr[i]);
+    } else {
+      const isIn = arr.some((item) => item.element.isEqual(arr[i].element.parent));
+      if (!isIn) {
+        noFlat.push(arr[i]);
+      }
+    }
+  }
+  return noFlat;
+};
 const _AlexElement = class _AlexElement2 {
   constructor(type, parsedom, marks, styles, textContent) {
     this.key = createUniqueKey();
@@ -3277,7 +3331,16 @@ class AlexEditor {
     this.__isInputChinese = false;
     this.__innerSelectionChange = false;
     this.__chineseInputTimer = null;
-    this.__dataCaches = {};
+    this.__getElementsByRangeData = {
+      //起点和终点范围内的元素，但是不包含起点和终点所在的元素
+      default: [],
+      //起点和终点范围内的元素，但是包含起点和终点所在的元素
+      includes: [],
+      //起点和终点范围内的元素扁平化处理结果，不包含起点和终点所在的元素
+      flat: [],
+      //起点和终点范围内的元素扁平化处理结果，包含起点和终点所在的元素
+      flatIncludes: []
+    };
     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));
@@ -3427,7 +3490,7 @@ class AlexEditor {
     const result = await this.copy(true);
     if (result) {
       if (!this.disabled) {
-        this.delete();
+        this.delete(true);
       }
       this.emit("cut", result.text, result.html);
     }
@@ -3447,7 +3510,7 @@ class AlexEditor {
     if (!this.allowCopy) {
       return;
     }
-    let result = this.getElementsByRange(true, false);
+    let result = this.getElementsByRange().includes;
     if (result.length == 0) {
       return;
     }
@@ -3475,7 +3538,7 @@ class AlexEditor {
   /**
    * 根据光标进行删除操作
    */
-  delete() {
+  delete(useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3623,7 +3686,7 @@ class AlexEditor {
         }
       }
     } else {
-      const result = this.getElementsByRange(true, false).filter((item) => {
+      const result = this.getElementsByRange(useCache).includes.filter((item) => {
         return !AlexElement.VOID_NODES.includes(item.element.parsedom);
       });
       const anchorInblock = this.range.anchor.element.getInblock();
@@ -3741,7 +3804,7 @@ class AlexEditor {
   /**
    * 根据光标位置向编辑器内插入文本
    */
-  insertText(data2) {
+  insertText(data2, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3775,14 +3838,14 @@ class AlexEditor {
         this.range.focus.moveToEnd(textEl);
       }
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertText(data2);
     }
   }
   /**
    * 在光标处换行
    */
-  insertParagraph() {
+  insertParagraph(useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3878,7 +3941,7 @@ class AlexEditor {
         }
       }
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertParagraph();
     }
   }
@@ -3886,7 +3949,7 @@ class AlexEditor {
    * 根据光标插入元素
    * cover表示所在根级块或者内部块元素只有换行符时是否覆盖此元素
    */
-  insertElement(ele, cover = true) {
+  insertElement(ele, cover = true, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4020,7 +4083,7 @@ class AlexEditor {
       this.range.anchor.moveToEnd(ele);
       this.range.focus.moveToEnd(ele);
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertElement(ele, cover);
     }
   }
@@ -4428,122 +4491,96 @@ class AlexEditor {
   /**
    * 获取选区之间的元素
    */
-  getElementsByRange(includes = false, flat = false) {
+  getElementsByRange(useCache = false) {
+    if (useCache) {
+      return this.__getElementsByRangeData;
+    }
+    const result = {
+      //起点和终点范围内的元素，但是不包含起点和终点所在的元素
+      default: [],
+      //起点和终点范围内的元素，但是包含起点和终点所在的元素
+      includes: [],
+      //起点和终点范围内的元素扁平化处理结果，不包含起点和终点所在的元素
+      flat: [],
+      //起点和终点范围内的元素扁平化处理结果，包含起点和终点所在的元素
+      flatIncludes: []
+    };
     if (!this.range) {
-      return [];
+      this.__getElementsByRangeData = result;
+      return result;
     }
     if (this.range.anchor.isEqual(this.range.focus)) {
-      return [];
+      this.__getElementsByRangeData = result;
+      return result;
     }
     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 [
-          {
-            element: this.range.anchor.element,
-            offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
-          }
-        ];
-      }
-      return [];
-    }
-    let result = [];
-    if (includes) {
-      if (this.range.anchor.offset == 0) {
-        result.push({
+      const isCover = this.range.anchor.offset == 0 && this.range.focus.offset == (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1);
+      result.includes = [
+        {
           element: this.range.anchor.element,
-          offset: false
-        });
-      } else if (this.range.anchor.offset < (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1)) {
-        result.push({
+          offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
+        }
+      ];
+      result.flatIncludes = [
+        {
           element: this.range.anchor.element,
-          offset: [this.range.anchor.offset, this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1]
-        });
-      }
+          offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
+        }
+      ];
+      this.__getElementsByRangeData = result;
+      return result;
+    }
+    if (this.range.anchor.offset == 0) {
+      result.flatIncludes.push({
+        element: this.range.anchor.element,
+        offset: false
+      });
+    } else if (this.range.anchor.offset < (this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1)) {
+      result.flatIncludes.push({
+        element: this.range.anchor.element,
+        offset: [this.range.anchor.offset, this.range.anchor.element.isText() ? this.range.anchor.element.textContent.length : 1]
+      });
     }
     const elements = AlexElement.flatElements(this.stack);
     const anchorIndex = elements.findIndex((el) => el.isEqual(this.range.anchor.element));
     const focusIndex = elements.findIndex((el) => el.isEqual(this.range.focus.element));
     for (let i = anchorIndex + 1; i < focusIndex; i++) {
-      result.push({
+      result.flatIncludes.push({
+        element: elements[i],
+        offset: false
+      });
+      result.flat.push({
         element: elements[i],
         offset: false
       });
     }
-    if (includes) {
-      if (this.range.focus.offset == (this.range.focus.element.isText() ? this.range.focus.element.textContent.length : 1)) {
-        result.push({
-          element: this.range.focus.element,
-          offset: false
-        });
-      } else if (this.range.focus.offset > 0) {
-        result.push({
-          element: this.range.focus.element,
-          offset: [0, this.range.focus.offset]
-        });
-      }
-    }
-    const resLength = result.length;
-    let newResult = [];
-    for (let i = resLength - 1; i >= 0; i--) {
-      if (result[i].element.hasChildren()) {
-        let allIn = result[i].element.children.every((child) => {
-          return newResult.some((item) => {
-            return item.element.isEqual(child) && !item.offset;
-          });
-        });
-        if (allIn) {
-          newResult.unshift(result[i]);
-        }
-      } else {
-        newResult.unshift(result[i]);
-      }
-    }
-    for (let i = 0; i < newResult.length; i++) {
-      const element2 = newResult[i].element;
-      if (!element2.offset && element2.parent) {
-        const selfIn = newResult.some((item) => {
-          return item.element.isEqual(element2.parent);
-        });
-        const allIn = element2.parent.children.every((child) => {
-          return newResult.some((item) => {
-            return item.element.isEqual(child) && !item.offset;
-          });
-        });
-        if (allIn && !selfIn) {
-          newResult.splice(i, 0, {
-            element: element2.parent,
-            offset: false
-          });
-          i++;
-        }
-      }
-    }
-    if (flat) {
-      return newResult;
-    }
-    let notFlatResult = [];
-    const length = newResult.length;
-    for (let i = 0; i < length; i++) {
-      if (newResult[i].element.isBlock()) {
-        notFlatResult.push(newResult[i]);
-      } else {
-        const isIn = newResult.some((item) => item.element.isEqual(newResult[i].element.parent));
-        if (!isIn) {
-          notFlatResult.push(newResult[i]);
-        }
-      }
+    if (this.range.focus.offset == (this.range.focus.element.isText() ? this.range.focus.element.textContent.length : 1)) {
+      result.flatIncludes.push({
+        element: this.range.focus.element,
+        offset: false
+      });
+    } else if (this.range.focus.offset > 0) {
+      result.flatIncludes.push({
+        element: this.range.focus.element,
+        offset: [0, this.range.focus.offset]
+      });
     }
-    return notFlatResult;
+    result.flat = getNewFlatData.apply(this, [result.flat]);
+    result.flatIncludes = getNewFlatData.apply(this, [result.flatIncludes]);
+    result.default = getNoFlatData.apply(this, [result.flat]);
+    result.includes = getNoFlatData.apply(this, [result.flatIncludes]);
+    this.__getElementsByRangeData = result;
+    return result;
   }
   /**
    * 分割选区选中的元素，会更新光标位置
    */
-  splitElementsByRange(includes = false, flat = false) {
+  splitElementsByRange(includes = false, flat = false, useCache = false) {
     if (!this.range) {
       return [];
     }
-    const result = this.getElementsByRange(includes, flat);
+    const key = includes && flat ? "flatIncludes" : includes ? "includes" : flat ? "flat" : "default";
+    const result = this.getElementsByRange(useCache)[key];
     let elements = [];
     result.forEach((item, index) => {
       if (item.offset) {
@@ -4733,7 +4770,7 @@ class AlexEditor {
   /**
    * 设置文本元素的样式
    */
-  setTextStyle(styles) {
+  setTextStyle(styles, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4766,7 +4803,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 +4818,7 @@ class AlexEditor {
   /**
    * 移除文本元素的样式
    */
-  removeTextStyle(styleNames) {
+  removeTextStyle(styleNames, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4814,7 +4851,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 +4875,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(useCache).flatIncludes.filter((item) => {
+      return item.element.isText();
+    });
     if (result.length == 0) {
       return false;
     }
@@ -4863,7 +4892,7 @@ class AlexEditor {
   /**
    * 设置文本元素的标记
    */
-  setTextMark(marks) {
+  setTextMark(marks, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4896,7 +4925,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 +4940,7 @@ class AlexEditor {
   /**
    * 移除文本元素的标记
    */
-  removeTextMark(markNames) {
+  removeTextMark(markNames, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4944,7 +4973,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 +4997,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(useCache).flatIncludes.filter((item) => {
+      return item.element.isText();
+    });
     if (result.length == 0) {
       return false;
     }
@@ -17869,7 +17890,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_36dbd332_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -18144,80 +18165,80 @@ const _sfc_main$6 = {
   methods: {
     //清除格式
     clearFormat() {
-      this.$parent.formatText();
+      this.$parent.formatText(true, true);
     },
     //设置背景色
     setBackColor(value) {
-      this.$parent.setTextStyle("background-color", value);
+      this.$parent.setTextStyle("background-color", value, true, true);
       this.$refs.backColor.hideLayer();
     },
     //设置前景色
     setForeColor(value) {
-      this.$parent.setTextStyle("color", value);
+      this.$parent.setTextStyle("color", value, true, true);
       this.$refs.foreColor.hideLayer();
     },
     //设置行高
     setLineHeight(name, value) {
-      this.$parent.setLineHeight(value);
+      this.$parent.setLineHeight(value, true, true);
     },
     //设置字体
     setFontFamily(name, value) {
-      this.$parent.setTextStyle("font-family", value);
+      this.$parent.setTextStyle("font-family", value, true, true);
     },
     //设置字号
     setFontSize(name, value) {
-      this.$parent.setTextStyle("font-size", value);
+      this.$parent.setTextStyle("font-size", value, true, true);
     },
     //设置上标
     setSuperscript() {
-      this.$parent.setTextStyle("vertical-align", "super");
+      this.$parent.setTextStyle("vertical-align", "super", true, true);
     },
     //设置下标
     setSubscript() {
-      this.$parent.setTextStyle("vertical-align", "sub");
+      this.$parent.setTextStyle("vertical-align", "sub", true, true);
     },
     //设置行内代码样式
     setCodeStyle() {
-      this.$parent.setTextMark("data-editify-code", true);
+      this.$parent.setTextMark("data-editify-code", true, true, true);
     },
     //设置下划线
     setUnderline() {
-      this.$parent.setTextStyle("text-decoration", "underline");
+      this.$parent.setTextStyle("text-decoration", "underline", true, true);
     },
     //设置删除线
     setStrikethrough() {
-      this.$parent.setTextStyle("text-decoration", "line-through");
+      this.$parent.setTextStyle("text-decoration", "line-through", true, true);
     },
     //设置列表
     setList(name) {
-      this.$parent.setList(name == "orderList");
+      this.$parent.setList(name == "orderList", true, true);
     },
     //设置任务列表
     setTask() {
-      this.$parent.setTask();
+      this.$parent.setTask(true, true);
     },
     //斜体
     setItalic() {
-      this.$parent.setTextStyle("font-style", "italic");
+      this.$parent.setTextStyle("font-style", "italic", true, true);
     },
     //加粗
     setBold() {
-      this.$parent.setTextStyle("font-weight", "bold");
+      this.$parent.setTextStyle("font-weight", "bold", true, true);
     },
     //设置标题
     setHeading(name, value) {
-      this.$parent.setHeading(value);
+      this.$parent.setHeading(value, true, true);
     },
     //设置对齐方式
     setAlign(name, value) {
-      this.$parent.setAlign(value);
+      this.$parent.setAlign(value, true, true);
     },
     //设置视频
     setVideo(prop) {
       if (this.$parent.disabled) {
         return;
       }
-      const video = this.$parent.getCurrentParsedomElement("video");
+      const video = this.$parent.getCurrentParsedomElement("video", true);
       if (video) {
         if (this.videoConfig[prop]) {
           delete video.marks[prop];
@@ -18234,7 +18255,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", true) || this.$parent.getCurrentParsedomElement("video", true);
       if (element2) {
         const styles = {
           width: value
@@ -18260,7 +18281,7 @@ const _sfc_main$6 = {
       if (!this.linkConfig.url) {
         return;
       }
-      const link = this.$parent.getCurrentParsedomElement("a");
+      const link = this.$parent.getCurrentParsedomElement("a", true);
       if (link) {
         link.marks.href = this.linkConfig.url;
         if (this.linkConfig.newOpen) {
@@ -18293,7 +18314,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const pre = this.$parent.getCurrentParsedomElement("pre");
+      const pre = this.$parent.getCurrentParsedomElement("pre", true);
       if (pre) {
         Object.assign(pre.marks, {
           "data-editify-hljs": value
@@ -18312,7 +18333,7 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         this.$parent.editor.range.anchor.offset = this.$parent.editor.range.focus.offset;
       }
-      const pre = this.$parent.getCurrentParsedomElement("pre");
+      const pre = this.$parent.getCurrentParsedomElement("pre", true);
       if (pre) {
         const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
         const breakEl = new AlexElement("closed", "br", null, null, null);
@@ -18338,9 +18359,9 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         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 table = this.$parent.getCurrentParsedomElement("table", true);
+      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) => {
@@ -18379,7 +18400,7 @@ const _sfc_main$6 = {
         this.$parent.editor.rangeRender();
       }
     },
-    //表格插入前后插入行
+    //表格前后插入行
     insertTableRow(type = "up") {
       if (this.$parent.disabled) {
         return;
@@ -18388,8 +18409,8 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         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 table = this.$parent.getCurrentParsedomElement("table", true);
+      const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const newRow = row.clone();
         newRow.children.forEach((column) => {
@@ -18417,7 +18438,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const table = this.$parent.getCurrentParsedomElement("table");
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       if (table) {
         const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
         const breakEl = new AlexElement("closed", "br", null, null, null);
@@ -18443,12 +18464,12 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         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 table = this.$parent.getCurrentParsedomElement("table", true);
+      const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const parent = row.parent;
         if (parent.children.length == 1) {
-          this.$parent.deleteByParsedom("table");
+          this.$parent.deleteByParsedom("table", true, true);
           return;
         }
         const previousRow = this.$parent.editor.getPreviousElement(row);
@@ -18478,14 +18499,14 @@ const _sfc_main$6 = {
         this.$parent.editor.range.anchor.element = this.$parent.editor.range.focus.element;
         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 column = this.$parent.getCurrentParsedomElement("td", true);
+      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, true);
           return;
         }
         const previousColumn = this.$parent.editor.getPreviousElement(column);
@@ -18514,19 +18535,20 @@ const _sfc_main$6 = {
     },
     //浮层显示时
     layerShow() {
+      const result = this.$parent.editor.getElementsByRange(true).includes;
       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 +18562,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 +18577,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 +18591,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 +19385,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-36dbd332"]]);
 const InsertLink_vue_vue_type_style_index_0_scoped_e6c3c2ee_lang = "";
 const _sfc_main$5 = {
   name: "InsertLink",
@@ -20012,7 +20033,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_da918768_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -20762,7 +20783,7 @@ const _sfc_main$1 = {
               hideScroll: true,
               onLayerShow: () => {
                 let text2 = "";
-                const result = this.$parent.$parent.editor.getElementsByRange(true, true);
+                const result = this.$parent.$parent.editor.getElementsByRange().flatIncludes;
                 result.forEach((item) => {
                   if (item.element.isText()) {
                     if (item.offset) {
@@ -21086,19 +21107,19 @@ const _sfc_main$1 = {
       }
     },
     //处理光标更新
-    handleRangeUpdate() {
+    handleRangeUpdate(useCache = false) {
       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(useCache).includes;
+      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 +21155,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 +21163,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 +21229,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 +21251,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-da918768"]]);
+const Editify_vue_vue_type_style_index_0_scoped_3f1c784c_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21268,8 +21289,8 @@ const _sfc_main = {
         //类型
         type: "text"
       },
-      //toolbar显示延时器
-      toolbarTime: null,
+      //rangeUpdate更新延时器
+      updateTimer: null,
       //菜单栏是否可以使用标识
       canUseMenu: false
     };
@@ -21430,76 +21451,71 @@ const _sfc_main = {
       removeScroll(this.$refs.content);
     },
     //工具条显示判断
-    handleToolbar() {
+    handleToolbar(useCache = false) {
       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", useCache);
+        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).flatIncludes.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) {
@@ -21741,17 +21757,25 @@ const _sfc_main = {
       this.$emit("insertparagraph", this.value);
     },
     //编辑器焦点更新
-    handleRangeUpdate(range) {
+    handleRangeUpdate() {
       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.$emit("rangeupdate", this.value, range);
+      this.updateTimer = setTimeout(() => {
+        if (this.toolbarConfig.use || this.menuConfig.use) {
+          this.editor.getElementsByRange();
+          if (this.toolbarConfig.use) {
+            this.handleToolbar(true);
+          }
+          if (this.menuConfig.use) {
+            this.$refs.menu.handleRangeUpdate(true);
+          }
+        }
+      }, 200);
+      this.$emit("rangeupdate", this.value);
     },
     //编辑器复制
     handleCopy(text2, html) {
@@ -21766,7 +21790,7 @@ const _sfc_main = {
       this.$emit("paste-text", data2);
     },
     //编辑器粘贴html
-    handlePasteHtml(elements, data2) {
+    handlePasteHtml(elements) {
       const keepStyles = Object.assign(pasteKeepData.styles, this.pasteKeepStyles || {});
       const keepMarks = Object.assign(pasteKeepData.marks, this.pasteKeepMarks || {});
       AlexElement.flatElements(elements).forEach((el) => {
@@ -21866,7 +21890,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 +21900,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(useCache).includes.map((item) => {
         return this.getParsedomElementByElement(item.element, parsedom);
       });
       let hasNull = arr.some((el) => {
@@ -21901,14 +21925,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 +21943,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 +21963,7 @@ const _sfc_main = {
       }
     },
     //api：设置标题
-    setHeading(parsedom, isRender = true) {
+    setHeading(parsedom, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -21957,7 +21981,7 @@ const _sfc_main = {
         blockToParagraph(block);
         block.parsedom = parsedom;
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock()) {
             blockToParagraph(el.element);
@@ -21976,7 +22000,7 @@ const _sfc_main = {
       }
     },
     //api：插入有序列表 ordered为true表示有序列表
-    setList(ordered, isRender = true) {
+    setList(ordered, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -21993,7 +22017,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22017,7 +22041,7 @@ const _sfc_main = {
       }
     },
     //api：插入任务列表
-    setTask(isRender = true) {
+    setTask(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22034,7 +22058,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22058,20 +22082,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], true);
       } else {
         let styles = {};
         styles[name] = value;
-        this.editor.setTextStyle(styles);
+        this.editor.setTextStyle(styles, true);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22080,24 +22104,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], true);
       } else {
         let marks = {};
         marks[name] = value;
-        this.editor.setTextMark(marks);
+        this.editor.setTextMark(marks, true);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22106,19 +22130,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);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22126,7 +22150,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 +22178,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22224,7 +22248,7 @@ const _sfc_main = {
       }
     },
     //api：插入引用
-    setQuote(isRender = true) {
+    setQuote(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22240,7 +22264,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22263,7 +22287,7 @@ const _sfc_main = {
       }
     },
     //api：设置行高
-    setLineHeight(value, isRender = true) {
+    setLineHeight(value, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22291,7 +22315,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22331,7 +22355,7 @@ const _sfc_main = {
       }
     },
     //api：增加缩进
-    setIndentIncrease(isRender = true) {
+    setIndentIncrease(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22366,7 +22390,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22384,7 +22408,7 @@ const _sfc_main = {
       }
     },
     //api：减少缩进
-    setIndentDecrease(isRender = true) {
+    setIndentDecrease(isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22411,7 +22435,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22429,7 +22453,7 @@ const _sfc_main = {
       }
     },
     //api：插入图片
-    insertImage(url2, isRender = true) {
+    insertImage(url2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22448,7 +22472,7 @@ const _sfc_main = {
         null,
         null
       );
-      this.editor.insertElement(image);
+      this.editor.insertElement(image, true, useCache);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22456,7 +22480,7 @@ const _sfc_main = {
       }
     },
     //api：插入视频
-    insertVideo(url2, isRender = true) {
+    insertVideo(url2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22475,7 +22499,7 @@ const _sfc_main = {
         null,
         null
       );
-      this.editor.insertElement(video);
+      this.editor.insertElement(video, true, useCache);
       const leftSpace = AlexElement.getSpaceElement();
       const rightSpace = AlexElement.getSpaceElement();
       this.editor.addElementAfter(rightSpace, video);
@@ -22489,20 +22513,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(useCache).includes;
       return result.some((item) => {
         return item.element.isPreStyle();
       });
     },
     //api：选区是否含有引用
-    hasQuote() {
+    hasQuote(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22510,7 +22534,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(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22521,7 +22545,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有列表
-    hasList(ordered = false) {
+    hasList(ordered = false, useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22529,7 +22553,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(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22540,14 +22564,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(useCache).flatIncludes.filter((item) => {
         return item.element.isText();
       });
       return result.some((item) => {
@@ -22555,7 +22579,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有表格
-    hasTable() {
+    hasTable(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22563,7 +22587,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(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "table";
@@ -22574,7 +22598,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否含有任务列表
-    hasTask() {
+    hasTask(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22582,7 +22606,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(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22593,33 +22617,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(useCache).flatIncludes;
       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(useCache).flatIncludes;
       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 +22651,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(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22638,7 +22662,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否全部在列表内
-    inList(ordered = false) {
+    inList(ordered = false, useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22646,7 +22670,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(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22657,7 +22681,7 @@ const _sfc_main = {
       });
     },
     //api：选区是否全部在任务列表里
-    inTask() {
+    inTask(useCache = false) {
       if (!this.editor.range) {
         return false;
       }
@@ -22665,7 +22689,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(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22676,7 +22700,7 @@ const _sfc_main = {
       });
     },
     //api：创建一个空的表格
-    insertTable(rowLength, colLength, isRender = true) {
+    insertTable(rowLength, colLength, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22696,7 +22720,7 @@ const _sfc_main = {
         }
         this.editor.addElementTo(row, tbody);
       }
-      this.editor.insertElement(table);
+      this.editor.insertElement(table, true, useCache);
       const paragraph = new AlexElement("block", AlexElement.BLOCK_NODE, null, null, null);
       const breakEl = new AlexElement("closed", "br", null, null, null);
       this.editor.addElementTo(breakEl, paragraph);
@@ -22710,14 +22734,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 +22767,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).includes;
           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).flatIncludes.filter((el) => el.element.isText());
           const obj2 = {};
           res.forEach((el) => {
             if (obj2[el.element.getBlock().key]) {
@@ -22788,14 +22812,14 @@ const _sfc_main = {
       }
     },
     //api：插入文本
-    insertText(text2, isRender = true) {
+    insertText(text2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
       if (!this.editor.range) {
         return;
       }
-      this.editor.insertText(text2);
+      this.editor.insertText(text2, useCache);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22803,7 +22827,7 @@ const _sfc_main = {
       }
     },
     //api：插入html
-    insertHtml(html, isRender = true) {
+    insertHtml(html, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22812,7 +22836,7 @@ const _sfc_main = {
       }
       const elements = this.editor.parseHtml(html);
       for (let i = 0; i < elements.length; i++) {
-        this.editor.insertElement(elements[i], false);
+        this.editor.insertElement(elements[i], false, i == 0 ? useCache : false);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22883,7 +22907,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-3f1c784c"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -23064,7 +23088,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.46";
+const version = "0.0.48";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));