dishui 0.0.64 → 0.0.66

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

@@ -1,185 +1,175 @@
-import { useFlowContext as M } from "../context/FlowContext.js";
-import { useCallback as b } from "react";
-function I() {
-  const { setDoc: u, currentCanvasId: h, selection: g, currentCanvas: m } = M();
-  return {
-    align: b((l) => {
-      const p = g.nodeIds;
-      if (p.size < 2) return;
-      const a = m.nodes.filter((t) => p.has(t.id));
-      if (a.length < 2) return;
-      let e;
-      switch (l) {
-        case "left":
-          e = Math.min(...a.map((t) => t.position.x));
-          break;
-        case "right":
-          e = Math.max(...a.map((t) => t.position.x + t.width));
-          break;
-        case "center-h":
-          e = a.reduce((t, i) => t + i.position.x + i.width / 2, 0) / a.length;
-          break;
-        case "top":
-          e = Math.min(...a.map((t) => t.position.y));
-          break;
-        case "bottom":
-          e = Math.max(...a.map((t) => t.position.y + t.height));
-          break;
-        case "center-v":
-          e = a.reduce((t, i) => t + i.position.y + i.height / 2, 0) / a.length;
-          break;
-      }
-      u((t) => {
-        const i = t.canvases[h];
-        return i ? {
-          ...t,
-          canvases: {
-            ...t.canvases,
-            [h]: {
-              ...i,
-              nodes: i.nodes.map((o) => {
-                if (!p.has(o.id)) return o;
-                let d = o.position.x, c = o.position.y;
-                switch (l) {
-                  case "left":
-                    d = e;
-                    break;
-                  case "right":
-                    d = e - o.width;
-                    break;
-                  case "center-h":
-                    d = e - o.width / 2;
-                    break;
-                  case "top":
-                    c = e;
-                    break;
-                  case "bottom":
-                    c = e - o.height;
-                    break;
-                  case "center-v":
-                    c = e - o.height / 2;
-                    break;
-                }
-                return {
-                  ...o,
-                  position: {
-                    x: d,
-                    y: c
-                  }
-                };
-              })
-            }
-          }
-        } : t;
-      });
-    }, [
-      u,
-      h,
-      g,
-      m
-    ]),
-    distribute: b((l) => {
-      const p = g.nodeIds;
-      if (p.size < 3) return;
-      const a = m.nodes.filter((o) => p.has(o.id));
-      if (a.length < 3) return;
-      const e = [...a].sort((o, d) => l === "horizontal" ? o.position.x - d.position.x : o.position.y - d.position.y), t = e[0], i = e[e.length - 1];
-      if (l === "horizontal") {
-        const o = e.reduce((s, r) => s + r.width, 0), d = (i.position.x + i.width - t.position.x - o) / (e.length - 1);
-        let c = t.position.x;
-        const f = /* @__PURE__ */ new Map();
-        for (const s of e)
-          f.set(s.id, c), c += s.width + d;
-        u((s) => {
-          const r = s.canvases[h];
-          return r ? {
-            ...s,
-            canvases: {
-              ...s.canvases,
-              [h]: {
-                ...r,
-                nodes: r.nodes.map((n) => {
-                  const x = f.get(n.id);
-                  return x !== void 0 ? {
-                    ...n,
-                    position: {
-                      ...n.position,
-                      x
-                    }
-                  } : n;
-                })
-              }
-            }
-          } : s;
-        });
-      } else {
-        const o = e.reduce((s, r) => s + r.height, 0), d = (i.position.y + i.height - t.position.y - o) / (e.length - 1);
-        let c = t.position.y;
-        const f = /* @__PURE__ */ new Map();
-        for (const s of e)
-          f.set(s.id, c), c += s.height + d;
-        u((s) => {
-          const r = s.canvases[h];
-          return r ? {
-            ...s,
-            canvases: {
-              ...s.canvases,
-              [h]: {
-                ...r,
-                nodes: r.nodes.map((n) => {
-                  const x = f.get(n.id);
-                  return x !== void 0 ? {
-                    ...n,
-                    position: {
-                      ...n.position,
-                      y: x
-                    }
-                  } : n;
-                })
-              }
-            }
-          } : s;
-        });
-      }
-    }, [
-      u,
-      h,
-      g,
-      m
-    ]),
-    changeZIndex: b((l) => {
-      const p = g.nodeIds, a = g.lineIds;
-      p.size === 0 && a.size === 0 || u((e) => {
-        const t = e.canvases[h];
-        if (!t) return e;
-        const i = t.nodes.map((n) => n.zIndex ?? 0), o = i.length > 0 ? Math.max(...i) : 0, d = i.length > 0 ? Math.min(...i) : 0, c = t.lines.map((n) => n.zIndex ?? 0), f = c.length > 0 ? Math.max(...c) : 0, s = c.length > 0 ? Math.min(...c) : 0, r = (n, x, w) => l === "front" ? x + 1 : l === "back" ? w - 1 : l === "up" ? n + 1 : n - 1;
-        return {
-          ...e,
-          canvases: {
-            ...e.canvases,
-            [h]: {
-              ...t,
-              nodes: t.nodes.map((n) => p.has(n.id) ? {
-                ...n,
-                zIndex: r(n.zIndex ?? 0, o, d)
-              } : n),
-              lines: t.lines.map((n) => a.has(n.id) ? {
-                ...n,
-                zIndex: r(n.zIndex ?? 0, f, s)
-              } : n)
-            }
-          }
-        };
-      });
-    }, [
-      u,
-      h,
-      g
-    ])
-  };
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useCallback as t } from "react";
+//#region src/components/pro/Flow/hooks/useLayoutActions.ts
+function n() {
+	let { setDoc: n, currentCanvasId: r, selection: i, currentCanvas: a } = e();
+	return {
+		align: t((e) => {
+			let t = i.nodeIds;
+			if (t.size < 2) return;
+			let o = a.nodes.filter((e) => t.has(e.id));
+			if (o.length < 2) return;
+			let s;
+			switch (e) {
+				case "left":
+					s = Math.min(...o.map((e) => e.position.x));
+					break;
+				case "right":
+					s = Math.max(...o.map((e) => e.position.x + e.width));
+					break;
+				case "center-h":
+					s = o.reduce((e, t) => e + t.position.x + t.width / 2, 0) / o.length;
+					break;
+				case "top":
+					s = Math.min(...o.map((e) => e.position.y));
+					break;
+				case "bottom":
+					s = Math.max(...o.map((e) => e.position.y + e.height));
+					break;
+				case "center-v": s = o.reduce((e, t) => e + t.position.y + t.height / 2, 0) / o.length;
+			}
+			n((n) => {
+				let i = n.canvases[r];
+				return i ? {
+					...n,
+					canvases: {
+						...n.canvases,
+						[r]: {
+							...i,
+							nodes: i.nodes.map((n) => {
+								if (!t.has(n.id)) return n;
+								let r = n.position.x, i = n.position.y;
+								switch (e) {
+									case "left":
+										r = s;
+										break;
+									case "right":
+										r = s - n.width;
+										break;
+									case "center-h":
+										r = s - n.width / 2;
+										break;
+									case "top":
+										i = s;
+										break;
+									case "bottom":
+										i = s - n.height;
+										break;
+									case "center-v": i = s - n.height / 2;
+								}
+								return {
+									...n,
+									position: {
+										x: r,
+										y: i
+									}
+								};
+							})
+						}
+					}
+				} : n;
+			});
+		}, [
+			n,
+			r,
+			i,
+			a
+		]),
+		distribute: t((e) => {
+			let t = i.nodeIds;
+			if (t.size < 3) return;
+			let o = a.nodes.filter((e) => t.has(e.id));
+			if (o.length < 3) return;
+			let s = [...o].sort((t, n) => e === "horizontal" ? t.position.x - n.position.x : t.position.y - n.position.y), c = s[0], l = s[s.length - 1];
+			if (e === "horizontal") {
+				let e = s.reduce((e, t) => e + t.width, 0), t = (l.position.x + l.width - c.position.x - e) / (s.length - 1), i = c.position.x, a = /* @__PURE__ */ new Map();
+				for (let e of s) a.set(e.id, i), i += e.width + t;
+				n((e) => {
+					let t = e.canvases[r];
+					return t ? {
+						...e,
+						canvases: {
+							...e.canvases,
+							[r]: {
+								...t,
+								nodes: t.nodes.map((e) => {
+									let t = a.get(e.id);
+									return t === void 0 ? e : {
+										...e,
+										position: {
+											...e.position,
+											x: t
+										}
+									};
+								})
+							}
+						}
+					} : e;
+				});
+			} else {
+				let e = s.reduce((e, t) => e + t.height, 0), t = (l.position.y + l.height - c.position.y - e) / (s.length - 1), i = c.position.y, a = /* @__PURE__ */ new Map();
+				for (let e of s) a.set(e.id, i), i += e.height + t;
+				n((e) => {
+					let t = e.canvases[r];
+					return t ? {
+						...e,
+						canvases: {
+							...e.canvases,
+							[r]: {
+								...t,
+								nodes: t.nodes.map((e) => {
+									let t = a.get(e.id);
+									return t === void 0 ? e : {
+										...e,
+										position: {
+											...e.position,
+											y: t
+										}
+									};
+								})
+							}
+						}
+					} : e;
+				});
+			}
+		}, [
+			n,
+			r,
+			i,
+			a
+		]),
+		changeZIndex: t((e) => {
+			let t = i.nodeIds, a = i.lineIds;
+			(t.size !== 0 || a.size !== 0) && n((n) => {
+				let i = n.canvases[r];
+				if (!i) return n;
+				let o = i.nodes.map((e) => e.zIndex ?? 0), s = o.length > 0 ? Math.max(...o) : 0, c = o.length > 0 ? Math.min(...o) : 0, l = i.lines.map((e) => e.zIndex ?? 0), u = l.length > 0 ? Math.max(...l) : 0, d = l.length > 0 ? Math.min(...l) : 0, f = (t, n, r) => e === "front" ? n + 1 : e === "back" ? r - 1 : e === "up" ? t + 1 : t - 1;
+				return {
+					...n,
+					canvases: {
+						...n.canvases,
+						[r]: {
+							...i,
+							nodes: i.nodes.map((e) => t.has(e.id) ? {
+								...e,
+								zIndex: f(e.zIndex ?? 0, s, c)
+							} : e),
+							lines: i.lines.map((e) => a.has(e.id) ? {
+								...e,
+								zIndex: f(e.zIndex ?? 0, u, d)
+							} : e)
+						}
+					}
+				};
+			});
+		}, [
+			n,
+			r,
+			i
+		])
+	};
 }
