vue-editify 0.0.16 → 0.0.18

package/lib/editify.es.js

@@ -186,10 +186,10 @@ const string$1 = {
   },
   /**
    * 去除字符串空格
-   * @param {Object} str
+   * @param {Object} str 原始字符串
    * @param {Object} global 为true时去除所有空格，否则只去除两边空格
    */
-  trim(str, global) {
+  trim(str, global = false) {
     if (typeof str != "string") {
       throw new TypeError("The first argument must be a string");
     }
@@ -209,9 +209,9 @@ const element$1 = {
     return data2 && data2 instanceof Window;
   },
   /**
-   * 获取元素距离指定祖先元素左侧/顶部/底部/右侧的距离
+   * 获取元素距离某个定位祖先元素左侧/顶部/底部/右侧的距离
    * @param {Object} el 元素
-   * @param {Object} root 父元素或者祖先元素，未指定则为document.body
+   * @param {Object} root 定位父元素或者祖先元素，未指定则为document.body
    */
   getElementPoint(el, root) {
     if (!this.isElement(el)) {
@@ -241,9 +241,9 @@ const element$1 = {
     };
   },
   /**
-   * 判断某个节点是否包含指定节点，包含相等关系和父子关系
-   * @param {Object} parentNode 父节点或祖先节点
-   * @param {Object} childNode 子节点
+   * 判断某个元素是否包含指定元素，包含相等关系和父子关系
+   * @param {Object} parentNode 父元素或祖先元素
+   * @param {Object} childNode 子元素
    */
   isContains(parentNode, childNode) {
     if (!this.isElement(parentNode)) {
@@ -263,9 +263,9 @@ const element$1 = {
     }
   },
   /**
-   * 判断某个节点是否是指定节点的父节点
-   * @param {Object} parentNode 父节点
-   * @param {Object} childNode 子节点
+   * 判断某个元素是否是指定元素的父元素
+   * @param {Object} parentNode 父元素
+   * @param {Object} childNode 子元素
    */
   isParentNode(parentNode, childNode) {
     if (!this.isElement(parentNode)) {
@@ -280,8 +280,8 @@ const element$1 = {
     return childNode.parentNode === parentNode;
   },
   /**
-   * 查找某个节点下指定选择器的子元素
-   * @param {Object} el 元素节点
+   * 查找某个元素下指定选择器的子元素
+   * @param {Object} el 元素
    * @param {Object} selector 支持多选择器，等同于querySelectorAll的参数
    */
   children(el, selector) {
@@ -297,8 +297,8 @@ const element$1 = {
     });
   },
   /**
-   * 查找某个节点下指定选择器的兄弟节点
-   * @param {Object} el 元素节点
+   * 查找某个元素下指定选择器的兄弟元素
+   * @param {Object} el 元素
    * @param {Object} selector 取值等同于queryselectorAll的参数，支持多选择器
    */
   siblings(el, selector) {
@@ -372,7 +372,7 @@ const element$1 = {
   },
   /**
    * 移除class
-   * @param {Object} el 元素节点
+   * @param {Object} el 元素
    * @param {Object} className 支持多类,以空格划分
    */
   removeClass(el, className) {
@@ -390,7 +390,7 @@ const element$1 = {
   },
   /**
    * 添加class
-   * @param {Object} el 元素节点
+   * @param {Object} el 元素
    * @param {Object} className 支持多类,以空格划分
    */
   addClass(el, className) {
@@ -408,7 +408,7 @@ const element$1 = {
   },
   /**
    * 判断指定元素是否含有指定类名
-   * @param {Object} el 元素节点
+   * @param {Object} el 元素
    * @param {Object} className 支持多类,以空格划分
    */
   hasClass(el, className) {
@@ -736,7 +736,7 @@ const element$1 = {
     };
   },
   /**
-   * 判断是否是元素节点
+   * 判断是否是元素
    * @param {Object} el
    */
   isElement(el) {
@@ -755,7 +755,7 @@ const element$1 = {
     if (parentEle.children.length == 1) {
       return parentEle.children[0];
     } else {
-      return parentEle.children;
+      return Array.from(parentEle.children);
     }
   }
 };
@@ -810,7 +810,7 @@ const data$1 = {
     }
   },
   /**
-   * 获取元素指定数据
+   * 设置元素指定数据
    * @param {Object} el
    * @param {Object} key
    * @param {Object} value
@@ -831,68 +831,74 @@ const common$1 = {
   /**
    * 常用判断
    * @param {Object} text 要判断的字符串
-   * @param {Object} params 判断的类型字符串
+   * @param {Object} param 判断的类型字符串
    */
-  matchingText(text2, params) {
+  matchingText(text2, param) {
     if (!text2 || typeof text2 != "string") {
       throw new TypeError("The first argument must be a string");
     }
-    if (!params || typeof params != "string") {
+    if (!param || typeof param != "string") {
       throw new TypeError("The second argument must be a string");
     }
     let reg = null;
-    if (params == "Chinese") {
+    if (param == "Chinese") {
       reg = /^[\u4e00-\u9fa5]+$/;
     }
-    if (params == "chinese") {
+    if (param == "chinese") {
       reg = /[\u4e00-\u9fa5]/;
     }
-    if (params == "email") {
+    if (param == "email") {
       reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
     }
-    if (params == "username") {
+    if (param == "username") {
       reg = /^[a-zA-Z0-9_]{4,16}$/;
     }
-    if (params == "int+") {
+    if (param == "int+") {
       reg = /^\d+$/;
     }
-    if (params == "int-") {
+    if (param == "int-") {
       reg = /^-\d+$/;
     }
-    if (params == "int") {
+    if (param == "int") {
       reg = /^-?\d+$/;
     }
-    if (params == "pos") {
+    if (param == "pos") {
       reg = /^\d*\.?\d+$/;
     }
-    if (params == "neg") {
+    if (param == "neg") {
       reg = /^-\d*\.?\d+$/;
     }
-    if (params == "number") {
+    if (param == "number") {
       reg = /^-?\d*\.?\d+$/;
     }
-    if (params == "phone") {
+    if (param == "phone") {
       reg = /^1[0-9]\d{9}$/;
     }
-    if (params == "idCard") {
+    if (param == "idCard") {
       reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
     }
-    if (params == "url") {
-      reg = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
+    if (param == "url") {
+      reg = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([\da-z\.]{2,6})([\/\w \.-]*)*\/?$/;
     }
-    if (params == "IPv4") {
+    if (param == "IPv4") {
       reg = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
     }
-    if (params == "hex") {
+    if (param == "hex") {
       reg = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
     }
-    if (params == "QQ") {
+    if (param == "rgb") {
+      reg = /^rgb\((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d)\)$/;
+    }
+    if (param == "rgba") {
+      reg = /^rgba\((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(0?\.\d|1(\.0)?|0)\)$/;
+    }
+    if (param == "QQ") {
       reg = /^[1-9][0-9]{4,10}$/;
     }
-    if (params == "weixin") {
+    if (param == "weixin") {
       reg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
     }
-    if (params == "plate") {
+    if (param == "plate") {
       reg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;
     }
     if (!reg) {
@@ -930,12 +936,10 @@ const common$1 = {
     if (this.isObject(obj2)) {
       if (Object.keys(obj2).length == 0) {
         return true;
-      } else {
-        return false;
       }
-    } else {
       return false;
     }
+    return false;
   },
   /**
    * 判断两个参数是否相等
@@ -947,32 +951,25 @@ const common$1 = {
       return false;
     }
     if (this.isObject(a) && this.isObject(b)) {
-      a = Object.assign({}, a);
-      b = Object.assign({}, b);
       let aProps = Object.getOwnPropertyNames(a);
       let bProps = Object.getOwnPropertyNames(b);
       if (aProps.length != bProps.length) {
         return false;
       }
       let length = aProps.length;
+      let isEqual = true;
       for (let i = 0; i < length; i++) {
         let propName = aProps[i];
         let propA = a[propName];
         let propB = b[propName];
-        if (this.isObject(propA)) {
-          if (this.equal(propA, propB)) {
-            return true;
-          } else {
-            return false;
-          }
-        } else if (propA !== propB) {
-          return false;
+        if (!this.equal(propA, propB)) {
+          isEqual = false;
+          break;
         }
       }
-      return true;
-    } else {
-      return a === b;
+      return isEqual;
     }
+    return a === b;
   },
   /**
    * 是否对象
@@ -993,9 +990,28 @@ const common$1 = {
       throw new TypeError("No text to copy is defined");
     }
     if (!navigator.clipboard) {
-      throw new Error("navigator.clipboard 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");
+      throw new Error("navigator.clipboard must be obtained in a secure environment, such as localhost, 127.0.0.1, or https, so the method won't work");
     }
     return navigator.clipboard.writeText(text2);
+  },
+  /**
+   * 深度克隆
+   * @param {Object} data
+   */
+  clone(data2) {
+    if (this.isObject(data2)) {
+      if (Array.isArray(data2)) {
+        return data2.map((item) => {
+          return this.clone(item);
+        });
+      }
+      let newData = {};
+      for (let key in data2) {
+        newData[key] = this.clone(data2[key]);
+      }
+      return newData;
+    }
+    return data2;
   }
 };
 const parseEventName$1 = (eventName) => {
@@ -1503,9 +1519,11 @@ const platform$1 = {
       Windows_Version: function() {
         if (userAgent.includes("Windows NT 6.1") || userAgent.includes("Windows 7")) {
           return "Win7";
-        } else if (userAgent.includes("Windows NT 6.3") || userAgent.includes("Windows NT 6.2") || userAgent.includes("Windows NT 8")) {
+        }
+        if (userAgent.includes("Windows NT 6.3") || userAgent.includes("Windows NT 6.2") || userAgent.includes("Windows NT 8")) {
           return "Win8";
-        } else if (userAgent.includes("Windows NT 10") || userAgent.includes("Windows NT 6.4")) {
+        }
+        if (userAgent.includes("Windows NT 10") || userAgent.includes("Windows NT 6.4")) {
           return "Win10";
         }
         return "";
@@ -1868,6 +1886,27 @@ const initEditorOptions = (options) => {
   }
   return opts;
 };
+const queryHasValue = (obj$1$1, name, value) => {
+  if (value == null || value == void 0) {
+    return obj$1$1.hasOwnProperty(name);
+  }
+  if (typeof value == "string") {
+    value = value.toLocaleLowerCase();
+  }
+  let ownValue = obj$1$1[name];
+  if (typeof ownValue == "string") {
+    ownValue = ownValue.toLocaleLowerCase();
+  }
+  if (typeof value == "string" && value && obj$1.common.matchingText(value, "hex")) {
+    const arr = obj$1.color.hex2rgb(value);
+    value = `rgb(${arr[0]},${arr[1]},${arr[2]})`;
+  }
+  if (typeof ownValue == "string" && ownValue && obj$1.common.matchingText(ownValue, "hex")) {
+    const arr = obj$1.color.hex2rgb(ownValue);
+    ownValue = `rgb(${arr[0]},${arr[1]},${arr[2]})`;
+  }
+  return ownValue == value;
+};
 const _AlexElement = class _AlexElement2 {
   constructor(type, parsedom, marks, styles, textContent) {
     this.key = createUniqueKey();
@@ -2267,6 +2306,12 @@ __publicField(_AlexElement, "BLOCK_NODE", "p");
 __publicField(_AlexElement, "TEXT_NODE", "span");
 __publicField(_AlexElement, "VOID_NODES", ["colgroup", "col"]);
 let AlexElement = _AlexElement;
+class AlexRange {
+  constructor(anchor, focus) {
+    this.anchor = anchor;
+    this.focus = focus;
+  }
+}
 class AlexPoint {
   constructor(element2, offset) {
     this.element = element2;
@@ -2358,12 +2403,6 @@ class AlexPoint {
     }
   }
 }
-class AlexRange {
-  constructor(anchor, focus) {
-    this.anchor = anchor;
-    this.focus = focus;
-  }
-}
 class AlexHistory {
   constructor() {
     this.records = [];
@@ -2379,15 +2418,7 @@ class AlexHistory {
     const newStack = stack.map((ele) => {
       return ele.__fullClone();
     });
-    const anchorElement = AlexElement.flatElements(newStack).find((ele) => {
-      return ele.key == range.anchor.element.key;
-    });
-    const focusElement = AlexElement.flatElements(newStack).find((ele) => {
-      return ele.key == range.focus.element.key;
-    });
-    const anchor = new AlexPoint(anchorElement, range.anchor.offset);
-    const focus = new AlexPoint(focusElement, range.focus.offset);
-    const newRange = new AlexRange(anchor, focus);
+    const newRange = this.__cloneRange(newStack, range);
     this.records.push({
       stack: newStack,
       range: newRange
@@ -2414,21 +2445,38 @@ class AlexHistory {
     const newStack = stack.map((ele) => {
       return ele.__fullClone();
     });
-    const anchorElement = AlexElement.flatElements(newStack).find((ele) => {
-      return ele.key == range.anchor.element.key;
-    });
-    const focusElement = AlexElement.flatElements(newStack).find((ele) => {
-      return ele.key == range.focus.element.key;
-    });
-    const anchor = new AlexPoint(anchorElement, range.anchor.offset);
-    const focus = new AlexPoint(focusElement, range.focus.offset);
-    const newRange = new AlexRange(anchor, focus);
+    const newRange = this.__cloneRange(newStack, range);
     return {
       current,
       stack: newStack,
       range: newRange
     };
   }
+  /**
+   * 更新当前历史记录的range
+   */
+  updateCurrentRange(range) {
+    const records = this.records[this.current];
+    const newRange = this.__cloneRange(records.stack, range);
+    this.records[this.current].range = newRange;
+  }
+  /**
+   * 克隆range
+   */
+  __cloneRange(newStack, range) {
+    if (range) {
+      const anchorElement = AlexElement.flatElements(newStack).find((ele) => {
+        return ele.key == range.anchor.element.key;
+      });
+      const focusElement = AlexElement.flatElements(newStack).find((ele) => {
+        return ele.key == range.focus.element.key;
+      });
+      const anchor = new AlexPoint(anchorElement, range.anchor.offset);
+      const focus = new AlexPoint(focusElement, range.focus.offset);
+      return new AlexRange(anchor, focus);
+    }
+    return null;
+  }
 }
 const blockParse = [
   {
@@ -2670,10 +2718,10 @@ const breakFormat = function(element2) {
     });
     if (allIsBreak && children.length) {
       const breakEl = children[0];
-      if (element2.isContains(this.range.anchor.element)) {
+      if (this.range && element2.isContains(this.range.anchor.element)) {
         this.range.anchor.moveToStart(breakEl);
       }
-      if (element2.isContains(this.range.focus.element)) {
+      if (this.range && element2.isContains(this.range.focus.element)) {
         this.range.focus.moveToStart(breakEl);
       }
       element2.children = [breakEl];
@@ -2702,7 +2750,7 @@ const mergeWithBrotherElement = function(element2) {
   const merge = (pel, nel) => {
     if (pel.isEmpty() || nel.isEmpty()) {
       if (nel.isEmpty()) {
-        if (nel.isContains(this.range.anchor.element)) {
+        if (this.range && nel.isContains(this.range.anchor.element)) {
           if (pel.isEmpty()) {
             this.range.anchor.element = pel;
             this.range.anchor.offset = 0;
@@ -2710,7 +2758,7 @@ const mergeWithBrotherElement = function(element2) {
             this.range.anchor.moveToEnd(pel);
           }
         }
-        if (nel.isContains(this.range.focus.element)) {
+        if (this.range && nel.isContains(this.range.focus.element)) {
           if (pel.isEmpty()) {
             this.range.focus.element = pel;
             this.range.focus.offset = 0;
@@ -2723,7 +2771,7 @@ const mergeWithBrotherElement = function(element2) {
         });
         nel.parent.children.splice(index, 1);
       } else if (pel.isEmpty()) {
-        if (pel.isContains(this.range.anchor.element)) {
+        if (this.range && pel.isContains(this.range.anchor.element)) {
           if (nel.isEmpty()) {
             this.range.anchor.element = nel;
             this.range.anchor.offset = 0;
@@ -2731,7 +2779,7 @@ const mergeWithBrotherElement = function(element2) {
             this.range.anchor.moveToStart(nel);
           }
         }
-        if (pel.isContains(this.range.focus.element)) {
+        if (this.range && pel.isContains(this.range.focus.element)) {
           if (nel.isEmpty()) {
             this.range.focus.element = nel;
             this.range.focus.offset = 0;
@@ -2745,11 +2793,11 @@ const mergeWithBrotherElement = function(element2) {
         pel.parent.children.splice(index, 1);
       }
     } else if (pel.isText()) {
-      if (nel.isEqual(this.range.anchor.element)) {
+      if (this.range && nel.isEqual(this.range.anchor.element)) {
         this.range.anchor.element = pel;
         this.range.anchor.offset = pel.textContent.length + this.range.anchor.offset;
       }
-      if (nel.isEqual(this.range.focus.element)) {
+      if (this.range && nel.isEqual(this.range.focus.element)) {
         this.range.focus.element = pel;
         this.range.focus.offset = pel.textContent.length + this.range.focus.offset;
       }
@@ -2814,10 +2862,10 @@ const mergeWithParentElement = function(element2) {
       }
       parent.textContent = child.textContent;
       parent.children = null;
-      if (child.isContains(this.range.anchor.element)) {
+      if (this.range && child.isContains(this.range.anchor.element)) {
         this.range.anchor.element = parent;
       }
-      if (child.isContains(this.range.focus.element)) {
+      if (this.range && child.isContains(this.range.focus.element)) {
         this.range.focus.element = parent;
       }
     } else {
@@ -2869,14 +2917,6 @@ const checkStack = function() {
     const breakEle = new AlexElement("closed", "br", null, null, null);
     this.addElementTo(breakEle, ele);
     this.stack = [ele];
-    const anchor = new AlexPoint(breakEle, 0);
-    const focus = new AlexPoint(breakEle, 0);
-    this.range = new AlexRange(anchor, focus);
-  } else {
-    const firstElement = elements[0];
-    const anchor = new AlexPoint(firstElement, 0);
-    const focus = new AlexPoint(firstElement, 0);
-    this.range = new AlexRange(anchor, focus);
   }
 };
 const setRecentlyPoint = function(point) {
@@ -2935,7 +2975,7 @@ const setRangeInVisible = function() {
       }
       const childRect = target.getBoundingClientRect();
       const parentRect = root2.getBoundingClientRect();
-      if (childRect.top < parentRect.top && parentRect.top >= childRect.bottom) {
+      if (childRect.top < parentRect.top) {
         await obj$1.element.setScrollTop({
           el: root2,
           number: 0
@@ -2946,7 +2986,7 @@ const setRangeInVisible = function() {
           el: root2,
           number: tempChildRect.top - tempParentRect.top - tempChildRect.height * 2
         });
-      } else if (childRect.bottom > parentRect.bottom && parentRect.bottom <= childRect.top) {
+      } else if (childRect.bottom > parentRect.bottom) {
         await obj$1.element.setScrollTop({
           el: root2,
           number: 0
@@ -3034,8 +3074,12 @@ const handleSelectionChange = function() {
       const focusEle = this.getElementByKey(focusKey);
       const anchor = new AlexPoint(anchorEle, anchorOffset);
       const focus = new AlexPoint(focusEle, focusOffset);
-      this.range.anchor = anchor;
-      this.range.focus = focus;
+      if (this.range) {
+        this.range.anchor = anchor;
+        this.range.focus = focus;
+      } else {
+        this.range = new AlexRange(anchor, focus);
+      }
       this.emit("rangeUpdate", this.range);
     }
   }
@@ -3197,6 +3241,18 @@ class AlexEditor {
     obj$1.event.on(this.$el, "focus.alex_editor", handleFocus.bind(this));
     obj$1.event.on(this.$el, "blur.alex_editor", handleBlur.bind(this));
   }
+  /**
+   * 初始化range
+   */
+  initRange() {
+    const elements = AlexElement.flatElements(this.stack).filter((el) => {
+      return !el.isEmpty() && !AlexElement.VOID_NODES.includes(el.parsedom);
+    });
+    const firstElement = elements[0];
+    const anchor = new AlexPoint(firstElement, 0);
+    const focus = new AlexPoint(firstElement, 0);
+    this.range = new AlexRange(anchor, focus);
+  }
   /**
    * 根据光标进行粘贴操作
    */
@@ -3204,6 +3260,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (!this.useClipboard) {
       return;
     }
@@ -3310,6 +3369,9 @@ class AlexEditor {
     if (!this.useClipboard) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (!this.allowCut) {
       return;
     }
@@ -3330,6 +3392,9 @@ class AlexEditor {
     if (!this.useClipboard) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (!this.allowCopy) {
       return;
     }
@@ -3365,6 +3430,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (this.range.anchor.isEqual(this.range.focus)) {
       const previousElement = this.getPreviousElementOfPoint(this.range.anchor);
       const block = this.range.anchor.element.getBlock();
@@ -3631,6 +3699,9 @@ class AlexEditor {
     if (!data2 || typeof data2 != "string") {
       throw new Error("The argument must be a string");
     }
+    if (!this.range) {
+      return;
+    }
     if (this.range.anchor.isEqual(this.range.focus)) {
       if (!this.range.anchor.element.isPreStyle()) {
         data2 = data2.replace(/\s/g, () => {
@@ -3666,6 +3737,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (this.range.anchor.isEqual(this.range.focus)) {
       const previousElement = this.getPreviousElementOfPoint(this.range.anchor);
       const nextElement = this.getNextElementOfPoint(this.range.anchor);
@@ -3766,6 +3840,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (!AlexElement.isElement(ele)) {
       throw new Error("The argument must be an AlexElement instance");
     }
@@ -3912,10 +3989,10 @@ class AlexEditor {
       while (index < element2.children.length) {
         const ele = element2.children[index];
         if (ele.isEmpty()) {
-          if (ele.isContains(this.range.anchor.element)) {
+          if (this.range && ele.isContains(this.range.anchor.element)) {
             setRecentlyPoint.apply(this, [this.range.anchor]);
           }
-          if (ele.isContains(this.range.focus.element)) {
+          if (this.range && ele.isContains(this.range.focus.element)) {
             setRecentlyPoint.apply(this, [this.range.focus]);
           }
           element2.children.splice(index, 1);
@@ -3944,10 +4021,10 @@ class AlexEditor {
     while (index < this.stack.length) {
       const ele = this.stack[index];
       if (ele.isEmpty()) {
-        if (ele.isContains(this.range.anchor.element)) {
+        if (this.range && ele.isContains(this.range.anchor.element)) {
           setRecentlyPoint.apply(this, [this.range.anchor]);
         }
-        if (ele.isContains(this.range.focus.element)) {
+        if (this.range && ele.isContains(this.range.focus.element)) {
           setRecentlyPoint.apply(this, [this.range.focus]);
         }
         this.stack.splice(index, 1);
@@ -3958,10 +4035,10 @@ class AlexEditor {
       }
       this.formatElement(ele);
       if (ele.isEmpty()) {
-        if (ele.isContains(this.range.anchor.element)) {
+        if (this.range && ele.isContains(this.range.anchor.element)) {
           setRecentlyPoint.apply(this, [this.range.anchor]);
         }
-        if (ele.isContains(this.range.focus.element)) {
+        if (this.range && ele.isContains(this.range.focus.element)) {
           setRecentlyPoint.apply(this, [this.range.focus]);
         }
         this.stack.splice(index, 1);
@@ -4006,6 +4083,11 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      const selection2 = window.getSelection();
+      selection2.removeAllRanges();
+      return;
+    }
     const handler = (point) => {
       let node = null;
       let offset = null;
@@ -4293,6 +4375,9 @@ class AlexEditor {
    * 获取选区之间的元素
    */
   getElementsByRange(includes = false, flat = false) {
+    if (!this.range) {
+      return;
+    }
     if (this.range.anchor.isEqual(this.range.focus)) {
       return [];
     }
@@ -4401,6 +4486,9 @@ class AlexEditor {
    * 分割选区选中的元素，会更新光标位置
    */
   splitElementsByRange(includes = false, flat = false) {
+    if (!this.range) {
+      return;
+    }
     const result = this.getElementsByRange(includes, flat);
     let elements = [];
     result.forEach((item, index) => {
@@ -4522,6 +4610,11 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    let rangeIsNull = false;
+    if (!this.range) {
+      this.initRange();
+      rangeIsNull = true;
+    }
     if (AlexElement.isElement(element2)) {
       this.range.anchor.moveToStart(element2);
       this.range.focus.moveToStart(element2);
@@ -4535,6 +4628,9 @@ class AlexEditor {
       this.range.anchor.moveToStart(flatElements[0]);
       this.range.focus.moveToStart(flatElements[0]);
     }
+    if (rangeIsNull) {
+      this.history.updateCurrentRange(this.range);
+    }
   }
   /**
    * 将虚拟光标设置到指定元素最后
@@ -4543,6 +4639,11 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    let rangeIsNull = false;
+    if (!this.range) {
+      this.initRange();
+      rangeIsNull = true;
+    }
     if (AlexElement.isElement(element2)) {
       this.range.anchor.moveToEnd(element2);
       this.range.focus.moveToEnd(element2);
@@ -4557,6 +4658,9 @@ class AlexEditor {
       this.range.anchor.moveToEnd(flatElements[length - 1]);
       this.range.focus.moveToEnd(flatElements[length - 1]);
     }
+    if (rangeIsNull) {
+      this.history.updateCurrentRange(this.range);
+    }
   }
   /**
    * 禁用编辑器
@@ -4579,6 +4683,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (!obj$1.common.isObject(styles)) {
       throw new Error("The argument must be an object");
     }
@@ -4624,6 +4731,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     const removeFn = (el) => {
       if (Array.isArray(styleNames)) {
         if (el.hasStyles()) {
@@ -4665,12 +4775,12 @@ class AlexEditor {
     if (!name) {
       throw new Error("The first argument cannot be null");
     }
+    if (!this.range) {
+      return false;
+    }
     if (this.range.anchor.isEqual(this.range.focus)) {
       if (this.range.anchor.element.isText() && this.range.anchor.element.hasStyles()) {
-        if (value == null || value == void 0) {
-          return this.range.anchor.element.styles.hasOwnProperty(name);
-        }
-        return this.range.anchor.element.styles[name] == value;
+        return queryHasValue(this.range.anchor.element.styles, name, value);
       }
       return false;
     }
@@ -4690,10 +4800,7 @@ class AlexEditor {
     }
     let flag = result.every((item) => {
       if (item.element.hasStyles()) {
-        if (value == null || value == void 0) {
-          return item.element.styles.hasOwnProperty(name);
-        }
-        return item.element.styles[name] == value;
+        return queryHasValue(item.element.styles, name, value);
       }
       return false;
     });
@@ -4706,6 +4813,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     if (!obj$1.common.isObject(marks)) {
       throw new Error("The argument must be an object");
     }
@@ -4751,6 +4861,9 @@ class AlexEditor {
     if (this.disabled) {
       return;
     }
+    if (!this.range) {
+      return;
+    }
     const removeFn = (el) => {
       if (Array.isArray(markNames)) {
         if (el.hasMarks()) {
@@ -4792,12 +4905,12 @@ class AlexEditor {
     if (!name) {
       throw new Error("The first argument cannot be null");
     }
+    if (!this.range) {
+      return false;
+    }
     if (this.range.anchor.isEqual(this.range.focus)) {
       if (this.range.anchor.element.isText() && this.range.anchor.element.hasMarks()) {
-        if (value == null || value == void 0) {
-          return this.range.anchor.element.marks.hasOwnProperty(name);
-        }
-        return this.range.anchor.element.marks[name] == value;
+        return queryHasValue(this.range.anchor.element.marks, name, value);
       }
       return false;
     }
@@ -4817,10 +4930,7 @@ class AlexEditor {
     }
     let flag = result.every((item) => {
       if (item.element.hasMarks()) {
-        if (value == null || value == void 0) {
-          return item.element.marks.hasOwnProperty(name);
-        }
-        return item.element.marks[name] == value;
+        return queryHasValue(item.element.marks, name, value);
       }
       return false;
     });
@@ -5037,10 +5147,10 @@ const string = {
   },
   /**
    * 去除字符串空格
-   * @param {Object} str
+   * @param {Object} str 原始字符串
    * @param {Object} global 为true时去除所有空格，否则只去除两边空格
    */
-  trim(str, global) {
+  trim(str, global = false) {
     if (typeof str != "string") {
       throw new TypeError("The first argument must be a string");
     }
@@ -5060,9 +5170,9 @@ const element = {
     return data2 && data2 instanceof Window;
   },
   /**
-   * 获取元素距离指定祖先元素左侧/顶部/底部/右侧的距离
+   * 获取元素距离某个定位祖先元素左侧/顶部/底部/右侧的距离
    * @param {Object} el 元素
-   * @param {Object} root 父元素或者祖先元素，未指定则为document.body
+   * @param {Object} root 定位父元素或者祖先元素，未指定则为document.body
    */
   getElementPoint(el, root) {
     if (!this.isElement(el)) {
@@ -5092,9 +5202,9 @@ const element = {
     };
   },
   /**
-   * 判断某个节点是否包含指定节点，包含相等关系和父子关系
-   * @param {Object} parentNode 父节点或祖先节点
-   * @param {Object} childNode 子节点
+   * 判断某个元素是否包含指定元素，包含相等关系和父子关系
+   * @param {Object} parentNode 父元素或祖先元素
+   * @param {Object} childNode 子元素
    */
   isContains(parentNode, childNode) {
     if (!this.isElement(parentNode)) {
@@ -5114,9 +5224,9 @@ const element = {
     }
   },
   /**
-   * 判断某个节点是否是指定节点的父节点
-   * @param {Object} parentNode 父节点
-   * @param {Object} childNode 子节点
+   * 判断某个元素是否是指定元素的父元素
+   * @param {Object} parentNode 父元素
+   * @param {Object} childNode 子元素
    */
   isParentNode(parentNode, childNode) {
     if (!this.isElement(parentNode)) {
@@ -5131,8 +5241,8 @@ const element = {
     return childNode.parentNode === parentNode;
   },
   /**
-   * 查找某个节点下指定选择器的子元素
-   * @param {Object} el 元素节点
+   * 查找某个元素下指定选择器的子元素
+   * @param {Object} el 元素
    * @param {Object} selector 支持多选择器，等同于querySelectorAll的参数
    */
   children(el, selector) {
@@ -5148,8 +5258,8 @@ const element = {
     });
   },
   /**
-   * 查找某个节点下指定选择器的兄弟节点
-   * @param {Object} el 元素节点
+   * 查找某个元素下指定选择器的兄弟元素
+   * @param {Object} el 元素
    * @param {Object} selector 取值等同于queryselectorAll的参数，支持多选择器
    */
   siblings(el, selector) {
@@ -5223,7 +5333,7 @@ const element = {
   },
   /**
    * 移除class
-   * @param {Object} el 元素节点
+   * @param {Object} el 元素
    * @param {Object} className 支持多类,以空格划分
    */
   removeClass(el, className) {
@@ -5241,7 +5351,7 @@ const element = {
   },
   /**
    * 添加class
-   * @param {Object} el 元素节点
+   * @param {Object} el 元素
    * @param {Object} className 支持多类,以空格划分
    */
   addClass(el, className) {
@@ -5259,7 +5369,7 @@ const element = {
   },
   /**
    * 判断指定元素是否含有指定类名
-   * @param {Object} el 元素节点
+   * @param {Object} el 元素
    * @param {Object} className 支持多类,以空格划分
    */
   hasClass(el, className) {
@@ -5587,7 +5697,7 @@ const element = {
     };
   },
   /**
-   * 判断是否是元素节点
+   * 判断是否是元素
    * @param {Object} el
    */
   isElement(el) {
@@ -5606,7 +5716,7 @@ const element = {
     if (parentEle.children.length == 1) {
       return parentEle.children[0];
     } else {
-      return parentEle.children;
+      return Array.from(parentEle.children);
     }
   }
 };
@@ -5661,7 +5771,7 @@ const data = {
     }
   },
   /**
-   * 获取元素指定数据
+   * 设置元素指定数据
    * @param {Object} el
    * @param {Object} key
    * @param {Object} value
@@ -5682,68 +5792,74 @@ const common = {
   /**
    * 常用判断
    * @param {Object} text 要判断的字符串
-   * @param {Object} params 判断的类型字符串
+   * @param {Object} param 判断的类型字符串
    */
-  matchingText(text2, params) {
+  matchingText(text2, param) {
     if (!text2 || typeof text2 != "string") {
       throw new TypeError("The first argument must be a string");
     }
-    if (!params || typeof params != "string") {
+    if (!param || typeof param != "string") {
       throw new TypeError("The second argument must be a string");
     }
     let reg = null;
-    if (params == "Chinese") {
+    if (param == "Chinese") {
       reg = /^[\u4e00-\u9fa5]+$/;
     }
-    if (params == "chinese") {
+    if (param == "chinese") {
       reg = /[\u4e00-\u9fa5]/;
     }
-    if (params == "email") {
+    if (param == "email") {
       reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
     }
-    if (params == "username") {
+    if (param == "username") {
       reg = /^[a-zA-Z0-9_]{4,16}$/;
     }
-    if (params == "int+") {
+    if (param == "int+") {
       reg = /^\d+$/;
     }
-    if (params == "int-") {
+    if (param == "int-") {
       reg = /^-\d+$/;
     }
-    if (params == "int") {
+    if (param == "int") {
       reg = /^-?\d+$/;
     }
-    if (params == "pos") {
+    if (param == "pos") {
       reg = /^\d*\.?\d+$/;
     }
-    if (params == "neg") {
+    if (param == "neg") {
       reg = /^-\d*\.?\d+$/;
     }
-    if (params == "number") {
+    if (param == "number") {
       reg = /^-?\d*\.?\d+$/;
     }
-    if (params == "phone") {
+    if (param == "phone") {
       reg = /^1[0-9]\d{9}$/;
     }
-    if (params == "idCard") {
+    if (param == "idCard") {
       reg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
     }
-    if (params == "url") {
-      reg = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/;
+    if (param == "url") {
+      reg = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([\da-z\.]{2,6})([\/\w \.-]*)*\/?$/;
     }
-    if (params == "IPv4") {
+    if (param == "IPv4") {
       reg = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
     }
-    if (params == "hex") {
+    if (param == "hex") {
       reg = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/;
     }
-    if (params == "QQ") {
+    if (param == "rgb") {
+      reg = /^rgb\((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d)\)$/;
+    }
+    if (param == "rgba") {
+      reg = /^rgba\((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d),\s?(0?\.\d|1(\.0)?|0)\)$/;
+    }
+    if (param == "QQ") {
       reg = /^[1-9][0-9]{4,10}$/;
     }
-    if (params == "weixin") {
+    if (param == "weixin") {
       reg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
     }
-    if (params == "plate") {
+    if (param == "plate") {
       reg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/;
     }
     if (!reg) {
@@ -5781,12 +5897,10 @@ const common = {
     if (this.isObject(obj2)) {
       if (Object.keys(obj2).length == 0) {
         return true;
-      } else {
-        return false;
       }
-    } else {
       return false;
     }
+    return false;
   },
   /**
    * 判断两个参数是否相等
@@ -5798,32 +5912,25 @@ const common = {
       return false;
     }
     if (this.isObject(a) && this.isObject(b)) {
-      a = Object.assign({}, a);
-      b = Object.assign({}, b);
       let aProps = Object.getOwnPropertyNames(a);
       let bProps = Object.getOwnPropertyNames(b);
       if (aProps.length != bProps.length) {
         return false;
       }
       let length = aProps.length;
+      let isEqual = true;
       for (let i = 0; i < length; i++) {
         let propName = aProps[i];
         let propA = a[propName];
         let propB = b[propName];
-        if (this.isObject(propA)) {
-          if (this.equal(propA, propB)) {
-            return true;
-          } else {
-            return false;
-          }
-        } else if (propA !== propB) {
-          return false;
+        if (!this.equal(propA, propB)) {
+          isEqual = false;
+          break;
         }
       }
-      return true;
-    } else {
-      return a === b;
+      return isEqual;
     }
+    return a === b;
   },
   /**
    * 是否对象
@@ -5844,9 +5951,28 @@ const common = {
       throw new TypeError("No text to copy is defined");
     }
     if (!navigator.clipboard) {
-      throw new Error("navigator.clipboard 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");
+      throw new Error("navigator.clipboard must be obtained in a secure environment, such as localhost, 127.0.0.1, or https, so the method won't work");
     }
     return navigator.clipboard.writeText(text2);
+  },
+  /**
+   * 深度克隆
+   * @param {Object} data
+   */
+  clone(data2) {
+    if (this.isObject(data2)) {
+      if (Array.isArray(data2)) {
+        return data2.map((item) => {
+          return this.clone(item);
+        });
+      }
+      let newData = {};
+      for (let key in data2) {
+        newData[key] = this.clone(data2[key]);
+      }
+      return newData;
+    }
+    return data2;
   }
 };
 const parseEventName = (eventName) => {
@@ -6354,9 +6480,11 @@ const platform = {
       Windows_Version: function() {
         if (userAgent.includes("Windows NT 6.1") || userAgent.includes("Windows 7")) {
           return "Win7";
-        } else if (userAgent.includes("Windows NT 6.3") || userAgent.includes("Windows NT 6.2") || userAgent.includes("Windows NT 8")) {
+        }
+        if (userAgent.includes("Windows NT 6.3") || userAgent.includes("Windows NT 6.2") || userAgent.includes("Windows NT 8")) {
           return "Win8";
-        } else if (userAgent.includes("Windows NT 10") || userAgent.includes("Windows NT 6.4")) {
+        }
+        if (userAgent.includes("Windows NT 10") || userAgent.includes("Windows NT 6.4")) {
           return "Win10";
         }
         return "";
@@ -15363,6 +15491,9 @@ const tableHandle = function(element2) {
   }
 };
 const updateRangeInPre = function(element2, originalTextElements, newElements) {
+  if (!this.range) {
+    return;
+  }
   if (this.range.anchor.element.getBlock().isEqual(element2)) {
     const elIndex = originalTextElements.findIndex((el) => this.range.anchor.element.isEqual(el));
     const offset = originalTextElements.filter((el, i2) => i2 < elIndex).reduce((total, item, i2) => total + item.textContent.length, 0) + this.range.anchor.offset;
@@ -20951,7 +21082,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ], 14, _hoisted_1$1);
 }
 const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-4c7850ff"]]);
-const Editify_vue_vue_type_style_index_0_scoped_ee4c1326_lang = "";
+const Editify_vue_vue_type_style_index_0_scoped_bcab43d0_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21044,10 +21175,10 @@ const _sfc_main = {
         return;
       }
       this.editor.stack = this.editor.parseHtml(newVal);
+      this.editor.range = null;
       this.editor.formatElementStack();
-      this.editor.range.anchor.moveToStart(this.editor.stack[0]);
-      this.editor.range.focus.moveToStart(this.editor.stack[0]);
       this.editor.domRender();
+      this.editor.rangeRender();
     },
     //代码视图切换
     isSourceView(newValue) {
@@ -21334,6 +21465,9 @@ const _sfc_main = {
               } else {
                 element2.marks["data-editify-task"] = "checked";
               }
+              if (!this.editor.range) {
+                this.editor.initRange();
+              }
               this.editor.range.anchor.moveToEnd(element2);
               this.editor.range.focus.moveToEnd(element2);
               this.editor.formatElementStack();
@@ -21414,6 +21548,9 @@ const _sfc_main = {
         const key = node.getAttribute("data-editify-element");
         if (key) {
           const element2 = this.editor.getElementByKey(key);
+          if (!this.editor.range) {
+            this.editor.initRange();
+          }
           this.editor.range.anchor.moveToStart(element2);
           this.editor.range.focus.moveToEnd(element2);
           this.editor.rangeRender();
@@ -21563,6 +21700,9 @@ const _sfc_main = {
       if (this.disabled) {
         return null;
       }
+      if (!this.editor.range) {
+        return null;
+      }
       if (this.editor.range.anchor.element.isEqual(this.editor.range.focus.element)) {
         return this.getParsedomElementByElement(this.editor.range.anchor.element, parsedom);
       }
@@ -21595,6 +21735,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const element2 = this.getCurrentParsedomElement(parsedom);
       if (element2) {
         element2.toEmpty();
@@ -21608,6 +21751,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const link = this.getCurrentParsedomElement("a");
       if (link) {
         link.parsedom = AlexElement.TEXT_NODE;
@@ -21623,6 +21769,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const values = getButtonOptionsConfig(this.$editTrans, this.$editLocale).heading.map((item) => {
         return item.value;
       });
@@ -21655,6 +21804,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         const isList = blockIsList(block, ordered);
@@ -21691,6 +21843,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         const isTask = blockIsTask(block);
@@ -21727,6 +21882,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const active = this.queryTextStyle(name, value);
       if (active) {
         this.editor.removeTextStyle([name]);
@@ -21748,6 +21906,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const active = this.queryTextMark(name, value);
       if (active) {
         this.editor.removeTextMark([name]);
@@ -21769,6 +21930,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       this.editor.removeTextStyle();
       this.editor.removeTextMark();
       this.editor.formatElementStack();
@@ -21780,6 +21944,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         const inblock = this.editor.range.anchor.element.getInblock();
@@ -21873,6 +22040,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         const oldParsedom = block.parsedom;
@@ -21907,6 +22077,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         const inblock = this.editor.range.anchor.element.getInblock();
@@ -21970,6 +22143,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const fn = (element2) => {
         if (element2.hasStyles()) {
           if (element2.styles.hasOwnProperty("text-indent")) {
@@ -22018,6 +22194,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const fn = (element2) => {
         if (element2.hasStyles() && element2.styles.hasOwnProperty("text-indent")) {
           let val = element2.styles["text-indent"];
@@ -22038,7 +22217,7 @@ const _sfc_main = {
           fn(block);
         }
       } else {
-        const result = this.getElementsByRange(true, false);
+        const result = this.editor.getElementsByRange(true, false);
         result.forEach((item) => {
           const block = item.element.getBlock();
           const inblock = item.element.getInblock();
@@ -22058,6 +22237,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (!url2 || typeof url2 != "string") {
         throw new Error("An image address must be given");
       }
@@ -22080,6 +22262,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       if (!url2 || typeof url2 != "string") {
         throw new Error("A video address must be given");
       }
@@ -22105,171 +22290,199 @@ const _sfc_main = {
     },
     //api：选区是否含有代码块样式
     hasPreStyle() {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         return this.editor.range.anchor.element.isPreStyle();
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.some((item) => {
-          return item.element.isPreStyle();
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.some((item) => {
+        return item.element.isPreStyle();
+      });
     },
     //api：选区是否含有引用
     hasQuote() {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "blockquote";
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.some((item) => {
-          if (item.element.isBlock()) {
-            return item.element.parsedom == "blockquote";
-          } else {
-            const block = item.element.getBlock();
-            return block.parsedom == "blockquote";
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.some((item) => {
+        if (item.element.isBlock()) {
+          return item.element.parsedom == "blockquote";
+        } else {
+          const block = item.element.getBlock();
+          return block.parsedom == "blockquote";
+        }
+      });
     },
     //api：选区是否含有列表
     hasList(ordered = false) {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsList(block, ordered);
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.some((item) => {
-          if (item.element.isBlock()) {
-            return blockIsList(item.element, ordered);
-          } else {
-            const block = item.element.getBlock();
-            return blockIsList(block, ordered);
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.some((item) => {
+        if (item.element.isBlock()) {
+          return blockIsList(item.element, ordered);
+        } else {
+          const block = item.element.getBlock();
+          return blockIsList(block, ordered);
+        }
+      });
     },
     //api：选区是否含有链接
     hasLink() {
+      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");
-      } else {
-        const result = this.editor.getElementsByRange(true, true).filter((item) => {
-          return item.element.isText();
-        });
-        return result.some((item) => {
-          return !!this.getParsedomElementByElement(item.element, "a");
-        });
       }
+      const result = this.editor.getElementsByRange(true, true).filter((item) => {
+        return item.element.isText();
+      });
+      return result.some((item) => {
+        return !!this.getParsedomElementByElement(item.element, "a");
+      });
     },
     //api：选区是否含有表格
     hasTable() {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "table";
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.some((item) => {
-          if (item.element.isBlock()) {
-            return item.element.parsedom == "table";
-          } else {
-            const block = item.element.getBlock();
-            return block.parsedom == "table";
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.some((item) => {
+        if (item.element.isBlock()) {
+          return item.element.parsedom == "table";
+        } else {
+          const block = item.element.getBlock();
+          return block.parsedom == "table";
+        }
+      });
     },
     //api：选区是否含有任务列表
     hasTask() {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.some((item) => {
-          if (item.element.isBlock()) {
-            return blockIsTask(item.element);
-          } else {
-            const block = item.element.getBlock();
-            return blockIsTask(block);
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.some((item) => {
+        if (item.element.isBlock()) {
+          return blockIsTask(item.element);
+        } else {
+          const block = item.element.getBlock();
+          return blockIsTask(block);
+        }
+      });
     },
     //选区是否含有图片
     hasImage() {
+      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";
-      } else {
-        const result = this.editor.getElementsByRange(true, true);
-        return result.some((item) => {
-          return item.element.isClosed() && item.element.parsedom == "img";
-        });
       }
+      const result = this.editor.getElementsByRange(true, true);
+      return result.some((item) => {
+        return item.element.isClosed() && item.element.parsedom == "img";
+      });
     },
     //选区是否含有视频
     hasVideo() {
+      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";
-      } else {
-        const result = this.editor.getElementsByRange(true, true);
-        return result.some((item) => {
-          return item.element.isClosed() && item.element.parsedom == "video";
-        });
       }
+      const result = this.editor.getElementsByRange(true, true);
+      return result.some((item) => {
+        return item.element.isClosed() && item.element.parsedom == "video";
+      });
     },
     //api：选区是否全部在引用内
     inQuote() {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return block.parsedom == "blockquote";
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.every((item) => {
-          if (item.element.isBlock()) {
-            return item.element.parsedom == "blockquote";
-          } else {
-            const block = item.element.getBlock();
-            return block.parsedom == "blockquote";
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.every((item) => {
+        if (item.element.isBlock()) {
+          return item.element.parsedom == "blockquote";
+        } else {
+          const block = item.element.getBlock();
+          return block.parsedom == "blockquote";
+        }
+      });
     },
     //api：选区是否全部在列表内
     inList(ordered = false) {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsList(block, ordered);
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.every((item) => {
-          if (item.element.isBlock()) {
-            return blockIsList(item.element, ordered);
-          } else {
-            const block = item.element.getBlock();
-            return blockIsList(block, ordered);
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.every((item) => {
+        if (item.element.isBlock()) {
+          return blockIsList(item.element, ordered);
+        } else {
+          const block = item.element.getBlock();
+          return blockIsList(block, ordered);
+        }
+      });
     },
     //api：选区是否全部在任务列表里
     inTask() {
+      if (!this.editor.range) {
+        return false;
+      }
       if (this.editor.range.anchor.isEqual(this.editor.range.focus)) {
         const block = this.editor.range.anchor.element.getBlock();
         return blockIsTask(block);
-      } else {
-        const result = this.editor.getElementsByRange(true, false);
-        return result.every((item) => {
-          if (item.element.isBlock()) {
-            return blockIsTask(item.element);
-          } else {
-            const block = item.element.getBlock();
-            return blockIsTask(block);
-          }
-        });
       }
+      const result = this.editor.getElementsByRange(true, false);
+      return result.every((item) => {
+        if (item.element.isBlock()) {
+          return blockIsTask(item.element);
+        } else {
+          const block = item.element.getBlock();
+          return blockIsTask(block);
+        }
+      });
     },
     //api：创建一个空的表格
     insertTable(rowLength, colLength) {
+      if (this.disabled) {
+        return;
+      }
+      if (!this.editor.range) {
+        return;
+      }
       const table = new AlexElement("block", "table", null, null, null);
       const tbody = new AlexElement("inblock", "tbody", null, null, null);
       this.editor.addElementTo(tbody, table);
@@ -22299,6 +22512,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const pre = this.getCurrentParsedomElement("pre");
       if (pre) {
         let content = "";
@@ -22372,6 +22588,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       this.editor.insertText(text2);
       this.editor.formatElementStack();
       this.editor.domRender();
@@ -22382,6 +22601,9 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
+      if (!this.editor.range) {
+        return;
+      }
       const elements = this.editor.parseHtml(html);
       for (let i = 0; i < elements.length; i++) {
         this.editor.insertElement(elements[i], false);
@@ -22453,7 +22675,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-ee4c1326"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bcab43d0"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22632,7 +22854,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.16";
+const version = "0.0.18";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));