vue-editify 0.0.47 → 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,15 +3331,15 @@ class AlexEditor {
     this.__isInputChinese = false;
     this.__innerSelectionChange = false;
     this.__chineseInputTimer = null;
-    this.__rangeElementsCache = {
-      //includes和flat都是true
-      all: [],
-      //includes为true
+    this.__getElementsByRangeData = {
+      //起点和终点范围内的元素，但是不包含起点和终点所在的元素
+      default: [],
+      //起点和终点范围内的元素，但是包含起点和终点所在的元素
       includes: [],
-      //flat为true
+      //起点和终点范围内的元素扁平化处理结果，不包含起点和终点所在的元素
       flat: [],
-      //includes和flat都是false
-      none: []
+      //起点和终点范围内的元素扁平化处理结果，包含起点和终点所在的元素
+      flatIncludes: []
     };
     this.disabled ? this.setDisabled() : this.setEnabled();
     obj$1.event.on(document, `selectionchange.alex_editor_${this.__guid}`, handleSelectionChange.bind(this));
@@ -3436,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);
     }
@@ -3456,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;
     }
@@ -3484,7 +3538,7 @@ class AlexEditor {
   /**
    * 根据光标进行删除操作
    */
-  delete() {
+  delete(useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3632,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();
@@ -3750,7 +3804,7 @@ class AlexEditor {
   /**
    * 根据光标位置向编辑器内插入文本
    */
-  insertText(data2) {
+  insertText(data2, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -3784,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;
     }
@@ -3887,7 +3941,7 @@ class AlexEditor {
         }
       }
     } else {
-      this.delete();
+      this.delete(useCache);
       this.insertParagraph();
     }
   }
@@ -3895,7 +3949,7 @@ class AlexEditor {
    * 根据光标插入元素
    * cover表示所在根级块或者内部块元素只有换行符时是否覆盖此元素
    */
-  insertElement(ele, cover = true) {
+  insertElement(ele, cover = true, useCache = false) {
     if (this.disabled) {
       return;
     }
@@ -4029,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);
     }
   }
@@ -4437,137 +4491,86 @@ class AlexEditor {
   /**
    * 获取选区之间的元素
    */
-  getElementsByRange(includes = false, flat = false, useCache = 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 [];
-    }
-    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 || [];
+      this.__getElementsByRangeData = result;
+      return result;
     }
-    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 setRangeElementsCache([
-          {
-            element: this.range.anchor.element,
-            offset: isCover ? false : [this.range.anchor.offset, this.range.focus.offset]
-          }
-        ]);
-      }
-      return setRangeElementsCache();
-    }
-    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 setRangeElementsCache(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 setRangeElementsCache(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;
   }
   /**
    * 分割选区选中的元素，会更新光标位置
@@ -4576,7 +4579,8 @@ class AlexEditor {
     if (!this.range) {
       return [];
     }
-    const result = this.getElementsByRange(includes, flat, useCache);
+    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) {
@@ -4871,7 +4875,7 @@ class AlexEditor {
       }
       return false;
     }
-    let result = this.getElementsByRange(true, true, useCache).filter((item) => {
+    let result = this.getElementsByRange(useCache).flatIncludes.filter((item) => {
       return item.element.isText();
     });
     if (result.length == 0) {
@@ -4993,7 +4997,7 @@ class AlexEditor {
       }
       return false;
     }
-    let result = this.getElementsByRange(true, true, useCache).filter((item) => {
+    let result = this.getElementsByRange(useCache).flatIncludes.filter((item) => {
       return item.element.isText();
     });
     if (result.length == 0) {
@@ -17886,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_38c4144f_lang = "";
+const Toolbar_vue_vue_type_style_index_0_scoped_36dbd332_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -18161,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];
@@ -18251,7 +18255,7 @@ const _sfc_main$6 = {
       if (this.$parent.disabled) {
         return;
       }
-      const element2 = this.$parent.getCurrentParsedomElement("img") || this.$parent.getCurrentParsedomElement("video", true);
+      const element2 = this.$parent.getCurrentParsedomElement("img", true) || this.$parent.getCurrentParsedomElement("video", true);
       if (element2) {
         const styles = {
           width: value
@@ -18277,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) {
@@ -18310,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
@@ -18329,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);
@@ -18355,7 +18359,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 table = this.$parent.getCurrentParsedomElement("table");
+      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) {
@@ -18396,7 +18400,7 @@ const _sfc_main$6 = {
         this.$parent.editor.rangeRender();
       }
     },
-    //表格插入前后插入行
+    //表格前后插入行
     insertTableRow(type = "up") {
       if (this.$parent.disabled) {
         return;
@@ -18405,7 +18409,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 table = this.$parent.getCurrentParsedomElement("table");
+      const table = this.$parent.getCurrentParsedomElement("table", true);
       const row = this.$parent.getCurrentParsedomElement("tr", true);
       if (table && row) {
         const newRow = row.clone();
@@ -18434,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);
@@ -18460,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 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);
@@ -18495,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 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", true);
+          this.$parent.deleteByParsedom("table", true, true);
           return;
         }
         const previousColumn = this.$parent.editor.getPreviousElement(column);
@@ -18531,7 +18535,7 @@ const _sfc_main$6 = {
     },
     //浮层显示时
     layerShow() {
-      const result = this.$parent.editor.getElementsByRange(true, false, true);
+      const result = this.$parent.editor.getElementsByRange(true).includes;
       if (this.type == "codeBlock") {
         const pre = this.$parent.getCurrentParsedomElement("pre", true);
         if (pre) {
@@ -19381,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-38c4144f"]]);
+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",
@@ -20029,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_afb2092e_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_da918768_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -20779,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) {
@@ -21103,11 +21107,11 @@ const _sfc_main$1 = {
       }
     },
     //处理光标更新
-    handleRangeUpdate() {
+    handleRangeUpdate(useCache = false) {
       if (this.disabled) {
         return;
       }
-      const result = this.$parent.editor.getElementsByRange(true, false, true);
+      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);
@@ -21247,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-afb2092e"]]);
-const Editify_vue_vue_type_style_index_0_scoped_b523f8ea_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 },
@@ -21447,13 +21451,13 @@ const _sfc_main = {
       removeScroll(this.$refs.content);
     },
     //工具条显示判断
-    handleToolbar() {
+    handleToolbar(useCache = false) {
       if (this.disabled || this.isSourceView) {
         return;
       }
       this.hideToolbar();
       this.$nextTick(() => {
-        const table = this.getCurrentParsedomElement("table", true);
+        const table = this.getCurrentParsedomElement("table", useCache);
         const pre = this.getCurrentParsedomElement("pre", true);
         const link = this.getCurrentParsedomElement("a", true);
         const image = this.getCurrentParsedomElement("img", true);
@@ -21499,7 +21503,7 @@ const _sfc_main = {
             this.toolbarOptions.show = true;
           }
         } else {
-          const result = this.editor.getElementsByRange(true, true, true).filter((item) => {
+          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)) {
@@ -21753,7 +21757,7 @@ const _sfc_main = {
       this.$emit("insertparagraph", this.value);
     },
     //编辑器焦点更新
-    handleRangeUpdate(range) {
+    handleRangeUpdate() {
       if (this.disabled) {
         return;
       }
@@ -21762,17 +21766,16 @@ const _sfc_main = {
       }
       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();
+          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, range);
+      this.$emit("rangeupdate", this.value);
     },
     //编辑器复制
     handleCopy(text2, html) {
@@ -21787,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) => {
@@ -21897,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, useCache).map((item) => {
+      const arr = this.editor.getElementsByRange(useCache).includes.map((item) => {
         return this.getParsedomElementByElement(item.element, parsedom);
       });
       let hasNull = arr.some((el) => {
@@ -21978,7 +21981,7 @@ const _sfc_main = {
         blockToParagraph(block);
         block.parsedom = parsedom;
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock()) {
             blockToParagraph(el.element);
@@ -22014,7 +22017,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22055,7 +22058,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22088,11 +22091,11 @@ const _sfc_main = {
       }
       const active = this.queryTextStyle(name, value, useCache);
       if (active) {
-        this.editor.removeTextStyle([name], useCache);
+        this.editor.removeTextStyle([name], true);
       } else {
         let styles = {};
         styles[name] = value;
-        this.editor.setTextStyle(styles, useCache);
+        this.editor.setTextStyle(styles, true);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22114,11 +22117,11 @@ const _sfc_main = {
       }
       const active = this.queryTextMark(name, value, useCache);
       if (active) {
-        this.editor.removeTextMark([name], useCache);
+        this.editor.removeTextMark([name], true);
       } else {
         let marks = {};
         marks[name] = value;
-        this.editor.setTextMark(marks, useCache);
+        this.editor.setTextMark(marks, true);
       }
       if (isRender) {
         this.editor.formatElementStack();
@@ -22139,7 +22142,7 @@ const _sfc_main = {
         return;
       }
       this.editor.removeTextStyle(null, useCache);
-      this.editor.removeTextMark(null, useCache);
+      this.editor.removeTextMark(null);
       if (isRender) {
         this.editor.formatElementStack();
         this.editor.domRender();
@@ -22175,7 +22178,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22261,7 +22264,7 @@ const _sfc_main = {
         }
       } else {
         let blocks = [];
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const exist = blocks.some((el) => block.isEqual(el));
@@ -22312,7 +22315,7 @@ const _sfc_main = {
           }
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((el) => {
           if (el.element.isBlock() || el.element.isInblock()) {
             if (el.element.hasStyles()) {
@@ -22387,7 +22390,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22432,7 +22435,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.editor.getElementsByRange(true, false, useCache);
+        const result = this.editor.getElementsByRange(useCache).includes;
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22450,7 +22453,7 @@ const _sfc_main = {
       }
     },
     //api：插入图片
-    insertImage(url2, isRender = true) {
+    insertImage(url2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22469,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();
@@ -22477,7 +22480,7 @@ const _sfc_main = {
       }
     },
     //api：插入视频
-    insertVideo(url2, isRender = true) {
+    insertVideo(url2, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22496,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);
@@ -22517,7 +22520,7 @@ const _sfc_main = {
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isPreStyle();
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         return item.element.isPreStyle();
       });
@@ -22531,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, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22550,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, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22568,7 +22571,7 @@ const _sfc_main = {
       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, useCache).filter((item) => {
+      const result = this.editor.getElementsByRange(useCache).flatIncludes.filter((item) => {
         return item.element.isText();
       });
       return result.some((item) => {
@@ -22584,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, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "table";
@@ -22603,7 +22606,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.some((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22621,7 +22624,7 @@ const _sfc_main = {
       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, useCache);
+      const result = this.editor.getElementsByRange(useCache).flatIncludes;
       return result.some((item) => {
         return item.element.isClosed() && item.element.parsedom == "img";
       });
@@ -22634,7 +22637,7 @@ const _sfc_main = {
       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, useCache);
+      const result = this.editor.getElementsByRange(useCache).flatIncludes;
       return result.some((item) => {
         return item.element.isClosed() && item.element.parsedom == "video";
       });
@@ -22648,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, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return item.element.parsedom == "blockquote";
@@ -22667,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, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsList(item.element, ordered);
@@ -22686,7 +22689,7 @@ const _sfc_main = {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
       }
-      const result = this.editor.getElementsByRange(true, false, useCache);
+      const result = this.editor.getElementsByRange(useCache).includes;
       return result.every((item) => {
         if (item.element.isBlock()) {
           return blockIsTask(item.element);
@@ -22697,7 +22700,7 @@ const _sfc_main = {
       });
     },
     //api：创建一个空的表格
-    insertTable(rowLength, colLength, isRender = true) {
+    insertTable(rowLength, colLength, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22717,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);
@@ -22764,10 +22767,10 @@ const _sfc_main = {
           this.editor.addElementTo(breakEl, paragraph);
           this.editor.addElementAfter(paragraph, block);
         } else {
-          let result = this.editor.getElementsByRange(true, false, useCache);
+          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, useCache).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]) {
@@ -22809,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();
@@ -22824,7 +22827,7 @@ const _sfc_main = {
       }
     },
     //api：插入html
-    insertHtml(html, isRender = true) {
+    insertHtml(html, isRender = true, useCache = false) {
       if (this.disabled) {
         return;
       }
@@ -22833,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();
@@ -22904,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-b523f8ea"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3f1c784c"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -23085,7 +23088,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.47";
+const version = "0.0.48";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));