-export {
-  I as useLayoutActions
-};
+//#endregion
+export { n as useLayoutActions };
 
 //# sourceMappingURL=useLayoutActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLayoutActions.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLayoutActions.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowNode } from '../types';\n\ntype Align = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom';\ntype Distribute = 'horizontal' | 'vertical';\ntype LayerMode = 'front' | 'back' | 'up' | 'down';\n\nexport function useLayoutActions() {\n  const { setDoc, currentCanvasId, selection, currentCanvas } = useFlowContext();\n\n  const align = useCallback(\n    (direction: Align) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 2) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 2) return;\n\n      let target: number;\n      switch (direction) {\n        case 'left':\n          target = Math.min(...nodes.map(n => n.position.x));\n          break;\n        case 'right':\n          target = Math.max(...nodes.map(n => n.position.x + n.width));\n          break;\n        case 'center-h':\n          target = nodes.reduce((s, n) => s + n.position.x + n.width / 2, 0) / nodes.length;\n          break;\n        case 'top':\n          target = Math.min(...nodes.map(n => n.position.y));\n          break;\n        case 'bottom':\n          target = Math.max(...nodes.map(n => n.position.y + n.height));\n          break;\n        case 'center-v':\n          target = nodes.reduce((s, n) => s + n.position.y + n.height / 2, 0) / nodes.length;\n          break;\n      }\n\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (!ids.has(n.id)) return n;\n                let newX = n.position.x;\n                let newY = n.position.y;\n                switch (direction) {\n                  case 'left': newX = target; break;\n                  case 'right': newX = target - n.width; break;\n                  case 'center-h': newX = target - n.width / 2; break;\n                  case 'top': newY = target; break;\n                  case 'bottom': newY = target - n.height; break;\n                  case 'center-v': newY = target - n.height / 2; break;\n                }\n                return { ...n, position: { x: newX, y: newY } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const distribute = useCallback(\n    (direction: Distribute) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 3) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 3) return;\n\n      const sorted = [...nodes].sort((a, b) =>\n        direction === 'horizontal'\n          ? a.position.x - b.position.x\n          : a.position.y - b.position.y,\n      );\n\n      const first = sorted[0];\n      const last = sorted[sorted.length - 1];\n\n      if (direction === 'horizontal') {\n        const totalWidth = sorted.reduce((s, n) => s + n.width, 0);\n        const totalSpace = (last.position.x + last.width) - first.position.x - totalWidth;\n        const gap = totalSpace / (sorted.length - 1);\n        let x = first.position.x;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, x);\n          x += n.width + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newX = posMap.get(n.id);\n                  return newX !== undefined ? { ...n, position: { ...n.position, x: newX } } : n;\n                }),\n              },\n            },\n          };\n        });\n      } else {\n        const totalHeight = sorted.reduce((s, n) => s + n.height, 0);\n        const totalSpace = (last.position.y + last.height) - first.position.y - totalHeight;\n        const gap = totalSpace / (sorted.length - 1);\n        let y = first.position.y;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, y);\n          y += n.height + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newY = posMap.get(n.id);\n                  return newY !== undefined ? { ...n, position: { ...n.position, y: newY } } : n;\n                }),\n              },\n            },\n          };\n        });\n      }\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const changeZIndex = useCallback(\n    (mode: LayerMode) => {\n      const nodeIds = selection.nodeIds;\n      const lineIds = selection.lineIds;\n      if (nodeIds.size === 0 && lineIds.size === 0) return;\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        const nodeAllZ = canvas.nodes.map(n => n.zIndex ?? 0);\n        const nodeMaxZ = nodeAllZ.length > 0 ? Math.max(...nodeAllZ) : 0;\n        const nodeMinZ = nodeAllZ.length > 0 ? Math.min(...nodeAllZ) : 0;\n        const lineAllZ = canvas.lines.map(l => l.zIndex ?? 0);\n        const lineMaxZ = lineAllZ.length > 0 ? Math.max(...lineAllZ) : 0;\n        const lineMinZ = lineAllZ.length > 0 ? Math.min(...lineAllZ) : 0;\n        const applyZ = (z: number, maxZ: number, minZ: number) => {\n          if (mode === 'front') return maxZ + 1;\n          if (mode === 'back') return minZ - 1;\n          if (mode === 'up') return z + 1;\n          return z - 1;\n        };\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => nodeIds.has(n.id) ? { ...n, zIndex: applyZ(n.zIndex ?? 0, nodeMaxZ, nodeMinZ) } : n),\n              lines: canvas.lines.map(l => lineIds.has(l.id) ? { ...l, zIndex: applyZ(l.zIndex ?? 0, lineMaxZ, lineMinZ) } : l),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection],\n  );\n\n  return { align, distribute, changeZIndex };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useLayoutActions.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLayoutActions.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowNode } from '../types';\n\ntype Align = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom';\ntype Distribute = 'horizontal' | 'vertical';\ntype LayerMode = 'front' | 'back' | 'up' | 'down';\n\nexport function useLayoutActions() {\n  const { setDoc, currentCanvasId, selection, currentCanvas } = useFlowContext();\n\n  const align = useCallback(\n    (direction: Align) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 2) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 2) return;\n\n      let target: number;\n      switch (direction) {\n        case 'left':\n          target = Math.min(...nodes.map(n => n.position.x));\n          break;\n        case 'right':\n          target = Math.max(...nodes.map(n => n.position.x + n.width));\n          break;\n        case 'center-h':\n          target = nodes.reduce((s, n) => s + n.position.x + n.width / 2, 0) / nodes.length;\n          break;\n        case 'top':\n          target = Math.min(...nodes.map(n => n.position.y));\n          break;\n        case 'bottom':\n          target = Math.max(...nodes.map(n => n.position.y + n.height));\n          break;\n        case 'center-v':\n          target = nodes.reduce((s, n) => s + n.position.y + n.height / 2, 0) / nodes.length;\n          break;\n      }\n\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => {\n                if (!ids.has(n.id)) return n;\n                let newX = n.position.x;\n                let newY = n.position.y;\n                switch (direction) {\n                  case 'left': newX = target; break;\n                  case 'right': newX = target - n.width; break;\n                  case 'center-h': newX = target - n.width / 2; break;\n                  case 'top': newY = target; break;\n                  case 'bottom': newY = target - n.height; break;\n                  case 'center-v': newY = target - n.height / 2; break;\n                }\n                return { ...n, position: { x: newX, y: newY } };\n              }),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const distribute = useCallback(\n    (direction: Distribute) => {\n      const ids = selection.nodeIds;\n      if (ids.size < 3) return;\n      const nodes = currentCanvas.nodes.filter(n => ids.has(n.id));\n      if (nodes.length < 3) return;\n\n      const sorted = [...nodes].sort((a, b) =>\n        direction === 'horizontal'\n          ? a.position.x - b.position.x\n          : a.position.y - b.position.y,\n      );\n\n      const first = sorted[0];\n      const last = sorted[sorted.length - 1];\n\n      if (direction === 'horizontal') {\n        const totalWidth = sorted.reduce((s, n) => s + n.width, 0);\n        const totalSpace = (last.position.x + last.width) - first.position.x - totalWidth;\n        const gap = totalSpace / (sorted.length - 1);\n        let x = first.position.x;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, x);\n          x += n.width + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newX = posMap.get(n.id);\n                  return newX !== undefined ? { ...n, position: { ...n.position, x: newX } } : n;\n                }),\n              },\n            },\n          };\n        });\n      } else {\n        const totalHeight = sorted.reduce((s, n) => s + n.height, 0);\n        const totalSpace = (last.position.y + last.height) - first.position.y - totalHeight;\n        const gap = totalSpace / (sorted.length - 1);\n        let y = first.position.y;\n\n        const posMap = new Map<string, number>();\n        for (const n of sorted) {\n          posMap.set(n.id, y);\n          y += n.height + gap;\n        }\n\n        setDoc(prev => {\n          const canvas = prev.canvases[currentCanvasId];\n          if (!canvas) return prev;\n          return {\n            ...prev,\n            canvases: {\n              ...prev.canvases,\n              [currentCanvasId]: {\n                ...canvas,\n                nodes: canvas.nodes.map(n => {\n                  const newY = posMap.get(n.id);\n                  return newY !== undefined ? { ...n, position: { ...n.position, y: newY } } : n;\n                }),\n              },\n            },\n          };\n        });\n      }\n    },\n    [setDoc, currentCanvasId, selection, currentCanvas],\n  );\n\n  const changeZIndex = useCallback(\n    (mode: LayerMode) => {\n      const nodeIds = selection.nodeIds;\n      const lineIds = selection.lineIds;\n      if (nodeIds.size === 0 && lineIds.size === 0) return;\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        const nodeAllZ = canvas.nodes.map(n => n.zIndex ?? 0);\n        const nodeMaxZ = nodeAllZ.length > 0 ? Math.max(...nodeAllZ) : 0;\n        const nodeMinZ = nodeAllZ.length > 0 ? Math.min(...nodeAllZ) : 0;\n        const lineAllZ = canvas.lines.map(l => l.zIndex ?? 0);\n        const lineMaxZ = lineAllZ.length > 0 ? Math.max(...lineAllZ) : 0;\n        const lineMinZ = lineAllZ.length > 0 ? Math.min(...lineAllZ) : 0;\n        const applyZ = (z: number, maxZ: number, minZ: number) => {\n          if (mode === 'front') return maxZ + 1;\n          if (mode === 'back') return minZ - 1;\n          if (mode === 'up') return z + 1;\n          return z - 1;\n        };\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              nodes: canvas.nodes.map(n => nodeIds.has(n.id) ? { ...n, zIndex: applyZ(n.zIndex ?? 0, nodeMaxZ, nodeMinZ) } : n),\n              lines: canvas.lines.map(l => lineIds.has(l.id) ? { ...l, zIndex: applyZ(l.zIndex ?? 0, lineMaxZ, lineMinZ) } : l),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId, selection],\n  );\n\n  return { align, distribute, changeZIndex };\n}\n"],"mappings":"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"}

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

