vue-editify 0.1.4 → 0.1.6

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,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-4a52def5"]]);
-const Tooltip_vue_vue_type_style_index_0_scoped_5293a020_lang = "";
+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_6456f300_lang = "";
 const _sfc_main$b = {
   name: "Tooltip",
   props: {
@@ -17115,24 +17115,23 @@ const _sfc_main$b = {
     }
   }
 };
-const _hoisted_1$a = {
-  ref: "target",
-  class: "editify-tooltip-target"
-};
-const _hoisted_2$9 = { class: "editify-tooltip-content" };
+const _hoisted_1$a = { class: "editify-tooltip-content" };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Layer = resolveComponent("Layer");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["editify-tooltip", { block: $props.block }]),
-    onMouseenter: _cache[1] || (_cache[1] = (...args) => $options.showContent && $options.showContent(...args)),
-    onMouseleave: _cache[2] || (_cache[2] = (...args) => $options.hideContent && $options.hideContent(...args))
+    class: normalizeClass(["editify-tooltip", { block: $props.block }])
   }, [
-    createElementVNode("div", _hoisted_1$a, [
+    createElementVNode("div", {
+      ref: "target",
+      class: "editify-tooltip-target",
+      onMouseenter: _cache[0] || (_cache[0] = (...args) => $options.showContent && $options.showContent(...args)),
+      onMouseleave: _cache[1] || (_cache[1] = (...args) => $options.hideContent && $options.hideContent(...args))
+    }, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
-    ], 512),
+    ], 544),
     createVNode(_component_Layer, {
       modelValue: $data.show,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.show = $event),
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.show = $event),
       node: $data.node,
       border: "",
       "border-color": "#000",
@@ -17143,13 +17142,13 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       animation: "fade"
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_2$9, toDisplayString($props.content), 1)
+        createElementVNode("div", _hoisted_1$a, toDisplayString($props.content), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "node"])
-  ], 34);
+  ], 2);
 }
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-5293a020"]]);
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-6456f300"]]);
 const Icon_vue_vue_type_style_index_0_scoped_5ed6cd4d_lang = "";
 const _sfc_main$a = {
   name: "Icon",
@@ -21336,7 +21335,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 +21352,8 @@ const _sfc_main = {
       isModelChange: false,
       //是否正在输入中文
       isInputChinese: false,
+      //工具条和菜单栏判定延时器
+      rangeUpdateTimer: null,
       //表格列宽拖拽记录数据
       tableColumnResizeParams: {
         element: null,
@@ -21901,14 +21902,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 +22081,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 +22264,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.1.4";
+const version = "0.1.6";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));