vue-editify 0.1.3 → 0.1.4

package/examples/main.js

@@ -1,4 +1,4 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import Editify from '../src'
-createApp(App).use(Editify, { locale: 'zh_CN' }).mount('#app')
+import { createApp } from 'vue'
+import App from './App.vue'
+import Editify from '../src'
+createApp(App).use(Editify, { locale: 'zh_CN' }).mount('#app')

package/lib/editify.es.js

@@ -2263,14 +2263,14 @@ const inlineParse = [
 ];
 const handleNotStackBlock = function(element2) {
   if (element2.hasChildren()) {
-    const children = element2.children.filter((el) => {
-      return !el.isEmpty();
-    });
-    const blocks = children.filter((el) => {
-      return el.isBlock();
+    const blocks = element2.children.filter((el) => {
+      return !el.isEmpty() && el.isBlock();
     });
     blocks.forEach((el) => {
       el.type = element2.type == "inline" ? "inline" : "inblock";
+      if (el.type == "inblock") {
+        el.behavior = "block";
+      }
     });
   }
 };
@@ -2279,30 +2279,23 @@ const handleInblockWithOther = function(element2) {
     const children = element2.children.filter((el) => {
       return !el.isEmpty();
     });
-    let allIsBlock = children.every((el) => {
+    const inblocks = children.filter((el) => {
       return el.isInblock();
     });
-    if (!allIsBlock) {
-      children.forEach((el) => {
-        if (el.isInblock()) {
-          el.type = "inline";
-        }
+    if (inblocks.length && inblocks.length != children.length) {
+      inblocks.forEach((el) => {
+        el.type = "inline";
       });
     }
   }
 };
 const handleInlineChildrenNotInblock = function(element2) {
   if (element2.isInline() && element2.hasChildren()) {
-    const children = element2.children.filter((el) => {
-      return !el.isEmpty();
-    });
-    const inblocks = children.filter((el) => {
-      return el.isInblock();
+    const inblocks = element2.children.filter((el) => {
+      return !el.isEmpty() && el.isInblock();
     });
     inblocks.forEach((el) => {
-      if (el.isInblock()) {
-        el.type = "inline";
-      }
+      el.type = "inline";
     });
   }
 };
@@ -2311,23 +2304,20 @@ const breakFormat = function(element2) {
     const children = element2.children.filter((el) => {
       return !el.isEmpty();
     });
-    const allIsBreak = children.every((el) => {
+    const breaks = children.filter((el) => {
       return el.isBreak();
     });
-    if (allIsBreak && children.length) {
-      const breakEl = children[0];
+    if (breaks.length && breaks.length == children.length) {
       if (this.range && element2.isContains(this.range.anchor.element)) {
-        this.range.anchor.moveToStart(breakEl);
+        this.range.anchor.moveToStart(breaks[0]);
       }
       if (this.range && element2.isContains(this.range.focus.element)) {
-        this.range.focus.moveToStart(breakEl);
+        this.range.focus.moveToStart(breaks[0]);
       }
-      element2.children = [breakEl];
-    } else {
-      element2.children.forEach((el) => {
-        if (el.isBreak()) {
-          el.toEmpty();
-        }
+      element2.children = [breaks[0]];
+    } else if (breaks.length) {
+      breaks.forEach((el) => {
+        el.toEmpty();
       });
     }
   }
@@ -2487,11 +2477,15 @@ const mergeWithParentElement = function(element2) {
           item.parent = parent;
         });
       }
+      mergeElement(parent);
     }
   };
-  if (element2.hasChildren() && element2.children.length == 1 && canMerge(element2, element2.children[0])) {
-    merge(element2, element2.children[0]);
-  }
+  const mergeElement = (ele) => {
+    if (ele.hasChildren() && ele.children.length == 1 && canMerge(ele, ele.children[0])) {
+      merge(ele, ele.children[0]);
+    }
+  };
+  mergeElement(element2);
 };
 const { Mac } = platform.os();
 const isUndo = function(e) {
@@ -2576,7 +2570,7 @@ const setRangeInVisible = function() {
       const childRect = target.getBoundingClientRect();
       const parentRect = root.getBoundingClientRect();
       if (root.clientHeight < scrollHeight) {
-        if (childRect.bottom < parentRect.top) {
+        if (childRect.top < parentRect.top) {
           await element$1.setScrollTop({
             el: root,
             number: 0
@@ -2587,7 +2581,7 @@ const setRangeInVisible = function() {
             el: root,
             number: tempChildRect.top - tempParentRect.top
           });
-        } else if (childRect.top > parentRect.bottom) {
+        } else if (childRect.bottom > parentRect.bottom) {
           await element$1.setScrollTop({
             el: root,
             number: 0
@@ -2601,7 +2595,7 @@ const setRangeInVisible = function() {
         }
       }
       if (root.clientWidth < scrollWidth) {
-        if (childRect.right < parentRect.left) {
+        if (childRect.left < parentRect.left) {
           await element$1.setScrollLeft({
             el: root,
             number: 0
@@ -2612,7 +2606,7 @@ const setRangeInVisible = function() {
             el: root,
             number: tempChildRect.left - tempParentRect.left + 20
           });
-        } else if (childRect.left > parentRect.right) {
+        } else if (childRect.right > parentRect.right) {
           await element$1.setScrollLeft({
             el: root,
             number: 0
@@ -2644,8 +2638,10 @@ const handleStackEmpty = function() {
     const breakEle = new AlexElement("closed", "br", null, null, null);
     this.addElementTo(breakEle, ele);
     this.stack = [ele];
-    this.range.anchor.moveToStart(breakEle);
-    this.range.focus.moveToStart(breakEle);
+    if (this.range) {
+      this.range.anchor.moveToStart(breakEle);
+      this.range.focus.moveToStart(breakEle);
+    }
   }
 };
 const handleSelectionChange = function() {
@@ -2883,6 +2879,67 @@ class AlexEditor {
     const focus = new AlexPoint(firstElement, 0);
     this.range = new AlexRange(anchor, focus);
   }
+  /**
+   * 根据光标执行复制操作
+   * isCut表示是否在执行剪切操作，默认为false，这个参数仅在内部使用
+   */
+  async copy(isCut = false) {
+    if (!this.useClipboard) {
+      return;
+    }
+    if (!this.range) {
+      return;
+    }
+    if (!this.allowCopy) {
+      return;
+    }
+    let result = this.getElementsByRange().list;
+    if (result.length == 0) {
+      return;
+    }
+    let html = "";
+    let text = "";
+    result.forEach((item) => {
+      const newEl = item.element.clone();
+      if (item.offset) {
+        newEl.textContent = newEl.textContent.substring(item.offset[0], item.offset[1]);
+      }
+      newEl.__render();
+      html += newEl.elm.outerHTML;
+      text += newEl.elm.innerText;
+    });
+    const clipboardItem = new window.ClipboardItem({
+      "text/html": new Blob([html], { type: "text/html" }),
+      "text/plain": new Blob([text], { type: "text/plain" })
+    });
+    await navigator.clipboard.write([clipboardItem]);
+    if (!isCut) {
+      this.emit("copy", text, html);
+    }
+    return { text, html };
+  }
+  /**
+   * 根据光标进行剪切操作
+   */
+  async cut() {
+    if (!this.useClipboard) {
+      return;
+    }
+    if (!this.range) {
+      return;
+    }
+    if (!this.allowCut) {
+      return;
+    }
+    const result = await this.copy(true);
+    if (result) {
+      if (!this.disabled) {
+        this.delete();
+      }
+      this.emit("cut", result.text, result.html);
+    }
+    return result;
+  }
   /**
    * 根据光标进行粘贴操作
    */
@@ -2933,7 +2990,6 @@ class AlexEditor {
               await this.customHtmlPaste.apply(this, [elements, data2]);
             } else {
               for (let i2 = 0; i2 < elements.length; i2++) {
-                this.formatElement(elements[i2]);
                 this.insertElement(elements[i2], false);
               }
               this.emit("pasteHtml", elements, data2);
@@ -2992,67 +3048,6 @@ class AlexEditor {
       }
     }
   }
-  /**
-   * 根据光标进行剪切操作
-   */
-  async cut() {
-    if (!this.useClipboard) {
-      return;
-    }
-    if (!this.range) {
-      return;
-    }
-    if (!this.allowCut) {
-      return;
-    }
-    const result = await this.copy(true);
-    if (result) {
-      if (!this.disabled) {
-        this.delete();
-      }
-      this.emit("cut", result.text, result.html);
-    }
-    return result;
-  }
-  /**
-   * 根据光标执行复制操作
-   * isCut表示是否在执行剪切操作，默认为false，这个参数仅在内部使用
-   */
-  async copy(isCut = false) {
-    if (!this.useClipboard) {
-      return;
-    }
-    if (!this.range) {
-      return;
-    }
-    if (!this.allowCopy) {
-      return;
-    }
-    let result = this.getElementsByRange().list;
-    if (result.length == 0) {
-      return;
-    }
-    let html = "";
-    let text = "";
-    result.forEach((item) => {
-      const newEl = item.element.clone();
-      if (item.offset) {
-        newEl.textContent = newEl.textContent.substring(item.offset[0], item.offset[1]);
-      }
-      newEl.__render();
-      html += newEl.elm.outerHTML;
-      text += newEl.elm.innerText;
-    });
-    const clipboardItem = new window.ClipboardItem({
-      "text/html": new Blob([html], { type: "text/html" }),
-      "text/plain": new Blob([text], { type: "text/plain" })
-    });
-    await navigator.clipboard.write([clipboardItem]);
-    if (!isCut) {
-      this.emit("copy", text, html);
-    }
-    return { text, html };
-  }
   /**
    * 根据光标进行删除操作
    */
@@ -3606,83 +3601,58 @@ class AlexEditor {
     }
   }
   /**
-   * 格式化某个元素
+   * 格式化stack
    */
-  formatElement(element2) {
-    let renderRules = this.renderRules.filter((fn) => {
-      return typeof fn == "function";
-    });
-    [handleNotStackBlock, handleInblockWithOther, handleInlineChildrenNotInblock, breakFormat, mergeWithBrotherElement, mergeWithParentElement, ...renderRules].forEach((fn) => {
-      fn.apply(this, [element2]);
-    });
-    if (element2.hasChildren()) {
-      let length = element2.children.length;
-      for (let i = 0; i < length; i++) {
-        const childElement = element2.children[i];
-        if (childElement.isEmpty()) {
-          if (this.range && childElement.isContains(this.range.anchor.element)) {
+  formatElementStack() {
+    const format = (elements, fn, isStack = false) => {
+      let index = 0;
+      while (index < elements.length) {
+        if (elements[index].isEmpty()) {
+          if (this.range && elements[index].isContains(this.range.anchor.element)) {
             setRecentlyPoint.apply(this, [this.range.anchor]);
           }
-          if (this.range && childElement.isContains(this.range.focus.element)) {
+          if (this.range && elements[index].isContains(this.range.focus.element)) {
             setRecentlyPoint.apply(this, [this.range.focus]);
           }
-          element2.children.splice(i, 1);
-          i -= 1;
-          length -= 1;
+          elements.splice(index, 1);
           continue;
         }
-        this.formatElement(childElement);
-        if (childElement.isEmpty()) {
-          if (this.range && childElement.isContains(this.range.anchor.element)) {
+        fn.apply(this, [elements[index]]);
+        if (elements[index].isEmpty()) {
+          if (this.range && elements[index].isContains(this.range.anchor.element)) {
             setRecentlyPoint.apply(this, [this.range.anchor]);
           }
-          if (this.range && childElement.isContains(this.range.focus.element)) {
+          if (this.range && elements[index].isContains(this.range.focus.element)) {
             setRecentlyPoint.apply(this, [this.range.focus]);
           }
-          element2.children.splice(i, 1);
-          i -= 1;
-          length -= 1;
+          elements.splice(index, 1);
           continue;
         }
-      }
-    }
-  }
-  /**
-   * 格式化stack
-   */
-  formatElementStack() {
-    let length = this.stack.length;
-    for (let i = 0; i < length; i++) {
-      const element2 = this.stack[i];
-      if (element2.isEmpty()) {
-        if (this.range && element2.isContains(this.range.anchor.element)) {
-          setRecentlyPoint.apply(this, [this.range.anchor]);
+        if (!elements[index].isBlock() && isStack) {
+          elements[index].convertToBlock();
         }
-        if (this.range && element2.isContains(this.range.focus.element)) {
-          setRecentlyPoint.apply(this, [this.range.focus]);
-        }
-        this.stack.splice(i, 1);
-        i -= 1;
-        length -= 1;
-        continue;
-      }
-      if (!element2.isBlock()) {
-        element2.convertToBlock();
-      }
-      this.formatElement(element2);
-      if (element2.isEmpty()) {
-        if (this.range && element2.isContains(this.range.anchor.element)) {
-          setRecentlyPoint.apply(this, [this.range.anchor]);
+        if (elements[index].hasChildren()) {
+          format(elements[index].children, fn);
         }
-        if (this.range && element2.isContains(this.range.focus.element)) {
-          setRecentlyPoint.apply(this, [this.range.focus]);
+        if (elements[index].isEmpty()) {
+          if (this.range && elements[index].isContains(this.range.anchor.element)) {
+            setRecentlyPoint.apply(this, [this.range.anchor]);
+          }
+          if (this.range && elements[index].isContains(this.range.focus.element)) {
+            setRecentlyPoint.apply(this, [this.range.focus]);
+          }
+          elements.splice(index, 1);
+          continue;
         }
-        this.stack.splice(i, 1);
-        i -= 1;
-        length -= 1;
-        continue;
+        index++;
       }
-    }
+    };
+    let renderRules = this.renderRules.filter((fn) => {
+      return typeof fn == "function";
+    });
+    [handleNotStackBlock, handleInblockWithOther, handleInlineChildrenNotInblock, breakFormat, mergeWithBrotherElement, mergeWithParentElement, ...renderRules].forEach((fn) => {
+      format(this.stack, fn, true);
+    });
     handleStackEmpty.apply(this);
   }
   /**
@@ -14475,6 +14445,11 @@ const editorProps = {
     default: function() {
       return [];
     }
+  },
+  //自适应高度
+  autoheight: {
+    type: Boolean,
+    default: false
   }
 };
 const mergeObject = function(o1, o2) {
@@ -16374,7 +16349,7 @@ const specialInblockHandle = function(editor, element2) {
     });
   }
 };
-const Triangle_vue_vue_type_style_index_0_scoped_c7bb62b7_lang = "";
+const Triangle_vue_vue_type_style_index_0_scoped_70b6f344_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -16464,8 +16439,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 12, _hoisted_1$c);
 }
-const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-c7bb62b7"]]);
-const Layer_vue_vue_type_style_index_0_scoped_2e7e0eb0_lang = "";
+const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-70b6f344"]]);
+const Layer_vue_vue_type_style_index_0_scoped_4a52def5_lang = "";
 const _sfc_main$c = {
   name: "Layer",
   emits: ["update:modelValue", "show", "shown", "hidden"],
@@ -17094,8 +17069,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name", "onEnter", "onAfterEnter", "onAfterLeave"]);
 }
-const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-2e7e0eb0"]]);
-const Tooltip_vue_vue_type_style_index_0_scoped_3b8ba3fe_lang = "";
+const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-4a52def5"]]);
+const Tooltip_vue_vue_type_style_index_0_scoped_5293a020_lang = "";
 const _sfc_main$b = {
   name: "Tooltip",
   props: {
@@ -17174,8 +17149,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "node"])
   ], 34);
 }
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-3b8ba3fe"]]);
-const Icon_vue_vue_type_style_index_0_scoped_c5a1759c_lang = "";
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-5293a020"]]);
+const Icon_vue_vue_type_style_index_0_scoped_5ed6cd4d_lang = "";
 const _sfc_main$a = {
   name: "Icon",
   props: {
@@ -17191,8 +17166,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["editify-icon", "editify-icon-" + $props.value])
   }, null, 2);
 }
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-c5a1759c"]]);
-const Button_vue_vue_type_style_index_0_scoped_762c27cb_lang = "";
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-5ed6cd4d"]]);
+const Button_vue_vue_type_style_index_0_scoped_5928b86d_lang = "";
 const _sfc_main$9 = {
   name: "Button",
   emits: ["operate", "layerShow", "layerShown", "layerHidden"],
@@ -17556,8 +17531,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-762c27cb"]]);
-const Checkbox_vue_vue_type_style_index_0_scoped_c7ef2a61_lang = "";
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-5928b86d"]]);
+const Checkbox_vue_vue_type_style_index_0_scoped_a5c85ca2_lang = "";
 const _sfc_main$8 = {
   name: "Checkbox",
   emits: ["update:modelValue", "change"],
@@ -17686,8 +17661,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
   ], 2);
 }
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-c7ef2a61"]]);
-const Colors_vue_vue_type_style_index_0_scoped_38cf6d98_lang = "";
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-a5c85ca2"]]);
+const Colors_vue_vue_type_style_index_0_scoped_0827adbe_lang = "";
 const _sfc_main$7 = {
   name: "Colors",
   emits: ["change"],
@@ -17769,8 +17744,8 @@ 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-38cf6d98"]]);
-const Toolbar_vue_vue_type_style_index_0_scoped_f7f61935_lang = "";
+const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-0827adbe"]]);
+const Toolbar_vue_vue_type_style_index_0_scoped_95d8d583_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -19351,8 +19326,8 @@ 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-f7f61935"]]);
-const InsertLink_vue_vue_type_style_index_0_scoped_f572cc8f_lang = "";
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-95d8d583"]]);
+const InsertLink_vue_vue_type_style_index_0_scoped_a9191be1_lang = "";
 const _sfc_main$5 = {
   name: "InsertLink",
   emits: ["insert"],
@@ -19462,8 +19437,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-f572cc8f"]]);
-const InsertImage_vue_vue_type_style_index_0_scoped_c50cf629_lang = "";
+const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-a9191be1"]]);
+const InsertImage_vue_vue_type_style_index_0_scoped_0f2f6ae4_lang = "";
 const _sfc_main$4 = {
   name: "InsertImage",
   emits: ["change", "insert"],
@@ -19673,8 +19648,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-c50cf629"]]);
-const InsertVideo_vue_vue_type_style_index_0_scoped_ede2dc10_lang = "";
+const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-0f2f6ae4"]]);
+const InsertVideo_vue_vue_type_style_index_0_scoped_a99ffa99_lang = "";
 const _sfc_main$3 = {
   name: "InsertVideo",
   emits: ["change", "insert"],
@@ -19884,8 +19859,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-ede2dc10"]]);
-const InsertTable_vue_vue_type_style_index_0_scoped_4ea2b077_lang = "";
+const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-a99ffa99"]]);
+const InsertTable_vue_vue_type_style_index_0_scoped_227e119e_lang = "";
 const _sfc_main$2 = {
   name: "InsertTable",
   emits: ["insert"],
@@ -19968,7 +19943,7 @@ const _sfc_main$2 = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-4ea2b077"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-227e119e"), n = n(), popScopeId(), n);
 const _hoisted_1$2 = { class: "editify-table" };
 const _hoisted_2$1 = ["onMouseenter", "onClick"];
 const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
@@ -19998,8 +19973,8 @@ 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-4ea2b077"]]);
-const Menu_vue_vue_type_style_index_0_scoped_e320272f_lang = "";
+const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-227e119e"]]);
+const Menu_vue_vue_type_style_index_0_scoped_25262a69_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -21360,8 +21335,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-e320272f"]]);
-const Editify_vue_vue_type_style_index_0_scoped_40da9f9a_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-25262a69"]]);
+const Editify_vue_vue_type_style_index_0_scoped_eb50ca8a_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -22053,7 +22028,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Menu = resolveComponent("Menu");
   const _component_Toolbar = resolveComponent("Toolbar");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["editify", { fullscreen: $data.isFullScreen }])
+    class: normalizeClass(["editify", { fullscreen: $data.isFullScreen, autoheight: _ctx.autoheight }])
   }, [
     $options.menuConfig.use ? (openBlock(), createBlock(_component_Menu, {
       key: 0,
@@ -22099,7 +22074,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-40da9f9a"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-eb50ca8a"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22282,7 +22257,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.1.3";
+const version = "0.1.4";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));