dishui 0.0.69 → 0.0.72

package/dist/components/pro/Flow/hooks/useUndoRedo.d.ts

@@ -7,6 +7,7 @@ export declare function useUndoRedo(doc: FlowDocument, setDoc: React.Dispatch<Re
     canUndo: boolean;
     canRedo: boolean;
     wrappedSetDoc: import("react").Dispatch<import("react").SetStateAction<FlowDocument>>;
+    setDocTransient: import("react").Dispatch<import("react").SetStateAction<FlowDocument>>;
     undo: () => void;
     redo: () => void;
 };

package/dist/components/pro/Flow/hooks/useUndoRedo.js

@@ -14,24 +14,28 @@ function o(o, s) {
 			canUndo: c.current.length > 0,
 			canRedo: l.current.length > 0
 		});
-	}, [s]);
+	}, [s]), h = e((e) => {
+		let t = d.current, n = typeof e == "function" ? e(t) : e;
+		if (n === t) return;
+		let r = Date.now();
+		(r - u.current >= a || c.current.length === 0) && (c.current.push(t), c.current.length > i && c.current.shift()), u.current = r, l.current = [], m(n);
+	}, [m]), g = e(() => {
+		if (c.current.length === 0) return;
+		let e = c.current.pop();
+		l.current.push(d.current), u.current = -Infinity, m(e);
+	}, [m]), _ = e(() => {
+		if (l.current.length === 0) return;
+		let e = l.current.pop();
+		c.current.push(d.current), u.current = -Infinity, m(e);
+	}, [m]);
 	return {
-		wrappedSetDoc: e((e) => {
+		wrappedSetDoc: h,
+		setDocTransient: e((e) => {
 			let t = d.current, n = typeof e == "function" ? e(t) : e;
-			if (n === t) return;
-			let r = Date.now();
-			(r - u.current >= a || c.current.length === 0) && (c.current.push(t), c.current.length > i && c.current.shift()), u.current = r, l.current = [], m(n);
-		}, [m]),
-		undo: e(() => {
-			if (c.current.length === 0) return;
-			let e = c.current.pop();
-			l.current.push(d.current), u.current = -Infinity, m(e);
-		}, [m]),
-		redo: e(() => {
-			if (l.current.length === 0) return;
-			let e = l.current.pop();
-			c.current.push(d.current), u.current = -Infinity, m(e);
+			n !== t && m(n);
 		}, [m]),
+		undo: g,
+		redo: _,
 		...f
 	};
 }

package/dist/components/pro/Flow/hooks/useUndoRedo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUndoRedo.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useUndoRedo.ts"],"sourcesContent":["import { useRef, useCallback, useLayoutEffect, useState } from 'react';\nimport type { FlowDocument } from '../types';\n\nconst MAX_HISTORY = 50;\nconst COALESCE_MS = 300;\n\n/**\n * Time-coalesced undo/redo for FlowDocument.\n * Commands capture history outside React updaters, which React may replay.\n */\nexport function useUndoRedo(\n  doc: FlowDocument,\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>,\n) {\n  const historyRef = useRef<FlowDocument[]>([]);\n  const futureRef = useRef<FlowDocument[]>([]);\n  const lastPushRef = useRef(-Infinity);\n  const currentRef = useRef(doc);\n  const [availability, setAvailability] = useState({ canUndo: false, canRedo: false });\n\n  // Track externally committed documents too, without writing refs in render.\n  useLayoutEffect(() => {\n    currentRef.current = doc;\n  }, [doc]);\n\n  const commit = useCallback((next: FlowDocument) => {\n    // Advance immediately so commands in one React batch see preceding commands.\n    currentRef.current = next;\n    setDoc(next);\n    setAvailability({\n      canUndo: historyRef.current.length > 0,\n      canRedo: futureRef.current.length > 0,\n    });\n  }, [setDoc]);\n\n  const wrappedSetDoc: React.Dispatch<React.SetStateAction<FlowDocument>> = useCallback(\n    (action) => {\n      const prev = currentRef.current;\n      const next = typeof action === 'function' ? action(prev) : action;\n      if (next === prev) return;\n\n      const now = Date.now();\n      // A coalesced edit retains the snapshot from before the first edit.\n      if (now - lastPushRef.current >= COALESCE_MS || historyRef.current.length === 0) {\n        historyRef.current.push(prev);\n        if (historyRef.current.length > MAX_HISTORY) historyRef.current.shift();\n      }\n      lastPushRef.current = now;\n      futureRef.current = [];\n      commit(next);\n    },\n    [commit],\n  );\n\n  const undo = useCallback(() => {\n    if (historyRef.current.length === 0) return;\n    const prev = historyRef.current.pop()!;\n    futureRef.current.push(currentRef.current);\n    lastPushRef.current = -Infinity;\n    commit(prev);\n  }, [commit]);\n\n  const redo = useCallback(() => {\n    if (futureRef.current.length === 0) return;\n    const next = futureRef.current.pop()!;\n    historyRef.current.push(currentRef.current);\n    lastPushRef.current = -Infinity;\n    commit(next);\n  }, [commit]);\n\n  return { wrappedSetDoc, undo, redo, ...availability };\n}\n"],"mappings":";;AAGA,IAAM,IAAc,IACd,IAAc;AAMpB,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAa,EAAuB,CAAC,CAAC,GACtC,IAAY,EAAuB,CAAC,CAAC,GACrC,IAAc,EAAO,SAAS,GAC9B,IAAa,EAAO,CAAG,GACvB,CAAC,GAAc,KAAmB,EAAS;EAAE,SAAS;EAAO,SAAS;CAAM,CAAC;CAGnF,QAAsB;EACpB,EAAW,UAAU;CACvB,GAAG,CAAC,CAAG,CAAC;CAER,IAAM,IAAS,GAAa,MAAuB;EAIjD,AAFA,EAAW,UAAU,GACrB,EAAO,CAAI,GACX,EAAgB;GACd,SAAS,EAAW,QAAQ,SAAS;GACrC,SAAS,EAAU,QAAQ,SAAS;EACtC,CAAC;CACH,GAAG,CAAC,CAAM,CAAC;CAqCX,OAAO;EAAE,eAnCiE,GACvE,MAAW;GACV,IAAM,IAAO,EAAW,SAClB,IAAO,OAAO,KAAW,aAAa,EAAO,CAAI,IAAI;GAC3D,IAAI,MAAS,GAAM;GAEnB,IAAM,IAAM,KAAK,IAAI;GAQrB,CANI,IAAM,EAAY,WAAW,KAAe,EAAW,QAAQ,WAAW,OAC5E,EAAW,QAAQ,KAAK,CAAI,GACxB,EAAW,QAAQ,SAAS,KAAa,EAAW,QAAQ,MAAM,IAExE,EAAY,UAAU,GACtB,EAAU,UAAU,CAAC,GACrB,EAAO,CAAI;EACb,GACA,CAAC,CAAM,CAmBA;EAAe,MAhBX,QAAkB;GAC7B,IAAI,EAAW,QAAQ,WAAW,GAAG;GACrC,IAAM,IAAO,EAAW,QAAQ,IAAI;GAGpC,AAFA,EAAU,QAAQ,KAAK,EAAW,OAAO,GACzC,EAAY,UAAU,WACtB,EAAO,CAAI;EACb,GAAG,CAAC,CAAM,CAUc;EAAM,MARjB,QAAkB;GAC7B,IAAI,EAAU,QAAQ,WAAW,GAAG;GACpC,IAAM,IAAO,EAAU,QAAQ,IAAI;GAGnC,AAFA,EAAW,QAAQ,KAAK,EAAW,OAAO,GAC1C,EAAY,UAAU,WACtB,EAAO,CAAI;EACb,GAAG,CAAC,CAAM,CAEoB;EAAM,GAAG;CAAa;AACtD"}
+{"version":3,"file":"useUndoRedo.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useUndoRedo.ts"],"sourcesContent":["import { useRef, useCallback, useLayoutEffect, useState } from 'react';\nimport type { FlowDocument } from '../types';\n\nconst MAX_HISTORY = 50;\nconst COALESCE_MS = 300;\n\n/**\n * Time-coalesced undo/redo for FlowDocument.\n * Commands capture history outside React updaters, which React may replay.\n */\nexport function useUndoRedo(\n  doc: FlowDocument,\n  setDoc: React.Dispatch<React.SetStateAction<FlowDocument>>,\n) {\n  const historyRef = useRef<FlowDocument[]>([]);\n  const futureRef = useRef<FlowDocument[]>([]);\n  const lastPushRef = useRef(-Infinity);\n  const currentRef = useRef(doc);\n  const [availability, setAvailability] = useState({ canUndo: false, canRedo: false });\n\n  // Track externally committed documents too, without writing refs in render.\n  useLayoutEffect(() => {\n    currentRef.current = doc;\n  }, [doc]);\n\n  const commit = useCallback((next: FlowDocument) => {\n    // Advance immediately so commands in one React batch see preceding commands.\n    currentRef.current = next;\n    setDoc(next);\n    setAvailability({\n      canUndo: historyRef.current.length > 0,\n      canRedo: futureRef.current.length > 0,\n    });\n  }, [setDoc]);\n\n  const wrappedSetDoc: React.Dispatch<React.SetStateAction<FlowDocument>> = useCallback(\n    (action) => {\n      const prev = currentRef.current;\n      const next = typeof action === 'function' ? action(prev) : action;\n      if (next === prev) return;\n\n      const now = Date.now();\n      // A coalesced edit retains the snapshot from before the first edit.\n      if (now - lastPushRef.current >= COALESCE_MS || historyRef.current.length === 0) {\n        historyRef.current.push(prev);\n        if (historyRef.current.length > MAX_HISTORY) historyRef.current.shift();\n      }\n      lastPushRef.current = now;\n      futureRef.current = [];\n      commit(next);\n    },\n    [commit],\n  );\n\n  const undo = useCallback(() => {\n    if (historyRef.current.length === 0) return;\n    const prev = historyRef.current.pop()!;\n    futureRef.current.push(currentRef.current);\n    lastPushRef.current = -Infinity;\n    commit(prev);\n  }, [commit]);\n\n  const redo = useCallback(() => {\n    if (futureRef.current.length === 0) return;\n    const next = futureRef.current.pop()!;\n    historyRef.current.push(currentRef.current);\n    lastPushRef.current = -Infinity;\n    commit(next);\n  }, [commit]);\n\n  // Navigation-style updates (e.g. PDF export paging through sub-canvases):\n  // commit the document without recording history or clearing redo, so\n  // temporary canvas switches stay transparent to undo.\n  const setDocTransient: React.Dispatch<React.SetStateAction<FlowDocument>> = useCallback(\n    (action) => {\n      const prev = currentRef.current;\n      const next = typeof action === 'function' ? action(prev) : action;\n      if (next === prev) return;\n      commit(next);\n    },\n    [commit],\n  );\n\n  return { wrappedSetDoc, setDocTransient, undo, redo, ...availability };\n}\n"],"mappings":";;AAGA,IAAM,IAAc,IACd,IAAc;AAMpB,SAAgB,EACd,GACA,GACA;CACA,IAAM,IAAa,EAAuB,CAAC,CAAC,GACtC,IAAY,EAAuB,CAAC,CAAC,GACrC,IAAc,EAAO,SAAS,GAC9B,IAAa,EAAO,CAAG,GACvB,CAAC,GAAc,KAAmB,EAAS;EAAE,SAAS;EAAO,SAAS;CAAM,CAAC;CAGnF,QAAsB;EACpB,EAAW,UAAU;CACvB,GAAG,CAAC,CAAG,CAAC;CAER,IAAM,IAAS,GAAa,MAAuB;EAIjD,AAFA,EAAW,UAAU,GACrB,EAAO,CAAI,GACX,EAAgB;GACd,SAAS,EAAW,QAAQ,SAAS;GACrC,SAAS,EAAU,QAAQ,SAAS;EACtC,CAAC;CACH,GAAG,CAAC,CAAM,CAAC,GAEL,IAAoE,GACvE,MAAW;EACV,IAAM,IAAO,EAAW,SAClB,IAAO,OAAO,KAAW,aAAa,EAAO,CAAI,IAAI;EAC3D,IAAI,MAAS,GAAM;EAEnB,IAAM,IAAM,KAAK,IAAI;EAQrB,CANI,IAAM,EAAY,WAAW,KAAe,EAAW,QAAQ,WAAW,OAC5E,EAAW,QAAQ,KAAK,CAAI,GACxB,EAAW,QAAQ,SAAS,KAAa,EAAW,QAAQ,MAAM,IAExE,EAAY,UAAU,GACtB,EAAU,UAAU,CAAC,GACrB,EAAO,CAAI;CACb,GACA,CAAC,CAAM,CACT,GAEM,IAAO,QAAkB;EAC7B,IAAI,EAAW,QAAQ,WAAW,GAAG;EACrC,IAAM,IAAO,EAAW,QAAQ,IAAI;EAGpC,AAFA,EAAU,QAAQ,KAAK,EAAW,OAAO,GACzC,EAAY,UAAU,WACtB,EAAO,CAAI;CACb,GAAG,CAAC,CAAM,CAAC,GAEL,IAAO,QAAkB;EAC7B,IAAI,EAAU,QAAQ,WAAW,GAAG;EACpC,IAAM,IAAO,EAAU,QAAQ,IAAI;EAGnC,AAFA,EAAW,QAAQ,KAAK,EAAW,OAAO,GAC1C,EAAY,UAAU,WACtB,EAAO,CAAI;CACb,GAAG,CAAC,CAAM,CAAC;CAeX,OAAO;EAAE;EAAe,iBAVoD,GACzE,MAAW;GACV,IAAM,IAAO,EAAW,SAClB,IAAO,OAAO,KAAW,aAAa,EAAO,CAAI,IAAI;GACvD,MAAS,KACb,EAAO,CAAI;EACb,GACA,CAAC,CAAM,CAGe;EAAiB;EAAM;EAAM,GAAG;CAAa;AACvE"}