slate-vue3 0.6.0 → 0.7.0

package/dist/{batch-dirty-paths-DGoKWQz8.js → batch-dirty-paths-DTifjYae.js}

@@ -676,16 +676,15 @@ const Range = {
     return start;
   },
   transform(range, op, options = {}) {
-    let r = range;
-    if (r === null) {
+    if (range === null) {
       return null;
     }
     const { affinity = "inward" } = options;
     let affinityAnchor;
     let affinityFocus;
     if (affinity === "inward") {
-      const isCollapsed = Range.isCollapsed(r);
-      if (Range.isForward(r)) {
+      const isCollapsed = Range.isCollapsed(range);
+      if (Range.isForward(range)) {
         affinityAnchor = "forward";
         affinityFocus = isCollapsed ? affinityAnchor : "backward";
       } else {
@@ -693,7 +692,7 @@ const Range = {
         affinityFocus = isCollapsed ? affinityAnchor : "forward";
       }
     } else if (affinity === "outward") {
-      if (Range.isForward(r)) {
+      if (Range.isForward(range)) {
         affinityAnchor = "backward";
         affinityFocus = "forward";
       } else {
@@ -704,14 +703,12 @@ const Range = {
       affinityAnchor = affinity;
       affinityFocus = affinity;
     }
-    const anchor = Point.transform(r.anchor, op, { affinity: affinityAnchor });
-    const focus = Point.transform(r.focus, op, { affinity: affinityFocus });
+    const anchor = Point.transform(range.anchor, op, { affinity: affinityAnchor });
+    const focus = Point.transform(range.focus, op, { affinity: affinityFocus });
     if (!anchor || !focus) {
       return null;
     }
-    r.anchor = anchor;
-    r.focus = focus;
-    return r;
+    return { anchor, focus };
   }
 };
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
@@ -2020,34 +2017,34 @@ const Point = {
     return isObject$1(value) && typeof value.offset === "number" && Path.isPath(value.path);
   },
   transform(point, op, options = {}) {
-    let p = cloneDeep(point);
-    if (p === null) {
+    if (point === null) {
       return null;
     }
     const { affinity = "forward" } = options;
-    const { path, offset } = p;
+    let offset = point.offset;
+    let path = cloneDeep(point.path);
     switch (op.type) {
       case "insert_node":
       case "move_node": {
-        p.path = Path.transform(path, op, options);
+        path = Path.transform(path, op, options);
         break;
       }
       case "insert_text": {
         if (Path.equals(op.path, path) && (op.offset < offset || op.offset === offset && affinity === "forward")) {
-          p.offset += op.text.length;
+          offset += op.text.length;
         }
         break;
       }
       case "merge_node": {
         if (Path.equals(op.path, path)) {
-          p.offset += op.position;
+          offset += op.position;
         }
-        p.path = Path.transform(path, op, options);
+        path = Path.transform(path, op, options);
         break;
       }
       case "remove_text": {
         if (Path.equals(op.path, path) && op.offset <= offset) {
-          p.offset -= Math.min(offset - op.offset, op.text.length);
+          offset -= Math.min(offset - op.offset, op.text.length);
         }
         break;
       }
@@ -2055,7 +2052,7 @@ const Point = {
         if (Path.equals(op.path, path) || Path.isAncestor(op.path, path)) {
           return null;
         }
-        p.path = Path.transform(path, op, options);
+        path = Path.transform(path, op, options);
         break;
       }
       case "split_node": {
@@ -2063,19 +2060,21 @@ const Point = {
           if (op.position === offset && affinity == null) {
             return null;
           } else if (op.position < offset || op.position === offset && affinity === "forward") {
-            p.offset -= op.position;
-            p.path = Path.transform(path, op, {
+            offset -= op.position;
+            path = Path.transform(path, op, {
               ...options,
               affinity: "forward"
             });
           }
         } else {
-          p.path = Path.transform(path, op, options);
+          path = Path.transform(path, op, options);
         }
         break;
       }
+      default:
+        return point;
     }
-    return p;
+    return { path, offset };
   }
 };
 let _scrubber = void 0;

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-FUfSF1v5.js";
-import { E as E2, a as a10, 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 "./batch-dirty-paths-DGoKWQz8.js";
-import { L as L2, S as S3 } from "./location-H02Ot2Mm.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-B9auxB5v.js";
+import { E as E2, a as a10, 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 "./batch-dirty-paths-DTifjYae.js";
+import { L as L2, S as S3 } from "./location-V9fJlEiJ.js";
 export {
   E2 as Editor,
   a10 as Element,

package/dist/{create-editor-FUfSF1v5.js → create-editor-B9auxB5v.js}

@@ -1,6 +1,6 @@
-import { P as Path, b as Point, R as Range, E as Editor, D as DIRTY_PATHS, e as DIRTY_PATH_KEYS, f as isBatchingDirtyPaths, c as Transforms, F as FLUSHING, T as Text, N as Node, a as Element, g as NORMALIZING, h as PATH_REFS, j as POINT_REFS, k as RANGE_REFS, l as cloneDeep, m as getDefaultInsertLocation, S as Scrubber, n as batchDirtyPaths } from "./batch-dirty-paths-DGoKWQz8.js";
+import { P as Path, b as Point, R as Range, E as Editor, D as DIRTY_PATHS, e as DIRTY_PATH_KEYS, f as isBatchingDirtyPaths, c as Transforms, F as FLUSHING, T as Text, N as Node, a as Element, g as NORMALIZING, h as PATH_REFS, j as POINT_REFS, k as RANGE_REFS, l as cloneDeep, m as getDefaultInsertLocation, S as Scrubber, n as batchDirtyPaths } from "./batch-dirty-paths-DTifjYae.js";
 import { reactive } from "vue";
-import { S as Span } from "./location-H02Ot2Mm.js";
+import { S as Span } from "./location-V9fJlEiJ.js";
 const PathRef = {
   transform(ref, op) {
     const { current, affinity } = ref;
@@ -1461,7 +1461,7 @@ const deleteText = (editor, options = {}) => {
         voids
       });
     }
-    if (isCollapsed && reverse && unit === "character" && removedText.length > 1 && removedText.match(/[\u0E00-\u0E7F]+/)) {
+    if (isCollapsed && reverse && unit === "character" && removedText.length > 1 && removedText.match(/[\u0980-\u09FF\u0E00-\u0E7F]+/)) {
       Transforms.insertText(
         editor,
         removedText.slice(0, removedText.length - distance)

package/dist/dom.js

@@ -1,6 +1,6 @@
-import { D as DOMEditor, 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-DdYAaAmE.js";
-import { C, F, G, J, H, B, I, u, L, v, w, M, x, O, z, y, A, K, P, Q, R, S, e, f, h, j, k, l, m, o, p, q, r, s, t, n } from "./hotkeys-DdYAaAmE.js";
-import { E as Editor, R as Range, a as Element, c as Transforms, P as Path, N as Node } from "./batch-dirty-paths-DGoKWQz8.js";
+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-C37qxxQK.js";
+import { C, J, L, M, H, F, I, v, O, w, x, P, y, Q, A, z, B, G, K, R, S, T, U, f, h, j, k, l, m, o, p, q, r, s, t, u, n } from "./hotkeys-C37qxxQK.js";
+import { E as Editor, R as Range, a as Element, c as Transforms, N as Node, P as Path } from "./batch-dirty-paths-DTifjYae.js";
 import "vue";
 const doRectsIntersect = (rect, compareRect) => {
   const middle = (compareRect.top + compareRect.bottom) / 2;
@@ -46,42 +46,52 @@ const findCurrentLineRange = (editor, parentRange) => {
   return Editor.range(editor, positions[left], parentRangeBoundary);
 };
 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) => {
     var _a;
+    if (op.type === "move_node") {
+      const parent = Node.parent(e, op.path);
+      const chunking = !!e.getChunkSize(parent);
+      if (chunking) {
+        const node = Node.get(e, op.path);
+        const chunkTree = getChunkTreeForNode(e, parent);
+        const key = DOMEditor.findKey(e, node);
+        chunkTree.movedNodeKeys.add(key);
+      }
+    }
     const matches = [];
     const pathRefMatches = [];
     switch (op.type) {
@@ -89,22 +99,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": {
-        (_a = EDITOR_TO_USER_SELECTION.get(e2)) == null ? void 0 : _a.unref();
-        EDITOR_TO_USER_SELECTION.delete(e2);
+        (_a = EDITOR_TO_USER_SELECTION.get(e)) == null ? void 0 : _a.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": {
@@ -112,47 +122,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) => {
@@ -163,7 +173,7 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
     if (endVoid) {
       const [voidNode] = endVoid;
       const r2 = domRange.cloneRange();
-      const domNode = DOMEditor.toDOMNode(e2, voidNode);
+      const domNode = DOMEditor.toDOMNode(e, voidNode);
       r2.setEndAfter(domNode);
       contents = r2.cloneContents();
     }
@@ -183,7 +193,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);
@@ -197,50 +207,51 @@ 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.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;
@@ -257,7 +268,10 @@ const isDecorationFlagsEqual = (range, other) => {
   );
 };
 const isElementDecorationsEqual = (list, another) => {
-  if (list.length !== another.length) {
+  if (list === another) {
+    return true;
+  }
+  if (!list || !another) {
     return false;
   }
   for (let i = 0; i < list.length; i++) {
@@ -270,6 +284,12 @@ const isElementDecorationsEqual = (list, another) => {
   return true;
 };
 const isTextDecorationsEqual = (list, another) => {
+  if (list === another) {
+    return true;
+  }
+  if (!list || !another) {
+    return false;
+  }
   if (list.length !== another.length) {
     return false;
   }
@@ -282,50 +302,92 @@ const isTextDecorationsEqual = (list, another) => {
   }
   return true;
 };
+const splitDecorationsByChild = (editor, node, decorations) => {
+  const decorationsByChild = Array.from(
+    node.children,
+    () => []
+  );
+  if (decorations.length === 0) {
+    return decorationsByChild;
+  }
+  const path = DOMEditor.findPath(editor, node);
+  const level = path.length;
+  const ancestorRange = Editor.range(editor, path);
+  const cachedChildRanges = new Array(node.children.length);
+  const getChildRange = (index) => {
+    const cachedRange = cachedChildRanges[index];
+    if (cachedRange) return cachedRange;
+    const childRange = Editor.range(editor, [...path, index]);
+    cachedChildRanges[index] = childRange;
+    return childRange;
+  };
+  for (const decoration of decorations) {
+    const decorationRange = Range.intersection(ancestorRange, decoration);
+    if (!decorationRange) continue;
+    const [startPoint, endPoint] = Range.edges(decorationRange);
+    const startIndex = startPoint.path[level];
+    const endIndex = endPoint.path[level];
+    for (let i = startIndex; i <= endIndex; i++) {
+      const ds = decorationsByChild[i];
+      if (!ds) continue;
+      const childRange = getChildRange(i);
+      const childDecorationRange = Range.intersection(childRange, decoration);
+      if (!childDecorationRange) continue;
+      ds.push({
+        ...decoration,
+        ...childDecorationRange
+      });
+    }
+  }
+  return decorationsByChild;
+};
 export {
   C as CAN_USE_DOM,
   DOMEditor,
-  F as EDITOR_TO_ELEMENT,
+  J as EDITOR_TO_ELEMENT,
   EDITOR_TO_KEY_TO_ELEMENT,
   EDITOR_TO_ON_CHANGE,
   EDITOR_TO_USER_MARKS,
   EDITOR_TO_USER_SELECTION,
-  G as EDITOR_TO_WINDOW,
-  J as ELEMENT_TO_NODE,
+  L as EDITOR_TO_WINDOW,
+  M as ELEMENT_TO_NODE,
   H as HAS_BEFORE_INPUT_SUPPORT,
-  B as Hotkeys,
+  F as Hotkeys,
   I as IS_ANDROID,
-  u as IS_CHROME,
-  L as IS_COMPOSING,
-  v as IS_FIREFOX,
-  w as IS_FIREFOX_LEGACY,
-  M as IS_FOCUSED,
-  x as IS_IOS,
-  O as IS_READ_ONLY,
-  z as IS_UC_MOBILE,
-  y as IS_WEBKIT,
-  A as IS_WECHATBROWSER,
+  v as IS_CHROME,
+  O as IS_COMPOSING,
+  w as IS_FIREFOX,
+  x as IS_FIREFOX_LEGACY,
+  P as IS_FOCUSED,
+  y as IS_IOS,
+  Q as IS_READ_ONLY,
+  A as IS_UC_MOBILE,
+  z as IS_WEBKIT,
+  B as IS_WECHATBROWSER,
+  G as KEY_TO_CHUNK_TREE,
   K as Key,
-  P as MARK_PLACEHOLDER_SYMBOL,
-  Q as NODE_TO_ELEMENT,
-  R as NODE_TO_INDEX,
+  R as MARK_PLACEHOLDER_SYMBOL,
+  S as NODE_TO_ELEMENT,
+  T as NODE_TO_INDEX,
   NODE_TO_KEY,
-  S as NODE_TO_PARENT,
-  e as applyStringDiff,
-  f as getActiveElement,
-  h as getDefaultView,
-  j as getSelection,
-  k as hasShadowRoot,
-  l as isAfter,
-  m as isBefore,
-  o as isDOMElement,
-  p as isDOMNode,
-  q as isDOMSelection,
+  U as NODE_TO_PARENT,
+  f as applyStringDiff,
+  h as getActiveElement,
+  getChunkTreeForNode,
+  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,
-  r as isPlainTextOnlyPaste,
+  s as isPlainTextOnlyPaste,
   isTextDecorationsEqual,
-  s as isTrackedMutation,
-  t as normalizeDOMPoint,
+  t as isTrackedMutation,
+  u as normalizeDOMPoint,
   n as normalizeStringDiff,
+  splitDecorationsByChild,
   withDOM
 };

package/dist/history.js

@@ -1,4 +1,4 @@
-import { d as isObject, O as Operation, t as toRawWeakMap, E as Editor, c as Transforms, P as Path } from "./batch-dirty-paths-DGoKWQz8.js";
+import { d as isObject, O as Operation, t as toRawWeakMap, E as Editor, c as Transforms, P as Path } from "./batch-dirty-paths-DTifjYae.js";
 import "vue";
 const History = {
   /**