@@ -1,60 +1,60 @@
-import { useFlowContext as u } from "../context/FlowContext.js";
-import { useCallback as o } from "react";
-function d() {
-  const { setDoc: e, currentCanvasId: a } = u();
-  return {
-    addLine: o((t) => {
-      e((s) => {
-        const n = s.canvases[a];
-        return n ? {
-          ...s,
-          canvases: {
-            ...s.canvases,
-            [a]: {
-              ...n,
-              lines: [...n.lines, t]
-            }
-          }
-        } : s;
-      });
-    }, [e, a]),
-    updateLine: o((t, s) => {
-      e((n) => {
-        const c = n.canvases[a];
-        return c ? {
-          ...n,
-          canvases: {
-            ...n.canvases,
-            [a]: {
-              ...c,
-              lines: c.lines.map((i) => i.id === t ? {
-                ...i,
-                ...s
-              } : i)
-            }
-          }
-        } : n;
-      });
-    }, [e, a]),
-    deleteLines: o((t) => {
-      e((s) => {
-        const n = s.canvases[a];
-        return n ? {
-          ...s,
-          canvases: {
-            ...s.canvases,
-            [a]: {
-              ...n,
-              lines: n.lines.filter((c) => !t.has(c.id))
-            }
-          }
-        } : s;
-      });
-    }, [e, a])
-  };
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useCallback as t } from "react";
+//#region src/components/pro/Flow/hooks/useLineMutations.ts
+function n() {
+	let { setDoc: n, currentCanvasId: r } = e();
+	return {
+		addLine: t((e) => {
+			n((t) => {
+				let n = t.canvases[r];
+				return n ? {
+					...t,
+					canvases: {
+						...t.canvases,
+						[r]: {
+							...n,
+							lines: [...n.lines, e]
+						}
+					}
+				} : t;
+			});
+		}, [n, r]),
+		updateLine: t((e, t) => {
+			n((n) => {
+				let i = n.canvases[r];
+				return i ? {
+					...n,
+					canvases: {
+						...n.canvases,
+						[r]: {
+							...i,
+							lines: i.lines.map((n) => n.id === e ? {
+								...n,
+								...t
+							} : n)
+						}
+					}
+				} : n;
+			});
+		}, [n, r]),
+		deleteLines: t((e) => {
+			n((t) => {
+				let n = t.canvases[r];
+				return n ? {
+					...t,
+					canvases: {
+						...t.canvases,
+						[r]: {
+							...n,
+							lines: n.lines.filter((t) => !e.has(t.id))
+						}
+					}
+				} : t;
+			});
+		}, [n, r])
+	};
 }
