vue-editify 0.0.28 → 0.0.30

package/examples/App.vue

@@ -11,6 +11,7 @@ export default {
 		return {
 			value: '<p><span>这是一个基于 </span><span data-editify-code="true">Vue3 + alex-editor</span><span> 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: #ec1a0a;">富文本编辑器</span></p>',
 			menuConfig: {
+				mode: 'inner',
 				sequence: {
 					alert: 100
 				},

package/lib/editify.es.js

@@ -2969,9 +2969,11 @@ const emptyDefaultBehaviorInblock = function(element2) {
   }
 };
 const setRangeInVisible = function() {
-  const fn = async (root2) => {
-    const scrollHeight = obj$1.element.getScrollHeight(root2);
-    if (root2.clientHeight < scrollHeight) {
+  var _a;
+  const fn = async (root) => {
+    const scrollHeight = obj$1.element.getScrollHeight(root);
+    const scrollWidth = obj$1.element.getScrollWidth(root);
+    if (root.clientHeight < scrollHeight || root.clientWidth < scrollWidth) {
       const selection = window.getSelection();
       if (selection.rangeCount == 0) {
         return;
@@ -2983,36 +2985,65 @@ const setRangeInVisible = function() {
         target = this.range.focus.element.elm;
       }
       const childRect = target.getBoundingClientRect();
-      const parentRect = root2.getBoundingClientRect();
-      if (childRect.top < parentRect.top) {
-        await obj$1.element.setScrollTop({
-          el: root2,
-          number: 0
-        });
-        const tempChildRect = target.getBoundingClientRect();
-        const tempParentRect = root2.getBoundingClientRect();
-        obj$1.element.setScrollTop({
-          el: root2,
-          number: tempChildRect.top - tempParentRect.top - tempChildRect.height * 2
-        });
-      } else if (childRect.bottom > parentRect.bottom) {
-        await obj$1.element.setScrollTop({
-          el: root2,
-          number: 0
-        });
-        const tempChildRect = target.getBoundingClientRect();
-        const tempParentRect = root2.getBoundingClientRect();
-        obj$1.element.setScrollTop({
-          el: root2,
-          number: tempChildRect.bottom - tempParentRect.bottom + tempChildRect.height * 2
-        });
+      const parentRect = root.getBoundingClientRect();
+      if (root.clientHeight < scrollHeight) {
+        if (childRect.top < parentRect.top) {
+          await obj$1.element.setScrollTop({
+            el: root,
+            number: 0
+          });
+          const tempChildRect = target.getBoundingClientRect();
+          const tempParentRect = root.getBoundingClientRect();
+          obj$1.element.setScrollTop({
+            el: root,
+            number: tempChildRect.top - tempParentRect.top - tempChildRect.height * 2
+          });
+        } else if (childRect.bottom > parentRect.bottom) {
+          await obj$1.element.setScrollTop({
+            el: root,
+            number: 0
+          });
+          const tempChildRect = target.getBoundingClientRect();
+          const tempParentRect = root.getBoundingClientRect();
+          obj$1.element.setScrollTop({
+            el: root,
+            number: tempChildRect.bottom - tempParentRect.bottom + tempChildRect.height * 2
+          });
+        }
+      }
+      if (root.clientWidth < scrollWidth) {
+        if (childRect.left < parentRect.left) {
+          await obj$1.element.setScrollLeft({
+            el: root,
+            number: 0
+          });
+          const tempChildRect = target.getBoundingClientRect();
+          const tempParentRect = root.getBoundingClientRect();
+          obj$1.element.setScrollLeft({
+            el: root,
+            number: tempChildRect.left - tempParentRect.left - tempChildRect.width * 2 - (tempChildRect.width * 2 > 20 ? 0 : 20)
+          });
+        } else if (childRect.right > parentRect.right) {
+          await obj$1.element.setScrollLeft({
+            el: root,
+            number: 0
+          });
+          const tempChildRect = target.getBoundingClientRect();
+          const tempParentRect = root.getBoundingClientRect();
+          obj$1.element.setScrollLeft({
+            el: root,
+            number: tempChildRect.right - tempParentRect.right + tempChildRect.width * 2 + (tempChildRect.width * 2 > 20 ? 0 : 20)
+          });
+        }
       }
     }
   };
-  let root = this.$el;
-  while (obj$1.element.isElement(root) && root != document.documentElement) {
-    fn(root);
-    root = root.parentNode;
+  if ((_a = this.range) == null ? void 0 : _a.focus.element.elm) {
+    let root = this.range.focus.element.elm;
+    while (obj$1.element.isElement(root) && root != document.documentElement) {
+      fn(root);
+      root = root.parentNode;
+    }
   }
 };
 const handleStackEmpty = function() {
@@ -3089,6 +3120,7 @@ const handleSelectionChange = function() {
       } else {
         this.range = new AlexRange(anchor, focus);
       }
+      this.history.updateCurrentRange(this.range);
       this.emit("rangeUpdate", this.range);
     }
   }
@@ -4124,6 +4156,7 @@ class AlexEditor {
     setTimeout(() => {
       setRangeInVisible.apply(this);
       this.__innerSelectionChange = false;
+      this.history.updateCurrentRange(this.range);
       this.emit("rangeUpdate", this.range);
     }, 0);
   }
@@ -19934,7 +19967,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-227ede65"]]);
-const Menu_vue_vue_type_style_index_0_scoped_3fc2d533_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_c607fd63_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -21152,8 +21185,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-3fc2d533"]]);
-const Editify_vue_vue_type_style_index_0_scoped_e9c5b94e_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-c607fd63"]]);
+const Editify_vue_vue_type_style_index_0_scoped_dba8a206_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -22750,7 +22783,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-e9c5b94e"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dba8a206"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22929,7 +22962,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.28";
+const version = "0.0.30";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));