dishui 0.0.65 → 0.0.66

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

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowNode, FlowEdge, FlowLine } from '../types';\n\ninterface ClipboardData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/**\n * Copy/paste/cut for selected flow elements.\n * Uses internal clipboard (not system clipboard) for structured data.\n */\nexport function useClipboard() {\n  const { currentCanvas, selection, setDoc, currentCanvasId, setSelection } = useFlowContext();\n  const clipboardRef = useRef<ClipboardData | null>(null);\n\n  const copy = useCallback(() => {\n    const nodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n    const edges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n    const lines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n    // Also include edges that connect selected nodes\n    const nodeIds = new Set(nodes.map(n => n.id));\n    const connectedEdges = currentCanvas.edges.filter(\n      e => nodeIds.has(e.source) && nodeIds.has(e.target) && !selection.edgeIds.has(e.id),\n    );\n\n    clipboardRef.current = {\n      nodes: [...nodes],\n      edges: [...edges, ...connectedEdges],\n      lines: [...lines],\n    };\n  }, [currentCanvas, selection]);\n\n  const cut = useCallback(() => {\n    copy();\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.filter(n => !selection.nodeIds.has(n.id)),\n            edges: canvas.edges.filter(e =>\n              !selection.edgeIds.has(e.id) &&\n              !selection.nodeIds.has(e.source) &&\n              !selection.nodeIds.has(e.target),\n            ),\n            lines: canvas.lines.filter(l => !selection.lineIds.has(l.id)),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [copy, setDoc, currentCanvasId, selection, setSelection]);\n\n  const paste = useCallback((offsetX = 20, offsetY = 20) => {\n    const cb = clipboardRef.current;\n    if (!cb) return;\n\n    const idMap = new Map<string, string>();\n    const newNodes: FlowNode[] = cb.nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return {\n        ...n,\n        id: newId,\n        position: { x: n.position.x + offsetX, y: n.position.y + offsetY },\n        data: { ...n.data },\n      };\n    });\n\n    const newEdges: FlowEdge[] = cb.edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = cb.lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\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, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [setDoc, currentCanvasId, setSelection]);\n\n  const hasClipboard = clipboardRef.current !== null;\n\n  /**\n   * Duplicate the current selection in place (Cmd/Ctrl+D). Unlike copy+paste\n   * this does NOT touch the clipboard, so a prior copy stays intact. Clones the\n   * selected nodes (plus edges wholly between them) and lines with a small\n   * offset, then selects the clones.\n   */\n  const duplicate = useCallback((\n    offsetX = 24,\n    offsetY = 24,\n    targets?: { nodeIds?: Set<string>; edgeIds?: Set<string>; lineIds?: Set<string> },\n  ) => {\n    const nodeSel = targets?.nodeIds ?? selection.nodeIds;\n    const edgeSel = targets?.edgeIds ?? selection.edgeIds;\n    const lineSel = targets?.lineIds ?? selection.lineIds;\n    const nodes = currentCanvas.nodes.filter(n => nodeSel.has(n.id));\n    const lines = currentCanvas.lines.filter(l => lineSel.has(l.id));\n    const nodeIdSet = new Set(nodes.map(n => n.id));\n    const edges = currentCanvas.edges.filter(e =>\n      edgeSel.has(e.id) ||\n      (nodeIdSet.has(e.source) && nodeIdSet.has(e.target)),\n    );\n    if (nodes.length === 0 && lines.length === 0 && edges.length === 0) return;\n\n    const idMap = new Map<string, string>();\n    // Assign fresh ids to nodes first so intra-selection edges can be remapped.\n    const newNodes: FlowNode[] = nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return { ...n, id: newId, position: { x: n.position.x + offsetX, y: n.position.y + offsetY }, data: { ...n.data } };\n    });\n    // Re-parent cloned children onto cloned groups when both were duplicated.\n    for (const n of newNodes) {\n      if (n.parentId && idMap.has(n.parentId)) n.parentId = idMap.get(n.parentId);\n    }\n\n    const newEdges: FlowEdge[] = edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\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, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [currentCanvas, selection, setDoc, currentCanvasId, setSelection]);\n\n  return { copy, cut, paste, duplicate, hasClipboard };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useClipboard.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowNode, FlowEdge, FlowLine } from '../types';\n\ninterface ClipboardData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/**\n * Copy/paste/cut for selected flow elements.\n * Uses internal clipboard (not system clipboard) for structured data.\n */\nexport function useClipboard() {\n  const { currentCanvas, selection, setDoc, currentCanvasId, setSelection } = useFlowContext();\n  const clipboardRef = useRef<ClipboardData | null>(null);\n\n  const copy = useCallback(() => {\n    const nodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n    const edges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n    const lines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n    // Also include edges that connect selected nodes\n    const nodeIds = new Set(nodes.map(n => n.id));\n    const connectedEdges = currentCanvas.edges.filter(\n      e => nodeIds.has(e.source) && nodeIds.has(e.target) && !selection.edgeIds.has(e.id),\n    );\n\n    clipboardRef.current = {\n      nodes: [...nodes],\n      edges: [...edges, ...connectedEdges],\n      lines: [...lines],\n    };\n  }, [currentCanvas, selection]);\n\n  const cut = useCallback(() => {\n    copy();\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.filter(n => !selection.nodeIds.has(n.id)),\n            edges: canvas.edges.filter(e =>\n              !selection.edgeIds.has(e.id) &&\n              !selection.nodeIds.has(e.source) &&\n              !selection.nodeIds.has(e.target),\n            ),\n            lines: canvas.lines.filter(l => !selection.lineIds.has(l.id)),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [copy, setDoc, currentCanvasId, selection, setSelection]);\n\n  const paste = useCallback((offsetX = 20, offsetY = 20) => {\n    const cb = clipboardRef.current;\n    if (!cb) return;\n\n    const idMap = new Map<string, string>();\n    const newNodes: FlowNode[] = cb.nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return {\n        ...n,\n        id: newId,\n        position: { x: n.position.x + offsetX, y: n.position.y + offsetY },\n        data: { ...n.data },\n      };\n    });\n\n    const newEdges: FlowEdge[] = cb.edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = cb.lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\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, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [setDoc, currentCanvasId, setSelection]);\n\n  const hasClipboard = clipboardRef.current !== null;\n\n  /**\n   * Duplicate the current selection in place (Cmd/Ctrl+D). Unlike copy+paste\n   * this does NOT touch the clipboard, so a prior copy stays intact. Clones the\n   * selected nodes (plus edges wholly between them) and lines with a small\n   * offset, then selects the clones.\n   */\n  const duplicate = useCallback((\n    offsetX = 24,\n    offsetY = 24,\n    targets?: { nodeIds?: Set<string>; edgeIds?: Set<string>; lineIds?: Set<string> },\n  ) => {\n    const nodeSel = targets?.nodeIds ?? selection.nodeIds;\n    const edgeSel = targets?.edgeIds ?? selection.edgeIds;\n    const lineSel = targets?.lineIds ?? selection.lineIds;\n    const nodes = currentCanvas.nodes.filter(n => nodeSel.has(n.id));\n    const lines = currentCanvas.lines.filter(l => lineSel.has(l.id));\n    const nodeIdSet = new Set(nodes.map(n => n.id));\n    const edges = currentCanvas.edges.filter(e =>\n      edgeSel.has(e.id) ||\n      (nodeIdSet.has(e.source) && nodeIdSet.has(e.target)),\n    );\n    if (nodes.length === 0 && lines.length === 0 && edges.length === 0) return;\n\n    const idMap = new Map<string, string>();\n    // Assign fresh ids to nodes first so intra-selection edges can be remapped.\n    const newNodes: FlowNode[] = nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return { ...n, id: newId, position: { x: n.position.x + offsetX, y: n.position.y + offsetY }, data: { ...n.data } };\n    });\n    // Re-parent cloned children onto cloned groups when both were duplicated.\n    for (const n of newNodes) {\n      if (n.parentId && idMap.has(n.parentId)) n.parentId = idMap.get(n.parentId);\n    }\n\n    const newEdges: FlowEdge[] = edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\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, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [currentCanvas, selection, setDoc, currentCanvasId, setSelection]);\n\n  return { copy, cut, paste, duplicate, hasClipboard };\n}\n"],"mappings":"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"}

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

@@ -1,20 +1,20 @@
-import { useEffect as i, useState as f } from "react";
-function m(t, c = 768) {
-  const [r, u] = f(!1);
-  return i(() => {
-    const e = t.current;
-    if (!e) return;
-    const o = () => {
-      const s = e.clientWidth;
-      s > 0 && u(s < c);
-    };
-    o();
-    const n = new ResizeObserver(o);
-    return n.observe(e), () => n.disconnect();
-  }, [t, c]), r;
+import { useEffect as e, useState as t } from "react";
+//#region src/components/pro/Flow/hooks/useCompactMode.ts
+function n(n, r = 768) {
+	let [i, a] = t(!1);
+	return e(() => {
+		let e = n.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.clientWidth;
+			t > 0 && a(t < r);
+		};
+		t();
+		let i = new ResizeObserver(t);
+		return i.observe(e), () => i.disconnect();
+	}, [n, r]), i;
 }
-export {
-  m as useCompactMode
-};
+//#endregion
+export { n as useCompactMode };
 
 //# sourceMappingURL=useCompactMode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCompactMode.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useCompactMode.ts"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/**\n * Container-width based small-screen (\"compact\") detection.\n *\n * Uses a ResizeObserver on the Flow root element rather than\n * `window.matchMedia`, so the mode follows the space the component actually\n * gets: a phone (narrow container) switches to the compact layout, while the\n * same component embedded in a narrow column on a desktop page does too.\n *\n * In compact mode the Flow editor hides the left/right panel docks and instead\n * offers a single panel switcher at the top with full-screen panels.\n */\nexport function useCompactMode(ref: RefObject<HTMLElement | null>, breakpoint = 768): boolean {\n  const [compact, setCompact] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = () => {\n      const w = el.clientWidth;\n      if (w > 0) setCompact(w < breakpoint);\n    };\n    update();\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [ref, breakpoint]);\n\n  return compact;\n}\n"],"mappings":";AAaA,SAAgB,EAAe,GAAoC,IAAa,KAAc;AAC5F,QAAM,CAAC,GAAS,CAAA,IAAc,EAAS,EAAK;AAE5C,SAAA,EAAA,MAAgB;AACd,UAAM,IAAK,EAAI;AACf,QAAI,CAAC,EAAI;AACT,UAAM,IAAA,MAAe;AACnB,YAAM,IAAI,EAAG;AACb,MAAI,IAAI,KAAG,EAAW,IAAI,CAAU;AAAA,IACtC;AACA,IAAA,EAAO;AACP,UAAM,IAAK,IAAI,eAAe,CAAM;AACpC,WAAA,EAAG,QAAQ,CAAE,GACb,MAAa,EAAG,WAAW;AAAA,EAC7B,GAAG,CAAC,GAAK,CAAU,CAAC,GAEb;AACT"}
+{"version":3,"file":"useCompactMode.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useCompactMode.ts"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/**\n * Container-width based small-screen (\"compact\") detection.\n *\n * Uses a ResizeObserver on the Flow root element rather than\n * `window.matchMedia`, so the mode follows the space the component actually\n * gets: a phone (narrow container) switches to the compact layout, while the\n * same component embedded in a narrow column on a desktop page does too.\n *\n * In compact mode the Flow editor hides the left/right panel docks and instead\n * offers a single panel switcher at the top with full-screen panels.\n */\nexport function useCompactMode(ref: RefObject<HTMLElement | null>, breakpoint = 768): boolean {\n  const [compact, setCompact] = useState(false);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    const update = () => {\n      const w = el.clientWidth;\n      if (w > 0) setCompact(w < breakpoint);\n    };\n    update();\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [ref, breakpoint]);\n\n  return compact;\n}\n"],"mappings":";;AAaA,SAAgB,EAAe,GAAoC,IAAa,KAAc;CAC5F,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAe5C,OAbA,QAAgB;EACd,IAAM,IAAK,EAAI;EACf,IAAI,CAAC,GAAI;EACT,IAAM,UAAe;GACnB,IAAM,IAAI,EAAG;GACb,AAAI,IAAI,KAAG,EAAW,IAAI,CAAU;EACtC;EACA,EAAO;EACP,IAAM,IAAK,IAAI,eAAe,CAAM;EAEpC,OADA,EAAG,QAAQ,CAAE,SACA,EAAG,WAAW;CAC7B,GAAG,CAAC,GAAK,CAAU,CAAC,GAEb;AACT"}

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

@@ -1,43 +1,43 @@
-import { useFlowContext as I } from "../context/FlowContext.js";
-import { useCallback as l } from "react";
-function p() {
-  const { selection: i, setSelection: d, setDoc: r, currentCanvasId: a } = I();
-  return l(() => {
-    const { nodeIds: s, edgeIds: o, lineIds: c } = i;
-    s.size === 0 && o.size === 0 && c.size === 0 || s.size > 1 && !window.confirm(`确定要删除选中的 ${s.size} 个节点吗？`) || (r((t) => {
-      const n = t.canvases[a];
-      return n ? {
-        ...t,
-        canvases: {
-          ...t.canvases,
-          [a]: {
-            ...n,
-            nodes: n.nodes.filter((e) => !s.has(e.id)).map((e) => e.parentId && s.has(e.parentId) ? {
-              ...e,
-              parentId: void 0
-            } : e),
-            edges: n.edges.filter((e) => !o.has(e.id) && !s.has(e.source) && !s.has(e.target)),
-            lines: n.lines.filter((e) => !c.has(e.id)).map((e) => e.parentId && s.has(e.parentId) ? {
-              ...e,
-              parentId: void 0
-            } : e)
-          }
-        }
-      } : t;
-    }), d({
-      nodeIds: /* @__PURE__ */ new Set(),
-      edgeIds: /* @__PURE__ */ new Set(),
-      lineIds: /* @__PURE__ */ new Set()
-    }));
-  }, [
-    i,
-    r,
-    a,
-    d
-  ]);
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useCallback as t } from "react";
+//#region src/components/pro/Flow/hooks/useDeleteSelection.ts
+function n() {
+	let { selection: n, setSelection: r, setDoc: i, currentCanvasId: a } = e();
+	return t(() => {
+		let { nodeIds: e, edgeIds: t, lineIds: o } = n;
+		(e.size !== 0 || t.size !== 0 || o.size !== 0) && (e.size > 1 && !window.confirm(`确定要删除选中的 ${e.size} 个节点吗？`) || (i((n) => {
+			let r = n.canvases[a];
+			return r ? {
+				...n,
+				canvases: {
+					...n.canvases,
+					[a]: {
+						...r,
+						nodes: r.nodes.filter((t) => !e.has(t.id)).map((t) => t.parentId && e.has(t.parentId) ? {
+							...t,
+							parentId: void 0
+						} : t),
+						edges: r.edges.filter((n) => !t.has(n.id) && !e.has(n.source) && !e.has(n.target)),
+						lines: r.lines.filter((e) => !o.has(e.id)).map((t) => t.parentId && e.has(t.parentId) ? {
+							...t,
+							parentId: void 0
+						} : t)
+					}
+				}
+			} : n;
+		}), r({
+			nodeIds: /* @__PURE__ */ new Set(),
+			edgeIds: /* @__PURE__ */ new Set(),
+			lineIds: /* @__PURE__ */ new Set()
+		})));
+	}, [
+		n,
+		i,
+		a,
+		r
+	]);
 }
-export {
-  p as useDeleteSelection
-};
+//#endregion
+export { n as useDeleteSelection };
 
 //# sourceMappingURL=useDeleteSelection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDeleteSelection.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useDeleteSelection.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\n\n/**\n * Delete everything selected on the current canvas (nodes, edges, lines).\n *\n * Shared by the Delete/Backspace keyboard shortcut and the on-canvas delete\n * button, so touch devices (no keyboard) get exactly the same behavior,\n * including the multi-node confirmation prompt.\n */\nexport function useDeleteSelection() {\n  const { selection, setSelection, setDoc, currentCanvasId } = useFlowContext();\n\n  return useCallback(() => {\n    const { nodeIds, edgeIds, lineIds } = selection;\n    if (nodeIds.size === 0 && edgeIds.size === 0 && lineIds.size === 0) return;\n    if (nodeIds.size > 1 && !window.confirm(`确定要删除选中的 ${nodeIds.size} 个节点吗？`)) return;\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\n              .filter(n => !nodeIds.has(n.id))\n              .map(n => n.parentId && nodeIds.has(n.parentId) ? { ...n, parentId: undefined } : n),\n            edges: canvas.edges.filter(e =>\n              !edgeIds.has(e.id) && !nodeIds.has(e.source) && !nodeIds.has(e.target),\n            ),\n            lines: canvas.lines\n              .filter(l => !lineIds.has(l.id))\n              .map(l => l.parentId && nodeIds.has(l.parentId) ? { ...l, parentId: undefined } : l),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [selection, setDoc, currentCanvasId, setSelection]);\n}\n"],"mappings":";;AAUA,SAAgB,IAAqB;AACnC,QAAM,EAAE,WAAA,GAAW,cAAA,GAAc,QAAA,GAAQ,iBAAA,EAAA,IAAoB,EAAe;AAE5E,SAAO,EAAA,MAAkB;AACvB,UAAM,EAAE,SAAA,GAAS,SAAA,GAAS,SAAA,EAAA,IAAY;AACtC,IAAI,EAAQ,SAAS,KAAK,EAAQ,SAAS,KAAK,EAAQ,SAAS,KAC7D,EAAQ,OAAO,KAAK,CAAC,OAAO,QAAQ,YAAY,EAAQ,IAAA,QAAY,MACxE,EAAA,CAAO,MAAQ;AACb,YAAM,IAAS,EAAK,SAAS,CAAA;AAC7B,aAAK,IACE;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,EAAK;AAAA,UACP,CAAA,CAAA,GAAkB;AAAA,YACjB,GAAG;AAAA,YACH,OAAO,EAAO,MACX,OAAA,CAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,EAC9B,IAAA,CAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;AAAA,cAAE,GAAG;AAAA,cAAG,UAAU;AAAA,YAAU,IAAI,CAAC;AAAA,YACrF,OAAO,EAAO,MAAM,OAAA,CAAO,MACzB,CAAC,EAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,CACvE;AAAA,YACA,OAAO,EAAO,MACX,OAAA,CAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,EAC9B,IAAA,CAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;AAAA,cAAE,GAAG;AAAA,cAAG,UAAU;AAAA,YAAU,IAAI,CAAC;AAAA,UACvF;AAAA,QACF;AAAA,MACF,IAlBoB;AAAA,IAmBtB,CAAC,GACD,EAAa;AAAA,MAAE,SAAS,oBAAI,IAAI;AAAA,MAAG,SAAS,oBAAI,IAAI;AAAA,MAAG,SAAS,oBAAI,IAAI;AAAA,IAAE,CAAC;AAAA,EAC7E,GAAG;AAAA,IAAC;AAAA,IAAW;AAAA,IAAQ;AAAA,IAAiB;AAAA,EAAY,CAAC;AACvD"}
+{"version":3,"file":"useDeleteSelection.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useDeleteSelection.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\n\n/**\n * Delete everything selected on the current canvas (nodes, edges, lines).\n *\n * Shared by the Delete/Backspace keyboard shortcut and the on-canvas delete\n * button, so touch devices (no keyboard) get exactly the same behavior,\n * including the multi-node confirmation prompt.\n */\nexport function useDeleteSelection() {\n  const { selection, setSelection, setDoc, currentCanvasId } = useFlowContext();\n\n  return useCallback(() => {\n    const { nodeIds, edgeIds, lineIds } = selection;\n    if (nodeIds.size === 0 && edgeIds.size === 0 && lineIds.size === 0) return;\n    if (nodeIds.size > 1 && !window.confirm(`确定要删除选中的 ${nodeIds.size} 个节点吗？`)) return;\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\n              .filter(n => !nodeIds.has(n.id))\n              .map(n => n.parentId && nodeIds.has(n.parentId) ? { ...n, parentId: undefined } : n),\n            edges: canvas.edges.filter(e =>\n              !edgeIds.has(e.id) && !nodeIds.has(e.source) && !nodeIds.has(e.target),\n            ),\n            lines: canvas.lines\n              .filter(l => !lineIds.has(l.id))\n              .map(l => l.parentId && nodeIds.has(l.parentId) ? { ...l, parentId: undefined } : l),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [selection, setDoc, currentCanvasId, setSelection]);\n}\n"],"mappings":";;;AAUA,SAAgB,IAAqB;CACnC,IAAM,EAAE,cAAW,iBAAc,WAAQ,uBAAoB,EAAe;CAE5E,OAAO,QAAkB;EACvB,IAAM,EAAE,YAAS,YAAS,eAAY;EAClC,GAAQ,SAAS,KAAK,EAAQ,SAAS,KAAK,EAAQ,SAAS,OAC7D,EAAQ,OAAO,KAAK,CAAC,OAAO,QAAQ,YAAY,EAAQ,KAAK,OAAO,MACxE,GAAO,MAAQ;GACb,IAAM,IAAS,EAAK,SAAS;GAE7B,OADK,IACE;IACL,GAAG;IACH,UAAU;KACR,GAAG,EAAK;MACP,IAAkB;MACjB,GAAG;MACH,OAAO,EAAO,MACX,QAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,CAAC,CAC/B,KAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;OAAE,GAAG;OAAG,UAAU,KAAA;MAAU,IAAI,CAAC;MACrF,OAAO,EAAO,MAAM,QAAO,MACzB,CAAC,EAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,KAAK,CAAC,EAAQ,IAAI,EAAE,MAAM,CACvE;MACA,OAAO,EAAO,MACX,QAAO,MAAK,CAAC,EAAQ,IAAI,EAAE,EAAE,CAAC,CAAC,CAC/B,KAAI,MAAK,EAAE,YAAY,EAAQ,IAAI,EAAE,QAAQ,IAAI;OAAE,GAAG;OAAG,UAAU,KAAA;MAAU,IAAI,CAAC;KACvF;IACF;GACF,IAlBoB;EAmBtB,CAAC,GACD,EAAa;GAAE,yBAAS,IAAI,IAAI;GAAG,yBAAS,IAAI,IAAI;GAAG,yBAAS,IAAI,IAAI;EAAE,CAAC;CAC7E,GAAG;EAAC;EAAW;EAAQ;EAAiB;CAAY,CAAC;AACvD"}

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

@@ -1,54 +1,54 @@
-import { useCallback as i, useRef as h, useState as Y } from "react";
-function R({ onDropDock: p, onDragHintChange: c, edgeZone: u = 72 } = {}) {
-  const [s, a] = Y(null), n = h(null), l = h(null), d = i(() => {
-    l.current && (l.current = null, c?.(null));
-  }, [c]), g = i((t) => {
-    const r = t.currentTarget.closest("[data-flow-panel]");
-    if (!r) return;
-    t.preventDefault(), t.stopPropagation(), t.target.setPointerCapture(t.pointerId);
-    const e = r.getBoundingClientRect(), o = r.offsetParent?.getBoundingClientRect() ?? {
-      left: 0,
-      top: 0
-    };
-    n.current = {
-      startX: t.clientX,
-      startY: t.clientY,
-      originX: e.left - o.left,
-      originY: e.top - o.top,
-      width: e.width,
-      parentWidth: r.offsetParent?.clientWidth ?? e.left - o.left + e.width
-    };
-  }, []), X = i((t) => {
-    if (!n.current) return;
-    const r = t.clientX - n.current.startX, e = t.clientY - n.current.startY, o = n.current.originX + r;
-    a({
-      x: o,
-      y: n.current.originY + e
-    });
-    const P = o + n.current.width / 2, f = P < u ? "left" : P > n.current.parentWidth - u ? "right" : null;
-    f !== l.current && (l.current = f, c?.(f));
-  }, [u, c]), w = i(() => {
-    const t = l.current;
-    d(), n.current = null, t && (p?.(t), a(null));
-  }, [d, p]);
-  return {
-    panelStyle: s ? {
-      position: "absolute",
-      left: s.x,
-      top: s.y,
-      right: "auto",
-      bottom: "auto"
-    } : void 0,
-    handleProps: {
-      onPointerDown: g,
-      onPointerMove: X,
-      onPointerUp: w
-    },
-    resetPosition: () => a(null)
-  };
+import { useCallback as e, useRef as t, useState as n } from "react";
+//#region src/components/pro/Flow/hooks/useDraggablePanel.ts
+function r({ onDropDock: r, onDragHintChange: i, edgeZone: a = 72 } = {}) {
+	let [o, s] = n(null), c = t(null), l = t(null), u = e(() => {
+		l.current && (l.current = null, i?.(null));
+	}, [i]), d = e((e) => {
+		let t = e.currentTarget.closest("[data-flow-panel]");
+		if (!t) return;
+		e.preventDefault(), e.stopPropagation(), e.target.setPointerCapture(e.pointerId);
+		let n = t.getBoundingClientRect(), r = t.offsetParent?.getBoundingClientRect() ?? {
+			left: 0,
+			top: 0
+		};
+		c.current = {
+			startX: e.clientX,
+			startY: e.clientY,
+			originX: n.left - r.left,
+			originY: n.top - r.top,
+			width: n.width,
+			parentWidth: t.offsetParent?.clientWidth ?? n.left - r.left + n.width
+		};
+	}, []), f = e((e) => {
+		if (!c.current) return;
+		let t = e.clientX - c.current.startX, n = e.clientY - c.current.startY, r = c.current.originX + t;
+		s({
+			x: r,
+			y: c.current.originY + n
+		});
+		let o = r + c.current.width / 2, u = o < a ? "left" : o > c.current.parentWidth - a ? "right" : null;
+		u !== l.current && (l.current = u, i?.(u));
+	}, [a, i]), p = e(() => {
+		let e = l.current;
+		u(), c.current = null, e && (r?.(e), s(null));
+	}, [u, r]);
+	return {
+		panelStyle: o ? {
+			position: "absolute",
+			left: o.x,
+			top: o.y,
+			right: "auto",
+			bottom: "auto"
+		} : void 0,
+		handleProps: {
+			onPointerDown: d,
+			onPointerMove: f,
+			onPointerUp: p
+		},
+		resetPosition: () => s(null)
+	};
 }
-export {
-  R as useDraggablePanel
-};
+//#endregion
+export { r as useDraggablePanel };
 
 //# sourceMappingURL=useDraggablePanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDraggablePanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useDraggablePanel.ts"],"sourcesContent":["import { useState, useRef, useCallback, type PointerEvent as ReactPointerEvent } from 'react';\n\nexport interface PanelPosition {\n  x: number;\n  y: number;\n}\n\nexport type PanelDropSide = 'left' | 'right';\n\nexport interface DraggablePanelOptions {\n  /** Called on pointer-up when the floating panel was dropped over a dock edge. */\n  onDropDock?: (side: PanelDropSide) => void;\n  /** Notified while dragging so the workspace can highlight the hovered dock. */\n  onDragHintChange?: (side: PanelDropSide | null) => void;\n  /** Width (px) of the drop zone along each edge of the workspace. */\n  edgeZone?: number;\n}\n\ninterface DragState {\n  startX: number;\n  startY: number;\n  originX: number;\n  originY: number;\n  width: number;\n  parentWidth: number;\n}\n\n/**\n * Enables free-position dragging for overlay panels. Returns a position\n * override (null = use default CSS) and a set of props to spread onto the\n * panel's drag handle element.\n *\n * When `onDropDock` is provided, dropping the panel within `edgeZone` of the\n * workspace's left/right edge attaches it to that dock: the hovered edge is\n * reported via `onDragHintChange` during the drag (so the workspace can\n * highlight a drop zone) and the position resets on drop so the panel snaps\n * into its dock slot.\n */\nexport function useDraggablePanel({ onDropDock, onDragHintChange, edgeZone = 72 }: DraggablePanelOptions = {}) {\n  const [pos, setPos] = useState<PanelPosition | null>(null);\n  const dragState = useRef<DragState | null>(null);\n  const hintRef = useRef<PanelDropSide | null>(null);\n\n  const clearHint = useCallback(() => {\n    if (hintRef.current) {\n      hintRef.current = null;\n      onDragHintChange?.(null);\n    }\n  }, [onDragHintChange]);\n\n  const onPointerDown = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    const el = (e.currentTarget as HTMLElement).closest('[data-flow-panel]') as HTMLElement | null;\n    if (!el) return;\n    e.preventDefault();\n    e.stopPropagation();\n    (e.target as HTMLElement).setPointerCapture(e.pointerId);\n    const rect = el.getBoundingClientRect();\n    const parentRect = el.offsetParent?.getBoundingClientRect() ?? { left: 0, top: 0 };\n    dragState.current = {\n      startX: e.clientX,\n      startY: e.clientY,\n      originX: rect.left - parentRect.left,\n      originY: rect.top - parentRect.top,\n      width: rect.width,\n      parentWidth: el.offsetParent?.clientWidth ?? rect.left - parentRect.left + rect.width,\n    };\n  }, []);\n\n  const onPointerMove = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    if (!dragState.current) return;\n    const dx = e.clientX - dragState.current.startX;\n    const dy = e.clientY - dragState.current.startY;\n    const x = dragState.current.originX + dx;\n    setPos({ x, y: dragState.current.originY + dy });\n    // Dock affinity: the panel's center hovering a workspace edge highlights\n    // that dock as the drop target.\n    const centerX = x + dragState.current.width / 2;\n    const next: PanelDropSide | null =\n      centerX < edgeZone ? 'left'\n      : centerX > dragState.current.parentWidth - edgeZone ? 'right'\n      : null;\n    if (next !== hintRef.current) {\n      hintRef.current = next;\n      onDragHintChange?.(next);\n    }\n  }, [edgeZone, onDragHintChange]);\n\n  const onPointerUp = useCallback(() => {\n    const hint = hintRef.current;\n    clearHint();\n    dragState.current = null;\n    if (hint) {\n      onDropDock?.(hint);\n      setPos(null); // snap back into the dock slot\n    }\n  }, [clearHint, onDropDock]);\n\n  const style: React.CSSProperties | undefined = pos\n    ? { position: 'absolute', left: pos.x, top: pos.y, right: 'auto', bottom: 'auto' }\n    : undefined;\n\n  return {\n    panelStyle: style,\n    handleProps: { onPointerDown, onPointerMove, onPointerUp },\n    resetPosition: () => setPos(null),\n  };\n}\n"],"mappings":";AAsCA,SAAgB,EAAkB,EAAE,YAAA,GAAY,kBAAA,GAAkB,UAAA,IAAW,GAAA,IAA8B,CAAC,GAAG;AAC7G,QAAM,CAAC,GAAK,CAAA,IAAU,EAA+B,IAAI,GACnD,IAAY,EAAyB,IAAI,GACzC,IAAU,EAA6B,IAAI,GAE3C,IAAY,EAAA,MAAkB;AAClC,IAAI,EAAQ,YACV,EAAQ,UAAU,MAClB,IAAmB,IAAI;AAAA,EAE3B,GAAG,CAAC,CAAgB,CAAC,GAEf,IAAgB,EAAA,CAAa,MAAsC;AACvE,UAAM,IAAM,EAAE,cAA8B,QAAQ,mBAAmB;AACvE,QAAI,CAAC,EAAI;AACT,IAAA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAG,OAAuB,kBAAkB,EAAE,SAAS;AACvD,UAAM,IAAO,EAAG,sBAAsB,GAChC,IAAa,EAAG,cAAc,sBAAsB,KAAK;AAAA,MAAE,MAAM;AAAA,MAAG,KAAK;AAAA,IAAE;AACjF,IAAA,EAAU,UAAU;AAAA,MAClB,QAAQ,EAAE;AAAA,MACV,QAAQ,EAAE;AAAA,MACV,SAAS,EAAK,OAAO,EAAW;AAAA,MAChC,SAAS,EAAK,MAAM,EAAW;AAAA,MAC/B,OAAO,EAAK;AAAA,MACZ,aAAa,EAAG,cAAc,eAAe,EAAK,OAAO,EAAW,OAAO,EAAK;AAAA,IAClF;AAAA,EACF,GAAG,CAAC,CAAC,GAEC,IAAgB,EAAA,CAAa,MAAsC;AACvE,QAAI,CAAC,EAAU,QAAS;AACxB,UAAM,IAAK,EAAE,UAAU,EAAU,QAAQ,QACnC,IAAK,EAAE,UAAU,EAAU,QAAQ,QACnC,IAAI,EAAU,QAAQ,UAAU;AACtC,IAAA,EAAO;AAAA,MAAE,GAAA;AAAA,MAAG,GAAG,EAAU,QAAQ,UAAU;AAAA,IAAG,CAAC;AAG/C,UAAM,IAAU,IAAI,EAAU,QAAQ,QAAQ,GACxC,IACJ,IAAU,IAAW,SACnB,IAAU,EAAU,QAAQ,cAAc,IAAW,UACrD;AACJ,IAAI,MAAS,EAAQ,YACnB,EAAQ,UAAU,GAClB,IAAmB,CAAI;AAAA,EAE3B,GAAG,CAAC,GAAU,CAAgB,CAAC,GAEzB,IAAc,EAAA,MAAkB;AACpC,UAAM,IAAO,EAAQ;AACrB,IAAA,EAAU,GACV,EAAU,UAAU,MAChB,MACF,IAAa,CAAI,GACjB,EAAO,IAAI;AAAA,EAEf,GAAG,CAAC,GAAW,CAAU,CAAC;AAM1B,SAAO;AAAA,IACL,YAL6C,IAC3C;AAAA,MAAE,UAAU;AAAA,MAAY,MAAM,EAAI;AAAA,MAAG,KAAK,EAAI;AAAA,MAAG,OAAO;AAAA,MAAQ,QAAQ;AAAA,IAAO,IAC/E;AAAA,IAIF,aAAa;AAAA,MAAE,eAAA;AAAA,MAAe,eAAA;AAAA,MAAe,aAAA;AAAA,IAAY;AAAA,IACzD,eAAA,MAAqB,EAAO,IAAI;AAAA,EAClC;AACF"}
+{"version":3,"file":"useDraggablePanel.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useDraggablePanel.ts"],"sourcesContent":["import { useState, useRef, useCallback, type PointerEvent as ReactPointerEvent } from 'react';\n\nexport interface PanelPosition {\n  x: number;\n  y: number;\n}\n\nexport type PanelDropSide = 'left' | 'right';\n\nexport interface DraggablePanelOptions {\n  /** Called on pointer-up when the floating panel was dropped over a dock edge. */\n  onDropDock?: (side: PanelDropSide) => void;\n  /** Notified while dragging so the workspace can highlight the hovered dock. */\n  onDragHintChange?: (side: PanelDropSide | null) => void;\n  /** Width (px) of the drop zone along each edge of the workspace. */\n  edgeZone?: number;\n}\n\ninterface DragState {\n  startX: number;\n  startY: number;\n  originX: number;\n  originY: number;\n  width: number;\n  parentWidth: number;\n}\n\n/**\n * Enables free-position dragging for overlay panels. Returns a position\n * override (null = use default CSS) and a set of props to spread onto the\n * panel's drag handle element.\n *\n * When `onDropDock` is provided, dropping the panel within `edgeZone` of the\n * workspace's left/right edge attaches it to that dock: the hovered edge is\n * reported via `onDragHintChange` during the drag (so the workspace can\n * highlight a drop zone) and the position resets on drop so the panel snaps\n * into its dock slot.\n */\nexport function useDraggablePanel({ onDropDock, onDragHintChange, edgeZone = 72 }: DraggablePanelOptions = {}) {\n  const [pos, setPos] = useState<PanelPosition | null>(null);\n  const dragState = useRef<DragState | null>(null);\n  const hintRef = useRef<PanelDropSide | null>(null);\n\n  const clearHint = useCallback(() => {\n    if (hintRef.current) {\n      hintRef.current = null;\n      onDragHintChange?.(null);\n    }\n  }, [onDragHintChange]);\n\n  const onPointerDown = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    const el = (e.currentTarget as HTMLElement).closest('[data-flow-panel]') as HTMLElement | null;\n    if (!el) return;\n    e.preventDefault();\n    e.stopPropagation();\n    (e.target as HTMLElement).setPointerCapture(e.pointerId);\n    const rect = el.getBoundingClientRect();\n    const parentRect = el.offsetParent?.getBoundingClientRect() ?? { left: 0, top: 0 };\n    dragState.current = {\n      startX: e.clientX,\n      startY: e.clientY,\n      originX: rect.left - parentRect.left,\n      originY: rect.top - parentRect.top,\n      width: rect.width,\n      parentWidth: el.offsetParent?.clientWidth ?? rect.left - parentRect.left + rect.width,\n    };\n  }, []);\n\n  const onPointerMove = useCallback((e: ReactPointerEvent<HTMLElement>) => {\n    if (!dragState.current) return;\n    const dx = e.clientX - dragState.current.startX;\n    const dy = e.clientY - dragState.current.startY;\n    const x = dragState.current.originX + dx;\n    setPos({ x, y: dragState.current.originY + dy });\n    // Dock affinity: the panel's center hovering a workspace edge highlights\n    // that dock as the drop target.\n    const centerX = x + dragState.current.width / 2;\n    const next: PanelDropSide | null =\n      centerX < edgeZone ? 'left'\n      : centerX > dragState.current.parentWidth - edgeZone ? 'right'\n      : null;\n    if (next !== hintRef.current) {\n      hintRef.current = next;\n      onDragHintChange?.(next);\n    }\n  }, [edgeZone, onDragHintChange]);\n\n  const onPointerUp = useCallback(() => {\n    const hint = hintRef.current;\n    clearHint();\n    dragState.current = null;\n    if (hint) {\n      onDropDock?.(hint);\n      setPos(null); // snap back into the dock slot\n    }\n  }, [clearHint, onDropDock]);\n\n  const style: React.CSSProperties | undefined = pos\n    ? { position: 'absolute', left: pos.x, top: pos.y, right: 'auto', bottom: 'auto' }\n    : undefined;\n\n  return {\n    panelStyle: style,\n    handleProps: { onPointerDown, onPointerMove, onPointerUp },\n    resetPosition: () => setPos(null),\n  };\n}\n"],"mappings":";;AAsCA,SAAgB,EAAkB,EAAE,eAAY,qBAAkB,cAAW,OAA8B,CAAC,GAAG;CAC7G,IAAM,CAAC,GAAK,KAAU,EAA+B,IAAI,GACnD,IAAY,EAAyB,IAAI,GACzC,IAAU,EAA6B,IAAI,GAE3C,IAAY,QAAkB;EAClC,AAAI,EAAQ,YACV,EAAQ,UAAU,MAClB,IAAmB,IAAI;CAE3B,GAAG,CAAC,CAAgB,CAAC,GAEf,IAAgB,GAAa,MAAsC;EACvE,IAAM,IAAM,EAAE,cAA8B,QAAQ,mBAAmB;EACvE,IAAI,CAAC,GAAI;EAGT,AAFA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAG,OAAuB,kBAAkB,EAAE,SAAS;EACvD,IAAM,IAAO,EAAG,sBAAsB,GAChC,IAAa,EAAG,cAAc,sBAAsB,KAAK;GAAE,MAAM;GAAG,KAAK;EAAE;EACjF,EAAU,UAAU;GAClB,QAAQ,EAAE;GACV,QAAQ,EAAE;GACV,SAAS,EAAK,OAAO,EAAW;GAChC,SAAS,EAAK,MAAM,EAAW;GAC/B,OAAO,EAAK;GACZ,aAAa,EAAG,cAAc,eAAe,EAAK,OAAO,EAAW,OAAO,EAAK;EAClF;CACF,GAAG,CAAC,CAAC,GAEC,IAAgB,GAAa,MAAsC;EACvE,IAAI,CAAC,EAAU,SAAS;EACxB,IAAM,IAAK,EAAE,UAAU,EAAU,QAAQ,QACnC,IAAK,EAAE,UAAU,EAAU,QAAQ,QACnC,IAAI,EAAU,QAAQ,UAAU;EACtC,EAAO;GAAE;GAAG,GAAG,EAAU,QAAQ,UAAU;EAAG,CAAC;EAG/C,IAAM,IAAU,IAAI,EAAU,QAAQ,QAAQ,GACxC,IACJ,IAAU,IAAW,SACnB,IAAU,EAAU,QAAQ,cAAc,IAAW,UACrD;EACJ,AAAI,MAAS,EAAQ,YACnB,EAAQ,UAAU,GAClB,IAAmB,CAAI;CAE3B,GAAG,CAAC,GAAU,CAAgB,CAAC,GAEzB,IAAc,QAAkB;EACpC,IAAM,IAAO,EAAQ;EAGrB,AAFA,EAAU,GACV,EAAU,UAAU,MAChB,MACF,IAAa,CAAI,GACjB,EAAO,IAAI;CAEf,GAAG,CAAC,GAAW,CAAU,CAAC;CAM1B,OAAO;EACL,YAL6C,IAC3C;GAAE,UAAU;GAAY,MAAM,EAAI;GAAG,KAAK,EAAI;GAAG,OAAO;GAAQ,QAAQ;EAAO,IAC/E,KAAA;EAIF,aAAa;GAAE;GAAe;GAAe;EAAY;EACzD,qBAAqB,EAAO,IAAI;CAClC;AACF"}