vue-editify 0.1.4 → 0.1.5

package/examples/App.vue

@@ -5548,7 +5548,7 @@
 		<div>
 			<button @click="disabled = !disabled">禁用</button>
 		</div>
-		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html :menu="menuConfig" ref="editify" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :show-word-length="true" :border="true" :disabled="disabled" @updateview="updateview" :customParseNode="customParseNode" autoheight></editify>
+		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html :menu="menuConfig" ref="editify" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :show-word-length="true" :border="true" :disabled="disabled" @updateview="updateview" :customParseNode="customParseNode"></editify>
 	</div>
 </template>
 <script>

package/lib/editify.es.js

@@ -16440,7 +16440,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   ], 12, _hoisted_1$c);
 }
 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 Layer_vue_vue_type_style_index_0_scoped_b5a839e3_lang = "";
 const _sfc_main$c = {
   name: "Layer",
   emits: ["update:modelValue", "show", "shown", "hidden"],
@@ -16694,13 +16694,13 @@ const _sfc_main$c = {
           if (this.placement == "top" || this.placement == "top-start" || this.placement == "top-end") {
             if (firstRect.top >= 0 && firstRect.top >= parentRect.top && firstRect.top >= this.$el.offsetHeight) {
               this.realPlacement = this.placement;
-            } else if (documentHeight - firstRect.bottom >= 0 && documentHeight - firstRect.bottom >= parentRect.bottom && documentHeight - firstRect.bottom >= this.$el.offsetHeight) {
+            } else if (documentHeight - lastRect.bottom >= 0 && documentHeight - lastRect.bottom >= parentRect.bottom && documentHeight - lastRect.bottom >= this.$el.offsetHeight) {
               this.realPlacement = this.placement == "top" ? "bottom" : this.placement == "top-start" ? "bottom-start" : "bottom-end";
             }
           } else if (this.placement == "bottom" || this.placement == "bottom-start" || this.placement == "bottom-end") {
             if (documentHeight - lastRect.bottom >= 0 && documentHeight - lastRect.bottom >= parentRect.bottom && documentHeight - lastRect.bottom >= this.$el.offsetHeight) {
               this.realPlacement = this.placement;
-            } else if (lastRect.top >= 0 && lastRect.top >= parentRect.top && lastRect.top >= this.$el.offsetHeight) {
+            } else if (firstRect.top >= 0 && firstRect.top >= parentRect.top && firstRect.top >= this.$el.offsetHeight) {
               this.realPlacement = this.placement == "bottom" ? "top" : this.placement == "bottom-start" ? "top-start" : "top-end";
             }
           }
@@ -17069,7 +17069,7 @@ 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-4a52def5"]]);
+const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-b5a839e3"]]);
 const Tooltip_vue_vue_type_style_index_0_scoped_5293a020_lang = "";
 const _sfc_main$b = {
   name: "Tooltip",
@@ -21336,7 +21336,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-25262a69"]]);
-const Editify_vue_vue_type_style_index_0_scoped_eb50ca8a_lang = "";
+const Editify_vue_vue_type_style_index_0_scoped_7535307a_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21353,6 +21353,8 @@ const _sfc_main = {
       isModelChange: false,
       //是否正在输入中文
       isInputChinese: false,
+      //工具条和菜单栏判定延时器
+      rangeUpdateTimer: null,
       //表格列宽拖拽记录数据
       tableColumnResizeParams: {
         element: null,
@@ -21901,14 +21903,20 @@ const _sfc_main = {
         return;
       }
       this.dataRangeCaches = this.editor.getElementsByRange();
-      if (this.toolbarConfig.use || this.menuConfig.use) {
-        if (this.toolbarConfig.use) {
-          this.handleToolbar();
-        }
-        if (this.menuConfig.use) {
-          this.$refs.menu.handleRangeUpdate();
+      if (this.rangeUpdateTimer) {
+        clearTimeout(this.rangeUpdateTimer);
+        this.rangeUpdateTimer = null;
+      }
+      this.rangeUpdateTimer = setTimeout(() => {
+        if (this.toolbarConfig.use || this.menuConfig.use) {
+          if (this.toolbarConfig.use) {
+            this.handleToolbar();
+          }
+          if (this.menuConfig.use) {
+            this.$refs.menu.handleRangeUpdate();
+          }
         }
-      }
+      }, 200);
       this.$emit("rangeupdate");
     },
     //编辑器粘贴html
@@ -22074,7 +22082,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-eb50ca8a"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7535307a"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22257,7 +22265,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.1.4";
+const version = "0.1.5";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));