slate-vue3 0.0.22 → 0.0.23

package/License.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 Guan-Erjia
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 Guan-Erjia
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,174 +1,174 @@
-[<img src="https://github.com/Guan-Erjia/slate-vue3/blob/master/public/banner.png" />](https://github.com/ianstormtaylor/slate)
-
-<p align="center">
-  slate-<a style="color: #087ea4" href="https://react.dev/">react</a> library implemented with <a style="color: #42b883" href="https://vuejs.org/">vue3</a>
-</p>
-<br/>
-
-# How to use?
-
-## 1. install slate-vue3
-```
-npm install slate-vue3
-```
-## 2. now, you can use it in vue-sfc
-```
-<script setup lang="ts">
-import { withDOM, Slate, Editable, defaultRenderLeaf, defaultRenderPlaceHolder, createEditor, withHistory } from "slate-vue3"
-import { h } from "vue";
-
-const initialValue = [{
-  type: 'paragraph',
-  children: [{ text: 'Let's start' }]
-}]
-const renderElement = ({ attributes, children }) => h('p', attributes, children)
-const editor = withHistory(withDOM(createEditor(initialValue)))
-</script>
-
-<template>
-  <Slate :editor="editor" :render-element="renderElement" :render-leaf="defaultRenderLeaf"
-    :render-placeholder="defaultRenderPlaceHolder">
-    <Editable />
-  </Slate>
-</template>
-```
-## 3. check out the :point_right:[**live demo**](https://guan-erjia.github.io/slate-vue3/) of all of the examples
-![example](https://guan-erjia.github.io/slate-vue3/example.png)
-
-# Why use it?
-1. :sparkles: Highly customizable features, use slate core at the bottom level  
-2. :zap: The latest version of the core, use vue to reduce the number of re-renderings  
-3. :coffee: This library provides the same usage as slate-react, design tends to be stable
-
-# Hooks
-## [useComposing](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-composing.ts)
-> Get the current composing state of the editor. It deals with compositionstart, compositionupdate, compositionend events.
-
-const useComposing : ( ) => Ref<boolean>
-```
-import { useComposing } from 'slate-vue3'
-
-const composing = useComposing()
-```
-
-## [useFocused](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-focus.ts)
-> Get the current focused state of the editor.
-
-const useFocused : ( ) => Ref<boolean>
-```
-import { useFocused } from 'slate-vue3'
-
-const focused = useFocused()
-```
-
-## [useReadOnly](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-read-only.ts)
-> Get the current readOnly state of the editor.
-
-const useReadOnly : ( ) => Ref<boolean>
-```
-import { useReadOnly } from 'slate-vue3'
-
-const readonly = useReadOnly()
-```
-
-## [useSelected](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-selected.ts)
-> Get the current selected state of an element.
-
-const useSelected : ( ) => ComputedRef<boolean>
-```
-import { useSelected } from 'slate-vue3'
-
-const selected = useSelected()
-```
-
-## [useEditor](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-editor.ts)
-> Get the current editor object from the context. Context whenever changes occur in the editor.
-
-const useEditor : ( ) => Editor
-```
-import { useEditor } from 'slate-vue3'
-
-const editor = useEditor()
-```
-
-## [useSelection](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-selection.ts)
-> Get the current editor selection from the context.
-
-const useSelection : ( ) => ComputedRef<Selection>
-```
-import { useSelection } from 'slate-vue3'
-
-const selection = useSelection()
-```
-
-
-## [useInheritRef](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-inherit-ref.ts)
-> Automatically bind ref to the real node when the component is mounted，This is important when rendering element nodes directly
-
-const useInheritRef : ( attribute: HTMLAttributes ) => HTMLAttributes
-```
-const renderElement = (props: RenderElementProps) => {
-  const { attributes, children, element } = props
-  switch (element.type) {
-    case 'image':
-      return h(ImageComp, { element, ...useInheritRef(attributes) }, () => children)
-    default:
-      return h('p', attributes, children)
-  }
-}
-```
-
-# FAQ
-### 1. Why do I have to pass renderFunction into <Slate /> component ?
-This ensures that your rich text is as expected, and slave-vue3 provides some default rendering functions, you can directly use the default rendering behavior
-
-### 2. Can I use jsx in slate-vue3 ?
-Of coures yes, but we do not recommend it unless you have already configured jsx in the project, as a branch, using the h function directly is already simple enough
-
-### 3. Why do rendering functions not use Vue components ?
-Vue uses lazy updates, rendering with components generates additional state, which can cause unexpected results during updates, it would be better to use functions as branches directly
-
-# Directory Structure
-
-- [slate](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate)
-  slate core logic, update synchronously with slate
-- [slate-dom](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate-dom)
-  Implementation of slate on dom, update synchronously with slate-dom
-- [slate-vue](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate-vue)
-  Vue components for rendering slate editors
-- [slate-history](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate-history)
-  Provide undo redo functions, replace Weakmap to UnProxyWeakmap
-- [share-tools](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/share-tools)
-  for special processing of Proxy data, obtain the raw pointer, isPlainObject declare
-
-# Compact Slate
-
-**reactive implement**
-
-1. packages/slate/src/interfaces/text.ts 115:115
-2. packages/slate/src/create-editor.ts 94:94
-3. packages/slate/src/transforms-node/set-nodes.ts 18:18
-4. packages/slate/src/interfaces/text.ts 116:116
-
-**remove immer**
-
-1. packages/slate/src/interfaces/node.ts 365:365
-2. packages/slate/src/interfaces/point.ts 103:103
-3. packages/slate/src/interfaces/range.ts 224:224
-4. packages/slate/src/interfaces/transforms/general.ts 322:333
-
-**rewrite implement for WeakMap**
-
-1. packages/share-tools/index.ts
-2. packages/slate-dom/src/utils/weak-maps.ts
-
-**import types from globalThis in slate-dom**
-
-1. packages/slate-dom/src/index.ts
-2. packages/slate-dom/src/plugin/dom-editor.ts
-3. packages/slate-dom/src/utils/dom.ts
-
-**other compact**
-
-1. packages/slate/src/core/normalize-node.ts
-2. packages/slate-dom/src/plugin/dom-editor.ts 421:441
+[<img src="https://github.com/Guan-Erjia/slate-vue3/blob/master/public/banner.png" />](https://github.com/ianstormtaylor/slate)
+
+<p align="center">
+  slate-<a style="color: #087ea4" href="https://react.dev/">react</a> library implemented with <a style="color: #42b883" href="https://vuejs.org/">vue3</a>
+</p>
+<br/>
+
+# How to use?
+
+## 1. install slate-vue3
+```
+npm install slate-vue3
+```
+## 2. now, you can use it in vue-sfc
+```
+<script setup lang="ts">
+import { withDOM, Slate, Editable, defaultRenderLeaf, defaultRenderPlaceHolder, createEditor, withHistory } from "slate-vue3"
+import { h } from "vue";
+
+const initialValue = [{
+  type: 'paragraph',
+  children: [{ text: 'Let's start' }]
+}]
+const renderElement = ({ attributes, children }) => h('p', attributes, children)
+const editor = withHistory(withDOM(createEditor(initialValue)))
+</script>
+
+<template>
+  <Slate :editor="editor" :render-element="renderElement" :render-leaf="defaultRenderLeaf"
+    :render-placeholder="defaultRenderPlaceHolder">
+    <Editable />
+  </Slate>
+</template>
+```
+## 3. check out the :point_right:[**live demo**](https://guan-erjia.github.io/slate-vue3/) of all of the examples
+![example](https://guan-erjia.github.io/slate-vue3/example.png)
+
+# Why use it?
+1. :sparkles: Highly customizable features, use slate core at the bottom level  
+2. :zap: The latest version of the core, use vue to reduce the number of re-renderings  
+3. :coffee: This library provides the same usage as slate-react, design tends to be stable
+
+# Hooks
+## [useComposing](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-composing.ts)
+> Get the current composing state of the editor. It deals with compositionstart, compositionupdate, compositionend events.
+
+const useComposing : ( ) => Ref<boolean>
+```
+import { useComposing } from 'slate-vue3'
+
+const composing = useComposing()
+```
+
+## [useFocused](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-focus.ts)
+> Get the current focused state of the editor.
+
+const useFocused : ( ) => Ref<boolean>
+```
+import { useFocused } from 'slate-vue3'
+
+const focused = useFocused()
+```
+
+## [useReadOnly](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-read-only.ts)
+> Get the current readOnly state of the editor.
+
+const useReadOnly : ( ) => Ref<boolean>
+```
+import { useReadOnly } from 'slate-vue3'
+
+const readonly = useReadOnly()
+```
+
+## [useSelected](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-selected.ts)
+> Get the current selected state of an element.
+
+const useSelected : ( ) => ComputedRef<boolean>
+```
+import { useSelected } from 'slate-vue3'
+
+const selected = useSelected()
+```
+
+## [useEditor](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-editor.ts)
+> Get the current editor object from the context. Context whenever changes occur in the editor.
+
+const useEditor : ( ) => Editor
+```
+import { useEditor } from 'slate-vue3'
+
+const editor = useEditor()
+```
+
+## [useSelection](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-selection.ts)
+> Get the current editor selection from the context.
+
+const useSelection : ( ) => ComputedRef<Selection>
+```
+import { useSelection } from 'slate-vue3'
+
+const selection = useSelection()
+```
+
+
+## [useInheritRef](https://github.com/Guan-Erjia/slate-vue3/blob/master/packages/slate-vue/src/hooks/use-inherit-ref.ts)
+> Automatically bind ref to the real node when the component is mounted，This is important when rendering element nodes directly
+
+const useInheritRef : ( attribute: HTMLAttributes ) => HTMLAttributes
+```
+const renderElement = (props: RenderElementProps) => {
+  const { attributes, children, element } = props
+  switch (element.type) {
+    case 'image':
+      return h(ImageComp, { element, ...useInheritRef(attributes) }, () => children)
+    default:
+      return h('p', attributes, children)
+  }
+}
+```
+
+# FAQ
+### 1. Why do I have to pass renderFunction into <Slate /> component ?
+This ensures that your rich text is as expected, and slave-vue3 provides some default rendering functions, you can directly use the default rendering behavior
+
+### 2. Can I use jsx in slate-vue3 ?
+Of coures yes, but we do not recommend it unless you have already configured jsx in the project, as a branch, using the h function directly is already simple enough
+
+### 3. Why do rendering functions not use Vue components ?
+Vue uses lazy updates, rendering with components generates additional state, which can cause unexpected results during updates, it would be better to use functions as branches directly
+
+# Directory Structure
+
+- [slate](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate)
+  slate core logic, update synchronously with slate
+- [slate-dom](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate-dom)
+  Implementation of slate on dom, update synchronously with slate-dom
+- [slate-vue](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate-vue)
+  Vue components for rendering slate editors
+- [slate-history](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/slate-history)
+  Provide undo redo functions, replace Weakmap to UnProxyWeakmap
+- [share-tools](https://github.com/Guan-Erjia/slate-vue3/tree/master/packages/share-tools)
+  for special processing of Proxy data, obtain the raw pointer, isPlainObject declare
+
+# Compact Slate
+
+**reactive implement**
+
+1. packages/slate/src/interfaces/text.ts 115:115
+2. packages/slate/src/create-editor.ts 94:94
+3. packages/slate/src/transforms-node/set-nodes.ts 18:18
+4. packages/slate/src/interfaces/text.ts 116:116
+
+**remove immer**
+
+1. packages/slate/src/interfaces/node.ts 365:365
+2. packages/slate/src/interfaces/point.ts 103:103
+3. packages/slate/src/interfaces/range.ts 224:224
+4. packages/slate/src/interfaces/transforms/general.ts 322:333
+
+**rewrite implement for WeakMap**
+
+1. packages/share-tools/index.ts
+2. packages/slate-dom/src/utils/weak-maps.ts
+
+**import types from globalThis in slate-dom**
+
+1. packages/slate-dom/src/index.ts
+2. packages/slate-dom/src/plugin/dom-editor.ts
+3. packages/slate-dom/src/utils/dom.ts
+
+**other compact**
+
+1. packages/slate/src/core/normalize-node.ts
+2. packages/slate-dom/src/plugin/dom-editor.ts 421:441

package/dist/index.js

@@ -857,44 +857,10 @@ function baseToString(value) {
   var result = value + "";
   return result == "0" && 1 / value == -Infinity ? "-0" : result;
 }
-var reWhitespace = /\s/;
-function trimmedEndIndex(string2) {
-  var index = string2.length;
-  while (index-- && reWhitespace.test(string2.charAt(index))) {
-  }
-  return index;
-}
-var reTrimStart = /^\s+/;
-function baseTrim(string2) {
-  return string2 ? string2.slice(0, trimmedEndIndex(string2) + 1).replace(reTrimStart, "") : string2;
-}
 function isObject(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
 }
-var NAN = 0 / 0;
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-var reIsBinary = /^0b[01]+$/i;
-var reIsOctal = /^0o[0-7]+$/i;
-var freeParseInt = parseInt;
-function toNumber(value) {
-  if (typeof value == "number") {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject(other) ? other + "" : other;
-  }
-  if (typeof value != "string") {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-}
 function identity(value) {
   return value;
 }
@@ -1086,11 +1052,11 @@ function copyObject(source, props, object, customizer) {
   }
   return object;
 }
-var nativeMax$1 = Math.max;
+var nativeMax = Math.max;
 function overRest(func, start2, transform) {
-  start2 = nativeMax$1(start2 === void 0 ? func.length - 1 : start2, 0);
+  start2 = nativeMax(start2 === void 0 ? func.length - 1 : start2, 0);
   return function() {
-    var args = arguments, index = -1, length = nativeMax$1(args.length - start2, 0), array = Array(length);
+    var args = arguments, index = -1, length = nativeMax(args.length - start2, 0), array = Array(length);
     while (++index < length) {
       array[index] = args[start2 + index];
     }
@@ -1400,10 +1366,10 @@ MapCache.prototype["delete"] = mapCacheDelete;
 MapCache.prototype.get = mapCacheGet;
 MapCache.prototype.has = mapCacheHas;
 MapCache.prototype.set = mapCacheSet;
-var FUNC_ERROR_TEXT$2 = "Expected a function";
+var FUNC_ERROR_TEXT = "Expected a function";
 function memoize(func, resolver) {
   if (typeof func != "function" || resolver != null && typeof resolver != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT$2);
+    throw new TypeError(FUNC_ERROR_TEXT);
   }
   var memoized = function() {
     var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
@@ -1822,92 +1788,6 @@ var CLONE_DEEP_FLAG$1 = 1, CLONE_SYMBOLS_FLAG$1 = 4;
 function cloneDeep(value) {
   return baseClone(value, CLONE_DEEP_FLAG$1 | CLONE_SYMBOLS_FLAG$1);
 }
-var now = function() {
-  return root.Date.now();
-};
-var FUNC_ERROR_TEXT$1 = "Expected a function";
-var nativeMax = Math.max, nativeMin = Math.min;
-function debounce(func, wait, options) {
-  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = "maxWait" in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs, thisArg = lastThis;
-    lastArgs = lastThis = void 0;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    lastInvokeTime = time;
-    timerId = setTimeout(timerExpired, wait);
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = void 0;
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = void 0;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== void 0) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = void 0;
-  }
-  function flush() {
-    return timerId === void 0 ? result : trailingEdge(now());
-  }
-  function debounced() {
-    var time = now(), isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === void 0) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === void 0) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
 function last$1(array) {
   var length = array == null ? 0 : array.length;
   return length ? array[length - 1] : void 0;
@@ -1945,22 +1825,6 @@ var omit = flatRest(function(object, paths) {
   }
   return result;
 });
-var FUNC_ERROR_TEXT = "Expected a function";
-function throttle(func, wait, options) {
-  var leading = true, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = "leading" in options ? !!options.leading : leading;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    "leading": leading,
-    "maxWait": wait,
-    "trailing": trailing
-  });
-}
 const isElement = (value) => {
   return isPlainObject$1(value) && Node.isNodeList(value.children) && !Editor.isEditor(value);
 };
@@ -5881,7 +5745,7 @@ const DOMEditor = {
     return { path: path2, offset };
   },
   toSlateRange: (editor, domRange, options) => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
     const { exactMatch, suppressThrow } = options;
     const el = isDOMSelection(domRange) ? domRange.anchorNode : domRange.startContainer;
     let anchorNode;
@@ -5943,18 +5807,34 @@ const DOMEditor = {
           anchorOffset = domRange.anchorOffset;
           focusNode = domRange.focusNode;
           focusOffset = domRange.focusOffset;
-          if (IS_FIREFOX && ((_a2 = domRange.anchorNode) == null ? void 0 : _a2.role) === "textbox" && ((_b2 = domRange.focusNode) == null ? void 0 : _b2.role) === "textbox") {
-            while (anchorNode == null ? void 0 : anchorNode.firstElementChild) {
-              anchorNode = anchorNode.firstElementChild;
-            }
-            while (focusNode == null ? void 0 : focusNode.lastElementChild) {
-              focusNode = focusNode.lastElementChild;
+          if (IS_FIREFOX) {
+            if (((_a2 = domRange.anchorNode) == null ? void 0 : _a2.role) === "textbox" && ((_b2 = domRange.focusNode) == null ? void 0 : _b2.role) === "textbox") {
+              while (anchorNode == null ? void 0 : anchorNode.firstElementChild) {
+                anchorNode = anchorNode.firstElementChild;
+              }
+              while (focusNode == null ? void 0 : focusNode.lastElementChild) {
+                focusNode = focusNode.lastElementChild;
+              }
+              anchorNode = anchorNode.firstChild;
+              focusNode = focusNode.lastChild;
+              focusOffset = focusNode.length;
+            } else {
+              const anchorEl = (_e = (_d = (_c = anchorNode == null ? void 0 : anchorNode.previousSibling) == null ? void 0 : _c.firstChild) == null ? void 0 : _d.firstChild) == null ? void 0 : _e.firstChild;
+              if ((anchorNode == null ? void 0 : anchorNode.nodeType) === 3 && anchorNode.textContent === "" && anchorEl) {
+                anchorNode = anchorEl;
+                anchorOffset = ((_f = anchorEl.textContent) == null ? void 0 : _f.length) || 0;
+              }
+              const focusEl = (_i = (_h = (_g = focusNode == null ? void 0 : focusNode.previousSibling) == null ? void 0 : _g.lastChild) == null ? void 0 : _h.lastChild) == null ? void 0 : _i.lastChild;
+              if ((focusNode == null ? void 0 : focusNode.nodeType) === 3 && focusNode.textContent === "" && ((_l = (_k = (_j = focusNode.previousSibling) == null ? void 0 : _j.lastChild) == null ? void 0 : _k.lastChild) == null ? void 0 : _l.lastChild)) {
+                focusNode = focusEl;
+                focusOffset = ((_m = focusEl == null ? void 0 : focusEl.textContent) == null ? void 0 : _m.length) || 0;
+              }
             }
-            anchorNode = anchorNode.firstChild;
-            focusNode = focusNode.lastChild;
-            focusOffset = focusNode.length;
           }
         }
+        if (!anchorNode || !focusNode) {
+          return null;
+        }
         if (IS_CHROME && hasShadowRoot(anchorNode) || IS_FIREFOX) {
           isCollapsed = domRange.anchorNode === domRange.focusNode && domRange.anchorOffset === domRange.focusOffset;
         } else {
@@ -5966,6 +5846,18 @@ const DOMEditor = {
         focusNode = domRange.endContainer;
         focusOffset = domRange.endOffset;
         isCollapsed = domRange.collapsed;
+        if (IS_FIREFOX) {
+          const anchorEl = (_p = (_o = (_n = anchorNode.previousSibling) == null ? void 0 : _n.firstChild) == null ? void 0 : _o.firstChild) == null ? void 0 : _p.firstChild;
+          if (anchorNode.nodeType === 3 && anchorNode.textContent === "" && anchorEl) {
+            anchorNode = anchorEl;
+            anchorOffset = ((_q = anchorEl.textContent) == null ? void 0 : _q.length) || 0;
+          }
+          const focusEl = (_t = (_s = (_r = focusNode.previousSibling) == null ? void 0 : _r.lastChild) == null ? void 0 : _s.lastChild) == null ? void 0 : _t.lastChild;
+          if (focusNode.nodeType === 3 && focusNode.textContent === "" && ((_w = (_v = (_u = focusNode.previousSibling) == null ? void 0 : _u.lastChild) == null ? void 0 : _v.lastChild) == null ? void 0 : _w.lastChild)) {
+            focusNode = focusEl;
+            focusOffset = ((_x = focusEl == null ? void 0 : focusEl.textContent) == null ? void 0 : _x.length) || 0;
+          }
+        }
       }
     }
     if (anchorNode == null || focusNode == null || anchorOffset == null || focusOffset == null) {
@@ -5973,7 +5865,7 @@ const DOMEditor = {
         `Cannot resolve a Slate range from DOM range: ${domRange}`
       );
     }
-    if (IS_FIREFOX && ((_c = focusNode.textContent) == null ? void 0 : _c.endsWith("\n\n")) && focusOffset === focusNode.textContent.length) {
+    if (IS_FIREFOX && ((_y = focusNode.textContent) == null ? void 0 : _y.endsWith("\n\n")) && focusOffset === focusNode.textContent.length) {
       focusOffset--;
     }
     const anchor = DOMEditor.toSlatePoint(editor, [anchorNode, anchorOffset], {
@@ -6963,7 +6855,6 @@ const debug = (..._) => {
 const isDataTransfer = (value) => (value == null ? void 0 : value.constructor.name) === "DataTransfer";
 function createAndroidInputManager({
   editor,
-  scheduleOnDOMSelectionChange,
   onDOMSelectionChange
 }) {
   let flushing = false;
@@ -7001,7 +6892,7 @@ function createAndroidInputManager({
     }
     action.run();
   };
-  const flush = () => {
+  const flush = async () => {
     var _a2, _b2;
     if (flushTimeoutId) {
       clearTimeout(flushTimeoutId);
@@ -7029,7 +6920,7 @@ function createAndroidInputManager({
       EDITOR_TO_PENDING_ACTION.get(editor),
       EDITOR_TO_PENDING_DIFFS.get(editor)
     );
-    let scheduleSelectionChange = hasPendingDiffs();
+    hasPendingDiffs();
     let diff;
     while (diff = (_a2 = EDITOR_TO_PENDING_DIFFS.get(editor)) == null ? void 0 : _a2[0]) {
       const pendingMarks = EDITOR_TO_PENDING_INSERTION_MARKS.get(editor);
@@ -7056,13 +6947,10 @@ function createAndroidInputManager({
         )
       );
       if (!verifyDiffState(editor, diff)) {
-        scheduleSelectionChange = false;
         EDITOR_TO_PENDING_ACTION.delete(editor);
         EDITOR_TO_USER_MARKS.delete(editor);
         flushing = "action";
         EDITOR_TO_PENDING_SELECTION.delete(editor);
-        scheduleOnDOMSelectionChange.cancel();
-        onDOMSelectionChange.cancel();
         selectionRef == null ? void 0 : selectionRef.unref();
       }
     }
@@ -7074,11 +6962,7 @@ function createAndroidInputManager({
       performAction();
       return;
     }
-    if (scheduleSelectionChange) {
-      scheduleOnDOMSelectionChange();
-    }
-    scheduleOnDOMSelectionChange.flush();
-    onDOMSelectionChange.flush();
+    await onDOMSelectionChange();
     applyPendingSelection();
     const userMarks = EDITOR_TO_USER_MARKS.get(editor);
     EDITOR_TO_USER_MARKS.delete(editor);
@@ -7140,18 +7024,16 @@ function createAndroidInputManager({
       diff: merged
     };
   };
-  const scheduleAction = (run, { at } = {}) => {
+  const scheduleAction = async (run, { at } = {}) => {
     insertPositionHint = false;
     EDITOR_TO_PENDING_SELECTION.delete(editor);
-    scheduleOnDOMSelectionChange.cancel();
-    onDOMSelectionChange.cancel();
     if (hasPendingAction()) {
-      flush();
+      await flush();
     }
     EDITOR_TO_PENDING_ACTION.set(editor, { at, run });
     actionTimeoutId = setTimeout(flush);
   };
-  const handleDOMBeforeInput = (event) => {
+  const handleDOMBeforeInput = async (event) => {
     if (flushTimeoutId) {
       clearTimeout(flushTimeoutId);
       flushTimeoutId = null;
@@ -8173,33 +8055,31 @@ const Editable = defineComponent({
     );
     const state = reactive({
       isDraggingInternally: false,
-      isUpdatingSelection: false,
       latestElement: null
     });
     const placeholderHeight = ref();
     const onPlaceholderResize = (h2) => placeholderHeight.value = h2;
     const androidInputManagerRef = ref(null);
-    const processing = ref(false);
-    const onDOMSelectionChange = throttle(() => {
-      if (IS_NODE_MAP_DIRTY.get(editor)) {
-        onDOMSelectionChange();
+    const onDOMSelectionChange = (event) => {
+      const target = event == null ? void 0 : event.target;
+      const targetElement = target instanceof HTMLElement ? target : null;
+      const targetTagName = targetElement == null ? void 0 : targetElement.tagName;
+      if (targetTagName === "INPUT" || targetTagName === "TEXTAREA") {
         return;
       }
       const el = DOMEditor.toDOMNode(editor, editor);
       const root2 = el.getRootNode();
-      if (!processing.value && IS_WEBKIT && root2 instanceof ShadowRoot) {
-        processing.value = true;
+      if (IS_WEBKIT && root2 instanceof ShadowRoot) {
         const active = getActiveElement();
         if (active) {
           document.execCommand("indent");
         } else {
           Transforms.deselect(editor);
         }
-        processing.value = false;
         return;
       }
       const androidInputManager = androidInputManagerRef.value;
-      if ((IS_ANDROID || !DOMEditor.isComposing(editor)) && (!state.isUpdatingSelection || (androidInputManager == null ? void 0 : androidInputManager.isFlushing())) && !state.isDraggingInternally) {
+      if ((IS_ANDROID || !DOMEditor.isComposing(editor)) && !state.isDraggingInternally) {
         const root22 = DOMEditor.findDocumentOrShadowRoot(editor);
         const { activeElement } = root22;
         const el2 = DOMEditor.toDOMNode(editor, editor);
@@ -8233,15 +8113,12 @@ const Editable = defineComponent({
           Transforms.deselect(editor);
         }
       }
-    }, 100);
-    const scheduleOnDOMSelectionChange = debounce(onDOMSelectionChange, 0);
+    };
     const editableRef = ref();
     androidInputManagerRef.value = useAndroidInputManager({
       node: editableRef,
-      onDOMSelectionChange,
-      scheduleOnDOMSelectionChange
+      onDOMSelectionChange
     });
-    const timeoutId = ref();
     const { onUserInput } = useRestoreDOM(editableRef, editor);
     onMounted(() => {
       let window2;
@@ -8253,8 +8130,6 @@ const Editable = defineComponent({
       }
     });
     onUnmounted(() => {
-      onDOMSelectionChange.cancel();
-      scheduleOnDOMSelectionChange.cancel();
       EDITOR_TO_ELEMENT.delete(editor);
       NODE_TO_ELEMENT.delete(editor);
     });
@@ -8269,7 +8144,7 @@ const Editable = defineComponent({
         return false;
       }
     });
-    const setDomSelection = (forceChange) => {
+    const setDomSelection = () => {
       var _a2;
       const root2 = DOMEditor.findDocumentOrShadowRoot(editor);
       const domSelection = getSelection(root2);
@@ -8298,7 +8173,7 @@ const Editable = defineComponent({
       if (editorElement.contains(anchorNode) && editorElement.contains(focusNode)) {
         hasDomSelectionInEditor = true;
       }
-      if (hasDomSelection && hasDomSelectionInEditor && editor.selection && !forceChange) {
+      if (hasDomSelection && hasDomSelectionInEditor && editor.selection) {
         const slateRange = DOMEditor.toSlateRange(editor, domSelection, {
           exactMatch: true,
           // domSelection is not necessarily a valid Slate range
@@ -8323,7 +8198,6 @@ const Editable = defineComponent({
         });
         return;
       }
-      state.isUpdatingSelection = true;
       let newDomRange = null;
       try {
         newDomRange = editor.selection && DOMEditor.toDOMRange(editor, editor.selection);
@@ -8353,16 +8227,7 @@ const Editable = defineComponent({
       }
       return newDomRange;
     };
-    const ensureDomSelection = (forceChange) => {
-      try {
-        const el = DOMEditor.toDOMNode(editor, editor);
-        el.focus();
-        setDomSelection(forceChange);
-      } catch (e2) {
-      }
-    };
-    const animationFrameId = ref();
-    const changeEffect = () => {
+    useChangeEffect(() => {
       var _a2, _b2;
       const root2 = DOMEditor.findDocumentOrShadowRoot(editor);
       const domSelection = getSelection(root2);
@@ -8374,35 +8239,13 @@ const Editable = defineComponent({
       }
       const ensureSelection = ((_b2 = androidInputManagerRef.value) == null ? void 0 : _b2.isFlushing()) === "action";
       if (!IS_ANDROID || !ensureSelection) {
-        setTimeout(() => {
-          state.isUpdatingSelection = false;
-        });
         return;
       }
-      animationFrameId.value = requestAnimationFrame(() => {
-        if (ensureSelection) {
-          ensureDomSelection();
-          timeoutId.value = setTimeout(() => {
-            ensureDomSelection(true);
-            state.isUpdatingSelection = false;
-          });
-        }
-      });
-    };
-    useChangeEffect(changeEffect);
-    onUnmounted(() => {
-      animationFrameId.value && cancelAnimationFrame(animationFrameId.value);
-      if (timeoutId) {
-        clearTimeout(timeoutId.value);
-      }
     });
     const stoppedDragging = () => state.isDraggingInternally = false;
     onMounted(() => {
       const window2 = DOMEditor.getWindow(editor);
-      window2.document.addEventListener(
-        "selectionchange",
-        scheduleOnDOMSelectionChange
-      );
+      window2.document.addEventListener("selectionchange", onDOMSelectionChange);
       window2.document.addEventListener("dragend", stoppedDragging);
       window2.document.addEventListener("drop", stoppedDragging);
     });
@@ -8410,12 +8253,12 @@ const Editable = defineComponent({
       const window2 = DOMEditor.getWindow(editor);
       window2.document.removeEventListener(
         "selectionchange",
-        scheduleOnDOMSelectionChange
+        onDOMSelectionChange
       );
       window2.document.removeEventListener("dragend", stoppedDragging);
       window2.document.removeEventListener("drop", stoppedDragging);
     });
-    const onBeforeinput = (event) => {
+    const onBeforeinput = async (event) => {
       var _a2, _b2, _c, _d;
       const isInputEvent = event instanceof InputEvent;
       if (!isInputEvent) {
@@ -8424,7 +8267,7 @@ const Editable = defineComponent({
       if (HAS_BEFORE_INPUT_SUPPORT) {
         const el = DOMEditor.toDOMNode(editor, editor);
         const root2 = el.getRootNode();
-        if ((processing == null ? void 0 : processing.value) && IS_WEBKIT && root2 instanceof ShadowRoot) {
+        if (IS_WEBKIT && root2 instanceof ShadowRoot) {
           const ranges = event.getTargetRanges();
           const range2 = ranges[0];
           const newRange = new window.Range();
@@ -8444,8 +8287,6 @@ const Editable = defineComponent({
           if (androidInputManagerRef.value) {
             return androidInputManagerRef.value.handleDOMBeforeInput(event);
           }
-          scheduleOnDOMSelectionChange.flush();
-          onDOMSelectionChange.flush();
           const { selection } = editor;
           const { inputType } = event;
           const data = event.dataTransfer || event.data || void 0;
@@ -8632,7 +8473,7 @@ const Editable = defineComponent({
       }
     };
     const onBlur = (event) => {
-      if (readOnly || state.isUpdatingSelection || !DOMEditor.hasSelectableTarget(editor, event.target) || isEventHandled(event, attributes.onBlur)) {
+      if (readOnly || !DOMEditor.hasSelectableTarget(editor, event.target) || isEventHandled(event, attributes.onBlur)) {
         return;
       }
       const root2 = DOMEditor.findDocumentOrShadowRoot(editor);
@@ -8814,7 +8655,7 @@ const Editable = defineComponent({
       }
     };
     const onFocus = (event) => {
-      if (!readOnly && !state.isUpdatingSelection && DOMEditor.hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onFocus)) {
+      if (!readOnly && DOMEditor.hasEditableTarget(editor, event.target) && !isEventHandled(event, attributes.onFocus)) {
         const el = DOMEditor.toDOMNode(editor, editor);
         const root2 = DOMEditor.findDocumentOrShadowRoot(editor);
         state.latestElement = root2.activeElement;

package/package.json

@@ -1,67 +1,67 @@
-{
-  "name": "slate-vue3",
-  "version": "0.0.22",
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "description": "slate-react library implemented with vue3",
-  "files": [
-    "dist/"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "build-all": "vite build --mode=lib",
-    "e2e": "playwright test",
-    "e2e-ui": "playwright test --ui",
-    "test": "vitest"
-  },
-  "dependencies": {
-    "direction": "^2.0.1",
-    "is-hotkey": "^0.2.0",
-    "lodash-es": "^4.17.21",
-    "scroll-into-view-if-needed": "^3.1.0"
-  },
-  "peerDependencies": {
-    "vue": "^3.5.13"
-  },
-  "devDependencies": {
-    "@faker-js/faker": "^9.4.0",
-    "@playwright/test": "^1.50.1",
-    "@testing-library/vue": "^8.1.0",
-    "@types/is-hotkey": "^0.1.10",
-    "@types/is-url": "^1.2.32",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.13.1",
-    "@types/prismjs": "^1.26.5",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "image-extensions": "^1.1.0",
-    "is-url": "^1.2.4",
-    "jsdom": "^26.0.0",
-    "prismjs": "^1.29.0",
-    "slate-hyperscript": "^0.100.0",
-    "typescript": "~5.7.2",
-    "vite": "^6.1.0",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.5",
-    "vue-router": "^4.5.0"
-  },
-  "keywords": [
-    "slate-vue3",
-    "slate-vue",
-    "slate",
-    "editor",
-    "contenteditable",
-    "richtext",
-    "rich",
-    "editable",
-    "markdown",
-    "html"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Guan-Erjia/slate-vue3"
-  }
-}
+{
+  "name": "slate-vue3",
+  "version": "0.0.23",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "description": "slate-react library implemented with vue3",
+  "files": [
+    "dist/"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "build-all": "vite build --mode=lib",
+    "e2e": "playwright test",
+    "e2e-ui": "playwright test --ui",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "direction": "^2.0.1",
+    "is-hotkey": "^0.2.0",
+    "lodash-es": "^4.17.21",
+    "scroll-into-view-if-needed": "^3.1.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^9.4.0",
+    "@playwright/test": "^1.50.1",
+    "@testing-library/vue": "^8.1.0",
+    "@types/is-hotkey": "^0.1.10",
+    "@types/is-url": "^1.2.32",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.13.1",
+    "@types/prismjs": "^1.26.5",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "image-extensions": "^1.1.0",
+    "is-url": "^1.2.4",
+    "jsdom": "^26.0.0",
+    "prismjs": "^1.29.0",
+    "slate-hyperscript": "^0.100.0",
+    "typescript": "~5.7.2",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^3.0.5",
+    "vue-router": "^4.5.0"
+  },
+  "keywords": [
+    "slate-vue3",
+    "slate-vue",
+    "slate",
+    "editor",
+    "contenteditable",
+    "richtext",
+    "rich",
+    "editable",
+    "markdown",
+    "html"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Guan-Erjia/slate-vue3"
+  }
+}