-export {
-  d as useLineMutations
-};
+//#endregion
+export { n as useLineMutations };
 
 //# sourceMappingURL=useLineMutations.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLineMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLineMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowLine } from '../types';\n\nexport function useLineMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addLine = useCallback(\n    (line: FlowLine) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: { ...canvas, lines: [...canvas.lines, line] },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateLine = useCallback(\n    (id: string, updates: Partial<Omit<FlowLine, 'id'>>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.map(l => (l.id === id ? { ...l, ...updates } : l)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteLines = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.filter(l => !ids.has(l.id)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addLine, updateLine, deleteLines };\n}\n"],"mappings":";;AAIA,SAAgB,IAAmB;AACjC,QAAM,EAAE,QAAA,GAAQ,iBAAA,EAAA,IAAoB,EAAe;AA2DnD,SAAO;AAAA,IAAE,SAzDO,EAAA,CACb,MAAmB;AAClB,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,aACP,CAAA,GAAkB;AAAA,cAAE,GAAG;AAAA,cAAQ,OAAO,CAAC,GAAG,EAAO,OAAO,CAAI;AAAA,YAAE;AAAA,UACjE;AAAA,QACF,IAPoB;AAAA,MAQtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CA2CjB;AAAA,IAAS,YAxCC,EAAA,CAChB,GAAY,MAA2C;AACtD,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,aACP,CAAA,GAAkB;AAAA,cACjB,GAAG;AAAA,cACH,OAAO,EAAO,MAAM,IAAA,CAAI,MAAM,EAAE,OAAO,IAAK;AAAA,gBAAE,GAAG;AAAA,gBAAG,GAAG;AAAA,cAAQ,IAAI,CAAE;AAAA,YACvE;AAAA,UACF;AAAA,QACF,IAVoB;AAAA,MAWtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CAuBR;AAAA,IAAY,aApBV,EAAA,CACjB,MAAqB;AACpB,MAAA,EAAA,CAAO,MAAQ;AACb,cAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,eAAK,IACE;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,YACR,GAAG,EAAK;AAAA,aACP,CAAA,GAAkB;AAAA,cACjB,GAAG;AAAA,cACH,OAAO,EAAO,MAAM,OAAA,CAAO,MAAK,CAAC,EAAI,IAAI,EAAE,EAAE,CAAC;AAAA,YAChD;AAAA,UACF;AAAA,QACF,IAVoB;AAAA,MAWtB,CAAC;AAAA,IACH,GACA,CAAC,GAAQ,CAAe,CAGI;AAAA,EAAY;AAC5C"}
