slate-vue3 0.8.1 → 0.9.0

package/README.md

@@ -53,7 +53,7 @@ editor.children = initialValue;
 </script>
 
 <template>
-  <Slate :editor="editor">
+  <Slate :editor>
     <Editable />
   </Slate>
 </template>

package/dist/core.js

@@ -1,6 +1,6 @@
-import { a6, a7, a8, d, e, f, a, h, aj, c, i, j, k, ap, ak, l, m, o, p, q, g, b, r, t, u, v, w, x, aq, y, a9, z, A, B, C, D, E, F, G, H, I, J, aa, K, ab, al, ac, L, M, N, O, n, P, S, Q, R, V, T, U, W, X, _, Y, Z, $, ad, am, ae, a0, an, ao, a5, s, af, a1, a2, a3, ag, ah, a4, ai } from "./create-editor-BEF9fMF8.js";
-import { E as E2, a as a10, I as I2, N as N2, O as O2, P as P2, b as b2, R as R2, S as S2, T as T2, c as c2, i as i2, d as d2 } from "./index-CCzZ6aOH.js";
-import { L as L2, S as S3 } from "./location-Be5j1v5S.js";
+import { a6, a7, a8, d, e, f, a, h, aj, c, i, j, k, ap, ak, l, m, o, p, q, g, b, r, t, u, v, w, x, aq, y, a9, z, A, B, C, D, E, F, G, H, I, J, aa, K, ab, al, ac, L, M, N, O, n, P, S, Q, R, V, T, U, W, X, _, Y, Z, $, ad, am, ae, a0, an, ao, a5, s, af, a1, a2, a3, ag, ah, a4, ai } from "./create-editor-C9yJ-Zny.js";
+import { E as E2, a as a10, I as I2, N as N2, O as O2, P as P2, b as b2, R as R2, S as S2, T as T2, c as c2, i as i2, d as d2 } from "./index-Bj4hXlPm.js";
+import { L as L2, S as S3 } from "./location-Ca0TF-GI.js";
 export {
   E2 as Editor,
   a10 as Element,

package/dist/{create-editor-BEF9fMF8.js → create-editor-C9yJ-Zny.js}

@@ -1,6 +1,6 @@
-import { P as Path, b as Point, R as Range, E as Editor, c as Transforms, T as Text, N as Node, a as Element, e as cloneDeep, g as getDefaultInsertLocation, S as Scrubber, I as IS_EDITOR_SET } from "./index-CCzZ6aOH.js";
-import { reactive } from "vue";
-import { S as Span } from "./location-Be5j1v5S.js";
+import { P as Path, b as Point, R as Range, E as Editor, c as Transforms, T as Text, N as Node, a as Element, e as cloneDeep, g as getDefaultInsertLocation, S as Scrubber, I as IS_EDITOR_SET } from "./index-Bj4hXlPm.js";
+import { shallowReactive, reactive } from "vue";
+import { S as Span } from "./location-Ca0TF-GI.js";
 const PathRef = {
   transform(ref, op) {
     const { current, affinity } = ref;
@@ -180,7 +180,10 @@ const isLowSurrogate = (charCode) => {
 };
 const reExtend = /^[\p{Gr_Ext}\p{EMod}]$/u;
 const rePrepend = /^[\u0600-\u0605\u06DD\u070F\u0890-\u0891\u08E2\u0D4E\u{110BD}\u{110CD}\u{111C2}-\u{111C3}\u{1193F}\u{11941}\u{11A3A}\u{11A84}-\u{11A89}\u{11D46}]$/u;
-const reSpacingMark = /^[\u0903\u093B\u093E-\u0940\u0949-\u094C\u094E-\u094F\u0982-\u0983\u09BF-\u09C0\u09C7-\u09C8\u09CB-\u09CC\u0A03\u0A3E-\u0A40\u0A83\u0ABE-\u0AC0\u0AC9\u0ACB-\u0ACC\u0B02-\u0B03\u0B40\u0B47-\u0B48\u0B4B-\u0B4C\u0BBF\u0BC1-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCC\u0C01-\u0C03\u0C41-\u0C44\u0C82-\u0C83\u0CBE\u0CC0-\u0CC1\u0CC3-\u0CC4\u0CC7-\u0CC8\u0CCA-\u0CCB\u0D02-\u0D03\u0D3F-\u0D40\u0D46-\u0D48\u0D4A-\u0D4C\u0D82-\u0D83\u0DD0-\u0DD1\u0DD8-\u0DDE\u0DF2-\u0DF3\u0E33\u0EB3\u0F3E-\u0F3F\u0F7F\u1031\u103B-\u103C\u1056-\u1057\u1084\u1715\u1734\u17B6\u17BE-\u17C5\u17C7-\u17C8\u1923-\u1926\u1929-\u192B\u1930-\u1931\u1933-\u1938\u1A19-\u1A1A\u1A55\u1A57\u1A6D-\u1A72\u1B04\u1B3B\u1B3D-\u1B41\u1B43-\u1B44\u1B82\u1BA1\u1BA6-\u1BA7\u1BAA\u1BE7\u1BEA-\u1BEC\u1BEE\u1BF2-\u1BF3\u1C24-\u1C2B\u1C34-\u1C35\u1CE1\u1CF7\uA823-\uA824\uA827\uA880-\uA881\uA8B4-\uA8C3\uA952-\uA953\uA983\uA9B4-\uA9B5\uA9BA-\uA9BB\uA9BE-\uA9C0\uAA2F-\uAA30\uAA33-\uAA34\uAA4D\uAAEB\uAAEE-\uAAEF\uAAF5\uABE3-\uABE4\uABE6-\uABE7\uABE9-\uABEA\uABEC\u{11000}\u{11002}\u{11082}\u{110B0}-\u{110B2}\u{110B7}-\u{110B8}\u{1112C}\u{11145}-\u{11146}\u{11182}\u{111B3}-\u{111B5}\u{111BF}-\u{111C0}\u{111CE}\u{1122C}-\u{1122E}\u{11232}-\u{11233}\u{11235}\u{112E0}-\u{112E2}\u{11302}-\u{11303}\u{1133F}\u{11341}-\u{11344}\u{11347}-\u{11348}\u{1134B}-\u{1134D}\u{11362}-\u{11363}\u{11435}-\u{11437}\u{11440}-\u{11441}\u{11445}\u{114B1}-\u{114B2}\u{114B9}\u{114BB}-\u{114BC}\u{114BE}\u{114C1}\u{115B0}-\u{115B1}\u{115B8}-\u{115BB}\u{115BE}\u{11630}-\u{11632}\u{1163B}-\u{1163C}\u{1163E}\u{116AC}\u{116AE}-\u{116AF}\u{116B6}\u{11726}\u{1182C}-\u{1182E}\u{11838}\u{11931}-\u{11935}\u{11937}-\u{11938}\u{1193D}\u{11940}\u{11942}\u{119D1}-\u{119D3}\u{119DC}-\u{119DF}\u{119E4}\u{11A39}\u{11A57}-\u{11A58}\u{11A97}\u{11C2F}\u{11C3E}\u{11CA9}\u{11CB1}\u{11CB4}\u{11D8A}-\u{11D8E}\u{11D93}-\u{11D94}\u{11D96}\u{11EF5}-\u{11EF6}\u{16F51}-\u{16F87}\u{16FF0}-\u{16FF1}\u{1D166}\u{1D16D}]$/u;
+const reSpacingMark = (
+  // eslint-disable-next-line no-misleading-character-class
+  /^[\u0903\u093B\u093E-\u0940\u0949-\u094C\u094E-\u094F\u0982-\u0983\u09BF-\u09C0\u09C7-\u09C8\u09CB-\u09CC\u0A03\u0A3E-\u0A40\u0A83\u0ABE-\u0AC0\u0AC9\u0ACB-\u0ACC\u0B02-\u0B03\u0B40\u0B47-\u0B48\u0B4B-\u0B4C\u0BBF\u0BC1-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCC\u0C01-\u0C03\u0C41-\u0C44\u0C82-\u0C83\u0CBE\u0CC0-\u0CC1\u0CC3-\u0CC4\u0CC7-\u0CC8\u0CCA-\u0CCB\u0D02-\u0D03\u0D3F-\u0D40\u0D46-\u0D48\u0D4A-\u0D4C\u0D82-\u0D83\u0DD0-\u0DD1\u0DD8-\u0DDE\u0DF2-\u0DF3\u0E33\u0EB3\u0F3E-\u0F3F\u0F7F\u1031\u103B-\u103C\u1056-\u1057\u1084\u1715\u1734\u17B6\u17BE-\u17C5\u17C7-\u17C8\u1923-\u1926\u1929-\u192B\u1930-\u1931\u1933-\u1938\u1A19-\u1A1A\u1A55\u1A57\u1A6D-\u1A72\u1B04\u1B3B\u1B3D-\u1B41\u1B43-\u1B44\u1B82\u1BA1\u1BA6-\u1BA7\u1BAA\u1BE7\u1BEA-\u1BEC\u1BEE\u1BF2-\u1BF3\u1C24-\u1C2B\u1C34-\u1C35\u1CE1\u1CF7\uA823-\uA824\uA827\uA880-\uA881\uA8B4-\uA8C3\uA952-\uA953\uA983\uA9B4-\uA9B5\uA9BA-\uA9BB\uA9BE-\uA9C0\uAA2F-\uAA30\uAA33-\uAA34\uAA4D\uAAEB\uAAEE-\uAAEF\uAAF5\uABE3-\uABE4\uABE6-\uABE7\uABE9-\uABEA\uABEC\u{11000}\u{11002}\u{11082}\u{110B0}-\u{110B2}\u{110B7}-\u{110B8}\u{1112C}\u{11145}-\u{11146}\u{11182}\u{111B3}-\u{111B5}\u{111BF}-\u{111C0}\u{111CE}\u{1122C}-\u{1122E}\u{11232}-\u{11233}\u{11235}\u{112E0}-\u{112E2}\u{11302}-\u{11303}\u{1133F}\u{11341}-\u{11344}\u{11347}-\u{11348}\u{1134B}-\u{1134D}\u{11362}-\u{11363}\u{11435}-\u{11437}\u{11440}-\u{11441}\u{11445}\u{114B1}-\u{114B2}\u{114B9}\u{114BB}-\u{114BC}\u{114BE}\u{114C1}\u{115B0}-\u{115B1}\u{115B8}-\u{115BB}\u{115BE}\u{11630}-\u{11632}\u{1163B}-\u{1163C}\u{1163E}\u{116AC}\u{116AE}-\u{116AF}\u{116B6}\u{11726}\u{1182C}-\u{1182E}\u{11838}\u{11931}-\u{11935}\u{11937}-\u{11938}\u{1193D}\u{11940}\u{11942}\u{119D1}-\u{119D3}\u{119DC}-\u{119DF}\u{119E4}\u{11A39}\u{11A57}-\u{11A58}\u{11A97}\u{11C2F}\u{11C3E}\u{11CA9}\u{11CB1}\u{11CB4}\u{11D8A}-\u{11D8E}\u{11D93}-\u{11D94}\u{11D96}\u{11EF5}-\u{11EF6}\u{16F51}-\u{16F87}\u{16FF0}-\u{16FF1}\u{1D166}\u{1D16D}]$/u
+);
 const reL = /^[\u1100-\u115F\uA960-\uA97C]$/u;
 const reV = /^[\u1160-\u11A7\uD7B0-\uD7C6]$/u;
 const reT = /^[\u11A8-\u11FF\uD7CB-\uD7FB]$/u;
@@ -838,7 +841,8 @@ const marks = (editor, options = {}) => {
 };
 const next = (editor, options = {}) => {
   const { mode = "lowest", voids = false } = options;
-  let { match, at = editor.selection } = options;
+  const { at = editor.selection } = options;
+  let { match } = options;
   if (!at) {
     return;
   }
@@ -1134,7 +1138,9 @@ function* positions(editor, options = {}) {
     reverse,
     voids
   })) {
-    const hasSkippedAncestor = skippedPaths.some((p) => Path.isAncestor(p, path2));
+    const hasSkippedAncestor = skippedPaths.some(
+      (p) => Path.isAncestor(p, path2)
+    );
     function* maybeYield(point2) {
       if (!hasSkippedAncestor) {
         yield point2;
@@ -1211,7 +1217,8 @@ function* positions(editor, options = {}) {
 }
 const previous = (editor, options = {}) => {
   const { mode = "lowest", voids = false } = options;
-  let { match, at = editor.selection } = options;
+  let { match } = options;
+  const { at = editor.selection } = options;
   if (!at) {
     return;
   }
@@ -1338,7 +1345,9 @@ const string = (editor, at, options = {}) => {
 };
 const unhangRange = (editor, range2, options = {}) => {
   const { voids = false } = options;
-  let [start2, end2] = Range.edges(range2);
+  const edges2 = Range.edges(range2);
+  const [start2] = edges2;
+  let [, end2] = edges2;
   if (start2.offset !== 0 || end2.offset !== 0 || Range.isCollapsed(range2) || Path.hasPrevious(end2.path)) {
     return range2;
   }
@@ -1498,6 +1507,7 @@ const deleteText = (editor, options = {}) => {
       });
     }
     if (isCollapsed && reverse && unit === "character" && removedText.length > 1 && removedText.match(
+      // eslint-disable-next-line no-misleading-character-class
       /[\u0980-\u09FF\u0E00-\u0E7F\u1000-\u109F\u0900-\u097F\u1780-\u17FF\u0D00-\u0D7F\u0B00-\u0B7F\u0A00-\u0A7F\u0B80-\u0BFF\u0C00-\u0C7F]+/
     )) {
       Transforms.insertText(
@@ -1516,7 +1526,8 @@ const deleteText = (editor, options = {}) => {
 const insertFragment = (editor, fragment2, options = {}) => {
   Editor.withoutNormalizing(editor, () => {
     const { hanging = false, voids = false } = options;
-    let { at = getDefaultInsertLocation(editor), batchDirty = true } = options;
+    let { at = getDefaultInsertLocation(editor) } = options;
+    const { batchDirty = true } = options;
     if (!fragment2.length) {
       return;
     }
@@ -2126,7 +2137,8 @@ const removeNodes = (editor, options = {}) => {
 };
 const setNodes = (editor, props, options = {}) => {
   Editor.withoutNormalizing(editor, () => {
-    let { match, at = cloneDeep(editor.selection), compare, merge } = options;
+    let { match, at = cloneDeep(editor.selection), compare } = options;
+    const { merge } = options;
     const {
       hanging = false,
       mode = "lowest",
@@ -2191,7 +2203,7 @@ const setNodes = (editor, props, options = {}) => {
         }
         if (compare(props[k], node2[k])) {
           hasChanges = true;
-          if (node2.hasOwnProperty(k))
+          if (Object.prototype.hasOwnProperty.call(node2, k))
             properties[k] = node2[k];
           if (merge) {
             if (props[k] != null)
@@ -2229,7 +2241,12 @@ const deleteRange = (editor, range2) => {
 const splitNodes = (editor, options = {}) => {
   Editor.withoutNormalizing(editor, () => {
     const { mode = "lowest", voids = false } = options;
-    let { match, at = cloneDeep(editor.selection), height = 0, always = false } = options;
+    let {
+      match,
+      at = cloneDeep(editor.selection),
+      height = 0,
+      always = false
+    } = options;
     if (match == null) {
       match = (n) => Element.isElement(n) && Editor.isBlock(editor, n);
     }
@@ -2452,7 +2469,7 @@ const wrapNodes = (editor, element, options = {}) => {
   });
 };
 const createEditor = () => {
-  const editor = reactive({
+  const editor = shallowReactive({
     children: [],
     operations: [],
     selection: null,
@@ -2545,6 +2562,16 @@ const createEditor = () => {
     wrapNodes: (...args) => wrapNodes(editor, ...args),
     shouldMergeNodesRemovePrevNode: (...args) => shouldMergeNodesRemovePrevNode(editor, ...args)
   });
+  const _children = reactive([]);
+  Object.defineProperty(editor, "children", {
+    get() {
+      return _children;
+    },
+    set(value) {
+      _children.length = 0;
+      _children.push(...value);
+    }
+  });
   IS_EDITOR_SET.add(editor);
   return editor;
 };

package/dist/dom.js

@@ -1,7 +1,7 @@
-import { D as DOMEditor, r as reconcileChildren, E as EDITOR_TO_KEY_TO_ELEMENT, a as EDITOR_TO_USER_MARKS, b as EDITOR_TO_USER_SELECTION, N as NODE_TO_KEY, i as isDOMText, g as getPlainText, c as getSlateFragmentAttribute, d as EDITOR_TO_ON_CHANGE } from "./hotkeys-B9cuO97x.js";
-import { C, G, J, L, H, F, I, v, M, w, x, O, y, P, A, z, B, K, Q, R, S, T, e, f, h, j, k, l, m, o, p, q, s, t, u, n } from "./hotkeys-B9cuO97x.js";
-import { E as Editor, R as Range, a as Element, c as Transforms, N as Node, P as Path } from "./index-CCzZ6aOH.js";
-import { reactive } from "vue";
+import { D as DOMEditor, E as EDITOR_TO_KEY_TO_ELEMENT, a as EDITOR_TO_USER_MARKS, g as getChunkTreeForNode, b as EDITOR_TO_USER_SELECTION, N as NODE_TO_KEY, i as isDOMText, c as getPlainText, d as getSlateFragmentAttribute, e as EDITOR_TO_ON_CHANGE } from "./hotkeys-DpQWNvFe.js";
+import { C, L, M, O, H, F, I, v, P, w, x, Q, y, R, A, z, B, J, K, S, T, U, V, f, h, j, k, l, m, o, p, q, r, s, t, u, n, G } from "./hotkeys-DpQWNvFe.js";
+import { E as Editor, R as Range, a as Element, c as Transforms, N as Node, P as Path } from "./index-Bj4hXlPm.js";
+import "vue";
 const doRectsIntersect = (rect, compareRect) => {
   const middle = (compareRect.top + compareRect.bottom) / 2;
   return rect.top <= middle && rect.bottom >= middle;
@@ -45,70 +45,49 @@ const findCurrentLineRange = (editor, parentRange) => {
   }
   return Editor.range(editor, positions[left], parentRangeBoundary);
 };
-const KEY_TO_CHUNK_TREE = /* @__PURE__ */ new WeakMap();
-const getChunkTreeForNode = (editor, node, options = {}) => {
-  const key = DOMEditor.findKey(editor, node);
-  let chunkTree = KEY_TO_CHUNK_TREE.get(key);
-  if (!chunkTree) {
-    chunkTree = {
-      type: "root",
-      movedNodeKeys: /* @__PURE__ */ new Set(),
-      children: reactive([])
-    };
-    KEY_TO_CHUNK_TREE.set(key, chunkTree);
-  }
-  if (options.reconcile) {
-    reconcileChildren(editor, {
-      chunkTree,
-      children: node.children,
-      ...options.reconcile
-    });
-  }
-  return chunkTree;
-};
 const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
-  const e2 = editor;
-  const { apply, onChange, deleteBackward, addMark, removeMark } = e2;
-  EDITOR_TO_KEY_TO_ELEMENT.set(e2, /* @__PURE__ */ new WeakMap());
-  e2.addMark = (key, value) => {
-    EDITOR_TO_USER_MARKS.delete(e2);
+  const e = editor;
+  const { apply, onChange, deleteBackward, addMark, removeMark } = e;
+  EDITOR_TO_KEY_TO_ELEMENT.set(e, /* @__PURE__ */ new WeakMap());
+  e.addMark = (key, value) => {
+    EDITOR_TO_USER_MARKS.delete(e);
     addMark(key, value);
   };
-  e2.removeMark = (key) => {
-    EDITOR_TO_USER_MARKS.delete(e2);
+  e.removeMark = (key) => {
+    EDITOR_TO_USER_MARKS.delete(e);
     removeMark(key);
   };
-  e2.deleteBackward = (unit) => {
+  e.deleteBackward = (unit) => {
     if (unit !== "line") {
       return deleteBackward(unit);
     }
-    if (e2.selection && Range.isCollapsed(e2.selection)) {
-      const parentBlockEntry = Editor.above(e2, {
-        match: (n2) => Element.isElement(n2) && Editor.isBlock(e2, n2),
-        at: e2.selection
+    if (e.selection && Range.isCollapsed(e.selection)) {
+      const parentBlockEntry = Editor.above(e, {
+        match: (n2) => Element.isElement(n2) && Editor.isBlock(e, n2),
+        at: e.selection
       });
       if (parentBlockEntry) {
         const [, parentBlockPath] = parentBlockEntry;
         const parentElementRange = Editor.range(
-          e2,
+          e,
           parentBlockPath,
-          e2.selection.anchor
+          e.selection.anchor
         );
-        const currentLineRange = findCurrentLineRange(e2, parentElementRange);
+        const currentLineRange = findCurrentLineRange(e, parentElementRange);
         if (!Range.isCollapsed(currentLineRange)) {
-          Transforms.delete(e2, { at: currentLineRange });
+          Transforms.delete(e, { at: currentLineRange });
         }
       }
     }
   };
-  e2.apply = (op) => {
+  e.apply = (op) => {
     if (op.type === "move_node") {
-      const parent = Node.parent(e2, op.path);
-      const chunking = !!e2.getChunkSize(parent);
+      const parent = Node.parent(e, op.path);
+      const chunking = !!e.getChunkSize(parent);
       if (chunking) {
-        const node = Node.get(e2, op.path);
-        const chunkTree = getChunkTreeForNode(e2, parent);
-        const key = DOMEditor.findKey(e2, node);
+        const node = Node.get(e, op.path);
+        const chunkTree = getChunkTreeForNode(e, parent);
+        const key = DOMEditor.findKey(e, node);
         chunkTree.movedNodeKeys.add(key);
       }
     }
@@ -119,22 +98,22 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
       case "remove_text":
       case "set_node":
       case "split_node": {
-        matches.push(...getMatches(e2, op.path));
+        matches.push(...getMatches(e, op.path));
         break;
       }
       case "set_selection": {
-        EDITOR_TO_USER_SELECTION.get(e2)?.unref();
-        EDITOR_TO_USER_SELECTION.delete(e2);
+        EDITOR_TO_USER_SELECTION.get(e)?.unref();
+        EDITOR_TO_USER_SELECTION.delete(e);
         break;
       }
       case "insert_node":
       case "remove_node": {
-        matches.push(...getMatches(e2, Path.parent(op.path)));
+        matches.push(...getMatches(e, Path.parent(op.path)));
         break;
       }
       case "merge_node": {
         const prevPath = Path.previous(op.path);
-        matches.push(...getMatches(e2, prevPath));
+        matches.push(...getMatches(e, prevPath));
         break;
       }
       case "move_node": {
@@ -142,47 +121,47 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
           Path.parent(op.path),
           Path.parent(op.newPath)
         );
-        matches.push(...getMatches(e2, commonPath));
+        matches.push(...getMatches(e, commonPath));
         let changedPath;
         if (Path.isBefore(op.path, op.newPath)) {
-          matches.push(...getMatches(e2, Path.parent(op.path)));
+          matches.push(...getMatches(e, Path.parent(op.path)));
           changedPath = op.newPath;
         } else {
-          matches.push(...getMatches(e2, Path.parent(op.newPath)));
+          matches.push(...getMatches(e, Path.parent(op.newPath)));
           changedPath = op.path;
         }
         const changedNode = Node.get(editor, Path.parent(changedPath));
-        const changedNodeKey = DOMEditor.findKey(e2, changedNode);
-        const changedPathRef = Editor.pathRef(e2, Path.parent(changedPath));
+        const changedNodeKey = DOMEditor.findKey(e, changedNode);
+        const changedPathRef = Editor.pathRef(e, Path.parent(changedPath));
         pathRefMatches.push([changedPathRef, changedNodeKey]);
         break;
       }
     }
     apply(op);
     for (const [path, key] of matches) {
-      const [node] = Editor.node(e2, path);
+      const [node] = Editor.node(e, path);
       NODE_TO_KEY.set(node, key);
     }
     for (const [pathRef, key] of pathRefMatches) {
       if (pathRef.current) {
-        const [node] = Editor.node(e2, pathRef.current);
+        const [node] = Editor.node(e, pathRef.current);
         NODE_TO_KEY.set(node, key);
       }
       pathRef.unref();
     }
   };
-  e2.setFragmentData = (data) => {
-    const { selection } = e2;
+  e.setFragmentData = (data) => {
+    const { selection } = e;
     if (!selection) {
       return;
     }
     const [start, end] = Range.edges(selection);
-    const startVoid = Editor.void(e2, { at: start.path });
-    const endVoid = Editor.void(e2, { at: end.path });
+    const startVoid = Editor.void(e, { at: start.path });
+    const endVoid = Editor.void(e, { at: end.path });
     if (Range.isCollapsed(selection) && !startVoid) {
       return;
     }
-    const domRange = DOMEditor.toDOMRange(e2, selection);
+    const domRange = DOMEditor.toDOMRange(e, selection);
     let contents = domRange.cloneContents();
     let attach = contents.childNodes[0];
     contents.childNodes.forEach((node) => {
@@ -192,10 +171,10 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
     });
     if (endVoid) {
       const [voidNode] = endVoid;
-      const r = domRange.cloneRange();
-      const domNode = DOMEditor.toDOMNode(e2, voidNode);
-      r.setEndAfter(domNode);
-      contents = r.cloneContents();
+      const r2 = domRange.cloneRange();
+      const domNode = DOMEditor.toDOMNode(e, voidNode);
+      r2.setEndAfter(domNode);
+      contents = r2.cloneContents();
     }
     if (startVoid) {
       attach = contents.querySelector("[data-slate-spacer]");
@@ -213,7 +192,7 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
       contents.appendChild(span);
       attach = span;
     }
-    const fragment = e2.getFragment();
+    const fragment = e.getFragment();
     const string = JSON.stringify(fragment);
     const encoded = window.btoa(encodeURIComponent(string));
     attach.setAttribute("data-slate-fragment", encoded);
@@ -227,65 +206,62 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
     contents.ownerDocument.body.removeChild(div);
     return data;
   };
-  e2.insertData = (data) => {
-    if (!e2.insertFragmentData(data)) {
-      e2.insertTextData(data);
+  e.insertData = (data) => {
+    if (!e.insertFragmentData(data)) {
+      e.insertTextData(data);
     }
   };
-  e2.insertFragmentData = (data) => {
+  e.insertFragmentData = (data) => {
     const fragment = data.getData(`application/${clipboardFormatKey}`) || getSlateFragmentAttribute(data);
     if (fragment) {
       const decoded = decodeURIComponent(window.atob(fragment));
       const parsed = JSON.parse(decoded);
-      e2.insertFragment(parsed);
+      e.insertFragment(parsed);
       return true;
     }
     return false;
   };
-  e2.insertTextData = (data) => {
+  e.insertTextData = (data) => {
     const text = data.getData("text/plain");
     if (text) {
       const lines = text.split(/\r\n|\r|\n/);
       let split = false;
       for (const line of lines) {
         if (split) {
-          Transforms.splitNodes(e2, { always: true });
+          Transforms.splitNodes(e, { always: true });
         }
-        e2.insertText(line);
+        e.insertText(line);
         split = true;
       }
       return true;
     }
     return false;
   };
-  e2.getChunkSize = () => null;
-  e2.onChange = (options) => {
-    const onContextChange = EDITOR_TO_ON_CHANGE.get(e2);
+  e.getChunkSize = () => null;
+  e.onChange = (options) => {
+    const onContextChange = EDITOR_TO_ON_CHANGE.get(e);
     if (onContextChange) {
       onContextChange(options);
     }
     onChange(options);
   };
-  return e2;
+  return e;
 };
-const getMatches = (e2, path) => {
+const getMatches = (e, path) => {
   const matches = [];
-  for (const [n2, p2] of Editor.levels(e2, { at: path })) {
-    const key = DOMEditor.findKey(e2, n2);
+  for (const [n2, p2] of Editor.levels(e, { at: path })) {
+    const key = DOMEditor.findKey(e, n2);
     matches.push([p2, key]);
   }
   return matches;
 };
 const shallowCompare = (obj1, obj2) => Object.keys(obj1).length === Object.keys(obj2).length && Object.keys(obj1).every(
-  (key) => obj2.hasOwnProperty(key) && obj1[key] === obj2[key]
+  (key) => Object.prototype.hasOwnProperty.call(obj2, key) && obj1[key] === obj2[key]
 );
 const isDecorationFlagsEqual = (range, other) => {
   const { anchor: rangeAnchor, focus: rangeFocus, ...rangeOwnProps } = range;
   const { anchor: otherAnchor, focus: otherFocus, ...otherOwnProps } = other;
-  return shallowCompare(
-    rangeOwnProps,
-    otherOwnProps
-  );
+  return shallowCompare(rangeOwnProps, otherOwnProps);
 };
 const isElementDecorationsEqual = (list, another) => {
   if (list === another) {
@@ -364,51 +340,51 @@ const splitDecorationsByChild = (editor, node, decorations) => {
 export {
   C as CAN_USE_DOM,
   DOMEditor,
-  G as EDITOR_TO_ELEMENT,
+  L as EDITOR_TO_ELEMENT,
   EDITOR_TO_KEY_TO_ELEMENT,
   EDITOR_TO_ON_CHANGE,
   EDITOR_TO_USER_MARKS,
   EDITOR_TO_USER_SELECTION,
-  J as EDITOR_TO_WINDOW,
-  L as ELEMENT_TO_NODE,
+  M as EDITOR_TO_WINDOW,
+  O as ELEMENT_TO_NODE,
   H as HAS_BEFORE_INPUT_SUPPORT,
   F as Hotkeys,
   I as IS_ANDROID,
   v as IS_CHROME,
-  M as IS_COMPOSING,
+  P as IS_COMPOSING,
   w as IS_FIREFOX,
   x as IS_FIREFOX_LEGACY,
-  O as IS_FOCUSED,
+  Q as IS_FOCUSED,
   y as IS_IOS,
-  P as IS_READ_ONLY,
+  R as IS_READ_ONLY,
   A as IS_UC_MOBILE,
   z as IS_WEBKIT,
   B as IS_WECHATBROWSER,
-  KEY_TO_CHUNK_TREE,
+  J as KEY_TO_CHUNK_TREE,
   K as Key,
-  Q as MARK_PLACEHOLDER_SYMBOL,
-  R as NODE_TO_ELEMENT,
-  S as NODE_TO_INDEX,
+  S as MARK_PLACEHOLDER_SYMBOL,
+  T as NODE_TO_ELEMENT,
+  U as NODE_TO_INDEX,
   NODE_TO_KEY,
-  T as NODE_TO_PARENT,
-  e as applyStringDiff,
-  f as getActiveElement,
+  V as NODE_TO_PARENT,
+  f as applyStringDiff,
+  h as getActiveElement,
   getChunkTreeForNode,
-  h as getDefaultView,
-  j as getSelection,
-  k as hasShadowRoot,
-  l as isAfter,
-  m as isBefore,
-  o as isDOMElement,
-  p as isDOMNode,
-  q as isDOMSelection,
+  j as getDefaultView,
+  k as getSelection,
+  l as hasShadowRoot,
+  m as isAfter,
+  o as isBefore,
+  p as isDOMElement,
+  q as isDOMNode,
+  r as isDOMSelection,
   isElementDecorationsEqual,
   s as isPlainTextOnlyPaste,
   isTextDecorationsEqual,
   t as isTrackedMutation,
   u as normalizeDOMPoint,
   n as normalizeStringDiff,
-  reconcileChildren,
+  G as reconcileChildren,
   splitDecorationsByChild,
   withDOM
 };

package/dist/history.js

@@ -1,5 +1,5 @@
-import { d as isObject, O as Operation, E as Editor, c as Transforms, P as Path } from "./index-CCzZ6aOH.js";
-import "vue";
+import { d as isObject, O as Operation, E as Editor, c as Transforms, P as Path } from "./index-Bj4hXlPm.js";
+import { shallowReactive } from "vue";
 const History = {
   /**
    * Check if a value is a `History` object.
@@ -102,10 +102,13 @@ const HistoryEditor = {
 const withHistory = (editor) => {
   const e = editor;
   const { apply } = e;
-  e.history = { undos: [], redos: [] };
+  e.history = {
+    undos: shallowReactive([]),
+    redos: shallowReactive([])
+  };
   e.redo = () => {
     const { history } = e;
-    const { redos } = history;
+    const redos = history.redos;
     if (redos.length > 0) {
       const batch = redos[redos.length - 1];
       if (batch.selectionBefore) {