transform.delete and transform.insertFragment performance optimize (#5137)

* feat: transform.delete and transform.insertFragment performance optimize

* feat: add changeset

* feat: optimize code

Co-authored-by: mainhanu <chijun89@gmail.com>

.changeset/new-needles-itch.md

@@ -0,0 +1,5 @@
+---
+'slate': minor
+---
+
+transform.delete and transform.insertFragment performance optimize

packages/slate/src/interfaces/path.ts

@@ -1,4 +1,3 @@
-import { produce } from 'immer'
 import { Operation } from '..'
 import { TextDirection } from './types'
 
@@ -373,16 +372,15 @@ export const Path: PathInterface = {
     operation: Operation,
     options: PathTransformOptions = {}
   ): Path | null {
-    return produce(path, p => {
+    if (!path) return null
+
+    // PERF: use destructing instead of immer
+    const p = [...path]
     const { affinity = 'forward' } = options
 
     // PERF: Exit early if the operation is guaranteed not to have an effect.
-      if (!path || path?.length === 0) {
+    if (path.length === 0) {
-        return
+      return p
-      }
-
-      if (p === null) {
-        return null
     }
 
     switch (operation.type) {
@@ -451,7 +449,7 @@ export const Path: PathInterface = {
 
         // If the old and new path are the same, it's a no-op.
         if (Path.equals(op, onp)) {
-            return
+          return p
         }
 
         if (Path.isAncestor(op, p) || Path.equals(op, p)) {
@@ -492,6 +490,7 @@ export const Path: PathInterface = {
         break
       }
     }
-    })
+
+    return p
   },
 }

packages/slate/src/transforms/text.ts

@@ -187,10 +187,11 @@ export const TextTransforms: TextTransforms = {
         }
       }
 
-      for (const pathRef of pathRefs) {
+      pathRefs
-        const path = pathRef.unref()!
+        .reverse()
-        Transforms.removeNodes(editor, { at: path, voids })
+        .map(r => r.unref())
-      }
+        .filter((r): r is Path => r !== null)
+        .forEach(p => Transforms.removeNodes(editor, { at: p, voids }))
 
       if (!endVoid) {
         const point = endRef.current!