+{"version":3,"file":"useLineMutations.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useLineMutations.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport type { FlowLine } from '../types';\n\nexport function useLineMutations() {\n  const { setDoc, currentCanvasId } = useFlowContext();\n\n  const addLine = useCallback(\n    (line: FlowLine) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: { ...canvas, lines: [...canvas.lines, line] },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const updateLine = useCallback(\n    (id: string, updates: Partial<Omit<FlowLine, 'id'>>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.map(l => (l.id === id ? { ...l, ...updates } : l)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  const deleteLines = useCallback(\n    (ids: Set<string>) => {\n      setDoc(prev => {\n        const canvas = prev.canvases[currentCanvasId];\n        if (!canvas) return prev;\n        return {\n          ...prev,\n          canvases: {\n            ...prev.canvases,\n            [currentCanvasId]: {\n              ...canvas,\n              lines: canvas.lines.filter(l => !ids.has(l.id)),\n            },\n          },\n        };\n      });\n    },\n    [setDoc, currentCanvasId],\n  );\n\n  return { addLine, updateLine, deleteLines };\n}\n"],"mappings":";;;AAIA,SAAgB,IAAmB;CACjC,IAAM,EAAE,WAAQ,uBAAoB,EAAe;CA2DnD,OAAO;EAAE,SAzDO,GACb,MAAmB;GAClB,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OAAE,GAAG;OAAQ,OAAO,CAAC,GAAG,EAAO,OAAO,CAAI;MAAE;KACjE;IACF,IAPoB;GAQtB,CAAC;EACH,GACA,CAAC,GAAQ,CAAe,CA2CjB;EAAS,YAxCC,GAChB,GAAY,MAA2C;GACtD,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OACjB,GAAG;OACH,OAAO,EAAO,MAAM,KAAI,MAAM,EAAE,OAAO,IAAK;QAAE,GAAG;QAAG,GAAG;OAAQ,IAAI,CAAE;MACvE;KACF;IACF,IAVoB;GAWtB,CAAC;EACH,GACA,CAAC,GAAQ,CAAe,CAuBR;EAAY,aApBV,GACjB,MAAqB;GACpB,GAAO,MAAQ;IACb,IAAM,IAAS,EAAK,SAAS;IAE7B,OADK,IACE;KACL,GAAG;KACH,UAAU;MACR,GAAG,EAAK;OACP,IAAkB;OACjB,GAAG;OACH,OAAO,EAAO,MAAM,QAAO,MAAK,CAAC,EAAI,IAAI,EAAE,EAAE,CAAC;MAChD;KACF;IACF,IAVoB;GAWtB,CAAC;EACH,GACA,CAAC,GAAQ,CAAe,CAGI;CAAY;AAC5C"}