dishui 0.0.105 → 0.0.108

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

@@ -19,19 +19,19 @@ import { MediaOverlay as T } from "./nodes/MediaOverlay.js";
 import E from "./panels/FlowPanelGroup.js";
 import D from "./panels/Breadcrumb.js";
 import O from "./panels/ContextMenu.js";
-import { MiniMapRenderer as k } from "./canvas/MiniMapRenderer.js";
-import { useUndoRedo as ee } from "./hooks/useUndoRedo.js";
-import { useClipboard as A } from "./hooks/useClipboard.js";
-import { useCompactMode as te } from "./hooks/useCompactMode.js";
-import { usePdfExport as j } from "./hooks/usePdfExport.js";
-import { useKeyboardShortcuts as M } from "./hooks/useKeyboardShortcuts.js";
-import { useMindMap as N } from "./hooks/useMindMap.js";
+import { MiniMapRenderer as ee } from "./canvas/MiniMapRenderer.js";
+import { useUndoRedo as te } from "./hooks/useUndoRedo.js";
+import { useClipboard as k } from "./hooks/useClipboard.js";
+import { useCompactMode as ne } from "./hooks/useCompactMode.js";
+import { usePdfExport as A } from "./hooks/usePdfExport.js";
+import { useKeyboardShortcuts as j } from "./hooks/useKeyboardShortcuts.js";
+import { useMindMap as M } from "./hooks/useMindMap.js";
 /* empty css       */
-import { forwardRef as P, useCallback as F, useEffect as I, useImperativeHandle as ne, useMemo as L, useRef as R, useState as z } from "react";
-import { jsx as B, jsxs as V } from "react/jsx-runtime";
-import { EditorView as H } from "@codemirror/view";
+import { forwardRef as N, useCallback as P, useEffect as F, useImperativeHandle as re, useMemo as I, useRef as L, useState as R } from "react";
+import { jsx as z, jsxs as B } from "react/jsx-runtime";
+import { EditorView as V } from "@codemirror/view";
 //#region src/components/pro/Flow/Flow.tsx
-function re(e) {
+function ie(e) {
 	let t = !1, n = { ...e.canvases };
 	for (let [e, r] of Object.entries(n)) {
 		let i = r.nodes.map((e) => {
@@ -79,19 +79,19 @@ function re(e) {
 		canvases: n
 	} : e;
 }
-var ie = {
+var ae = {
 	nodeIds: /* @__PURE__ */ new Set(),
 	edgeIds: /* @__PURE__ */ new Set(),
 	lineIds: /* @__PURE__ */ new Set()
 };
-function ae({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }) {
-	let { selection: s, setSelection: l, currentCanvas: d, setDoc: p, currentCanvasId: m } = o(), { viewport: h } = c(), { copy: g, cut: _, paste: v, duplicate: y } = A(), b = f(), x = F(() => {
+function oe({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }) {
+	let { selection: s, setSelection: l, currentCanvas: d, setDoc: p, currentCanvasId: m } = o(), { viewport: h } = c(), { copy: g, cut: _, paste: v, duplicate: y } = k(), b = f(), x = P(() => {
 		l({
 			nodeIds: new Set(d.nodes.map((e) => e.id)),
 			edgeIds: new Set(d.edges.map((e) => e.id)),
 			lineIds: new Set(d.lines.map((e) => e.id))
 		});
-	}, [d, l]), S = F((e) => {
+	}, [d, l]), S = P((e) => {
 		let t = s.nodeIds, r = s.lineIds;
 		if (t.size + r.size < 2) return;
 		let i = d.nodes.filter((e) => t.has(e.id)), a = d.lines.filter((e) => r.has(e.id)), o = Infinity, c = Infinity, f = -Infinity, h = -Infinity;
@@ -146,7 +146,7 @@ function ae({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }
 		p,
 		m,
 		l
-	]), C = F(() => S("flowGroup"), [S]), w = F(() => S("geometryGroup"), [S]), T = F(() => {
+	]), C = P(() => S("flowGroup"), [S]), w = P(() => S("geometryGroup"), [S]), T = P(() => {
 		let e = s.nodeIds;
 		if (e.size === 0) return;
 		let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
@@ -187,25 +187,27 @@ function ae({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }
 		l
 	]);
 	r.current = C, i.current = w, a.current = T;
-	let E = F((e) => {
+	let E = P((e) => {
 		let t = s.nodeIds, n = s.lineIds;
-		(t.size !== 0 || n.size !== 0) && p((r) => {
-			let i = r.canvases[m];
-			if (!i) return r;
-			let a = i.nodes.map((e) => e.zIndex ?? 0), o = a.length > 0 ? Math.max(...a) : 0, s = a.length > 0 ? Math.min(...a) : 0, c = i.lines.map((e) => e.zIndex ?? 0), l = c.length > 0 ? Math.max(...c) : 0, u = c.length > 0 ? Math.min(...c) : 0, d = (t, n, r) => e === "front" ? n + 1 : e === "back" ? r - 1 : e === "up" ? t + 1 : t - 1;
+		if (t.size === 0 && n.size === 0) return;
+		let r = (t, n, r) => e === "front" ? n + 1 : e === "back" ? r - 1 : e === "up" ? t + 1 : t - 1;
+		p((e) => {
+			let i = e.canvases[m];
+			if (!i) return e;
+			let a = i.nodes.map((e) => e.zIndex ?? 0), o = a.length > 0 ? Math.max(...a) : 0, s = a.length > 0 ? Math.min(...a) : 0, c = i.lines.map((e) => e.zIndex ?? 0), l = c.length > 0 ? Math.max(...c) : 0, u = c.length > 0 ? Math.min(...c) : 0;
 			return {
-				...r,
+				...e,
 				canvases: {
-					...r.canvases,
+					...e.canvases,
 					[m]: {
 						...i,
 						nodes: i.nodes.map((e) => t.has(e.id) ? {
 							...e,
-							zIndex: d(e.zIndex ?? 0, o, s)
+							zIndex: r(e.zIndex ?? 0, o, s)
 						} : e),
 						lines: i.lines.map((e) => n.has(e.id) ? {
 							...e,
-							zIndex: d(e.zIndex ?? 0, l, u)
+							zIndex: r(e.zIndex ?? 0, l, u)
 						} : e)
 					}
 				}
@@ -216,7 +218,7 @@ function ae({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }
 		p,
 		m
 	]);
-	I(() => {
+	F(() => {
 		let e = (e) => {
 			let t = e.target;
 			if (t?.tagName === "INPUT" || t?.tagName === "TEXTAREA" || t?.isContentEditable) return;
@@ -306,7 +308,7 @@ function ae({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }
 		l,
 		h
 	]);
-	let D = L(() => ({
+	let D = I(() => ({
 		undo: e,
 		redo: t,
 		copy: g,
@@ -336,54 +338,54 @@ function ae({ onUndo: e, onRedo: t, groupRef: r, geoGroupRef: i, ungroupRef: a }
 		T,
 		E
 	]);
-	return M(D), N(), null;
+	return j(D), M(), null;
 }
-function oe({ pixiRef: e, exportPdfRef: t }) {
-	return t.current = j(e), null;
+function se({ pixiRef: e, exportPdfRef: t }) {
+	return t.current = A(e), null;
 }
-var U = P(function({ initialDocument: e, onChange: t, width: n, height: r, readOnly: o = !1, onBack: c, onExportPNG: u, onPublish: d, showMiniMap: f = !0, showGrid: v = !0, gridSize: y = 20, className: b, showAI: x = !0, showAIConfig: S = !0, aiConfig: C }, E) {
-	let [O, A] = z(() => re(e ?? i())), [j, M] = z(ie), N = R(null), P = R(null), L = R(null), H = R(null), U = te(H), { wrappedSetDoc: W, setDocTransient: G, undo: K, redo: q, canUndo: J, canRedo: Y } = ee(O, A), X = R(null), Z = R(null), Q = R(null), de = R(null), fe = R(t);
-	fe.current = t;
-	let pe = R(O);
-	I(() => {
-		pe.current !== O && (pe.current = O, o || fe.current?.(O));
+var H = N(function({ initialDocument: e, onChange: t, width: n, height: r, readOnly: o = !1, onBack: c, onExportPNG: u, onPublish: d, showMiniMap: f = !0, showGrid: v = !0, gridSize: y = 20, className: b, showAI: x = !0, showAIConfig: S = !0, aiConfig: C }, E) {
+	let [O, k] = R(() => ie(e ?? i())), [A, j] = R(ae), M = L(null), N = L(null), I = L(null), V = L(null), H = ne(V), { wrappedSetDoc: U, setDocTransient: W, undo: G, redo: K, canUndo: q, canRedo: J } = te(O, k), Y = L(null), X = L(null), Z = L(null), fe = L(null), pe = L(t);
+	pe.current = t;
+	let me = L(O);
+	F(() => {
+		me.current !== O && (me.current = O, o || pe.current?.(O));
 	}, [O, o]);
-	let $ = R(O);
-	$.current = O, ne(E, () => ({
+	let Q = L(O);
+	Q.current = O, re(E, () => ({
 		exportPNG: async (e) => {
-			let t = N.current;
+			let t = M.current;
 			return !t || t.destroyed ? null : t.exportPNG(e);
 		},
-		getDocument: () => $.current
+		getDocument: () => Q.current
 	}), []);
-	let me = F((e) => {
-		W((t) => {
+	let he = P((e) => {
+		U((t) => {
 			let n = typeof e == "function" ? e(t) : e;
 			return o ? n.canvases === t.canvases && n.title === t.title ? n : t : n;
 		});
-	}, [W, o]), he = F((e) => {
-		G((t) => {
+	}, [U, o]), ge = P((e) => {
+		W((t) => {
 			let n = typeof e == "function" ? e(t) : e;
 			return o ? n.canvases === t.canvases && n.title === t.title ? n : t : n;
 		});
-	}, [G, o]), ge = F(() => {
+	}, [W, o]), _e = P(() => {
+		o || G();
+	}, [o, G]), $ = P(() => {
 		o || K();
-	}, [o, K]), _e = F(() => {
-		o || q();
-	}, [o, q]), ve = F((e) => {
-		N.current = e, P.current && !L.current && (L.current = new k(P.current));
-	}, []), ye = F(async () => {
+	}, [o, K]), ve = P((e) => {
+		M.current = e, N.current && !I.current && (I.current = new ee(N.current));
+	}, []), ye = P(async () => {
 		if (u) return void u();
-		let e = N.current;
+		let e = M.current;
 		if (!e || e.destroyed) return;
 		let t = await e.exportPNG(16777215);
-		t && m(t, `${h($.current.title)}.png`);
-	}, [u]), be = F(async () => {
-		await de.current?.();
+		t && m(t, `${h(Q.current.title)}.png`);
+	}, [u]), be = P(async () => {
+		await fe.current?.();
 	}, []);
-	I(() => {
+	F(() => {
 		let e = !1, t = null, n = () => {
-			let e = N.current, t = L.current;
+			let e = M.current, t = I.current;
 			if (!e || e.destroyed || !t) return;
 			let n = {
 				x: e.world.position.x,
@@ -393,8 +395,8 @@ var U = P(function({ initialDocument: e, onChange: t, width: n, height: r, readO
 			i && t.update(i.nodes, n, e.app.screen.width, e.app.screen.height);
 		}, r = () => {
 			if (e) return;
-			let i = N.current;
-			i && !i.destroyed && L.current ? (i.app.ticker.add(n), t = i) : requestAnimationFrame(r);
+			let i = M.current;
+			i && !i.destroyed && I.current ? (i.app.ticker.add(n), t = i) : requestAnimationFrame(r);
 		};
 		return r(), () => {
 			e = !0, t && !t.destroyed && t.app.ticker.remove(n);
@@ -404,64 +406,64 @@ var U = P(function({ initialDocument: e, onChange: t, width: n, height: r, readO
 		width: n ?? "100%",
 		height: r ?? "100%"
 	};
-	return /* @__PURE__ */ B("div", {
-		ref: H,
+	return /* @__PURE__ */ z("div", {
+		ref: V,
 		className: `flow-container ${b ?? ""}`,
 		style: xe,
-		children: /* @__PURE__ */ B(a, {
+		children: /* @__PURE__ */ z(a, {
 			doc: O,
-			setDoc: me,
-			setDocTransient: he,
-			selection: j,
-			setSelection: M,
-			children: /* @__PURE__ */ B(s, {
+			setDoc: he,
+			setDocTransient: ge,
+			selection: A,
+			setSelection: j,
+			children: /* @__PURE__ */ z(s, {
 				showMiniMap: f,
 				showGrid: v,
 				gridSize: y,
 				showAI: x,
 				readOnly: o,
-				children: /* @__PURE__ */ V(l, {
+				children: /* @__PURE__ */ B(l, {
 					initialConfig: C,
 					showAIConfig: S,
 					children: [
-						/* @__PURE__ */ B(ae, {
-							onUndo: ge,
-							onRedo: _e,
-							groupRef: X,
-							geoGroupRef: Z,
-							ungroupRef: Q
+						/* @__PURE__ */ z(oe, {
+							onUndo: _e,
+							onRedo: $,
+							groupRef: Y,
+							geoGroupRef: X,
+							ungroupRef: Z
 						}),
-						/* @__PURE__ */ B(oe, {
-							pixiRef: N,
-							exportPdfRef: de
+						/* @__PURE__ */ z(se, {
+							pixiRef: M,
+							exportPdfRef: fe
 						}),
-						/* @__PURE__ */ V(ce, {
-							compact: U,
-							toolbar: o ? null : /* @__PURE__ */ B(g, {
-								compact: U,
+						/* @__PURE__ */ B(le, {
+							compact: H,
+							toolbar: o ? null : /* @__PURE__ */ z(g, {
+								compact: H,
 								onBack: c,
-								onUndo: ge,
-								onRedo: _e,
-								canUndo: J,
-								canRedo: Y,
-								onGroup: () => X.current?.(),
-								onGeoGroup: () => Z.current?.(),
-								onUngroup: () => Q.current?.(),
+								onUndo: _e,
+								onRedo: $,
+								canUndo: q,
+								canRedo: J,
+								onGroup: () => Y.current?.(),
+								onGeoGroup: () => X.current?.(),
+								onUngroup: () => Z.current?.(),
 								onExportPNG: ye,
 								onExportPDF: be,
 								onPublish: d
 							}),
 							children: [
-								/* @__PURE__ */ B(p, { onPixiReady: ve }),
-								/* @__PURE__ */ B(T, {}),
-								/* @__PURE__ */ V(se, { children: [!o && /* @__PURE__ */ B(_, {}), /* @__PURE__ */ B(D, {})] }),
-								!o && /* @__PURE__ */ B(ue, {}),
-								/* @__PURE__ */ B(le, {
-									canvasRef: P,
-									pixiRef: N,
-									miniMapRef: L
+								/* @__PURE__ */ z(p, { onPixiReady: ve }),
+								/* @__PURE__ */ z(T, {}),
+								/* @__PURE__ */ B(ce, { children: [!o && /* @__PURE__ */ z(_, {}), /* @__PURE__ */ z(D, {})] }),
+								!o && /* @__PURE__ */ z(de, {}),
+								/* @__PURE__ */ z(ue, {
+									canvasRef: N,
+									pixiRef: M,
+									miniMapRef: I
 								}),
-								/* @__PURE__ */ B(w, {})
+								/* @__PURE__ */ z(w, {})
 							]
 						})
 					]
@@ -470,15 +472,15 @@ var U = P(function({ initialDocument: e, onChange: t, width: n, height: r, readO
 		})
 	});
 });
-function se({ children: e }) {
+function ce({ children: e }) {
 	let { presentation: t } = c();
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "flow-overlay",
 		style: { display: t ? "none" : void 0 },
 		children: e
 	});
 }
-var W = [
+var U = [
 	{
 		id: "shapes",
 		label: "Shapes",
@@ -522,43 +524,43 @@ var W = [
 		showKey: "showAI"
 	}
 ];
-function G(e) {
+function W(e) {
 	switch (e) {
-		case "shapes": return /* @__PURE__ */ B(y, {});
-		case "icons": return /* @__PURE__ */ B(b, {});
-		case "media": return /* @__PURE__ */ B(v, {});
-		case "inspector": return /* @__PURE__ */ B(x, {});
-		case "outline": return /* @__PURE__ */ B(S, {});
-		case "json": return /* @__PURE__ */ B(X, {});
-		case "ai": return /* @__PURE__ */ B(C, {});
+		case "shapes": return /* @__PURE__ */ z(y, {});
+		case "icons": return /* @__PURE__ */ z(b, {});
+		case "media": return /* @__PURE__ */ z(v, {});
+		case "inspector": return /* @__PURE__ */ z(x, {});
+		case "outline": return /* @__PURE__ */ z(S, {});
+		case "json": return /* @__PURE__ */ z(X, {});
+		case "ai": return /* @__PURE__ */ z(C, {});
 		default: return null;
 	}
 }
-var K = /* @__PURE__ */ new Set([
+var G = /* @__PURE__ */ new Set([
 	"shapes",
 	"icons",
 	"media"
-]);
-function ce({ children: t, toolbar: n, compact: r }) {
-	let i = c(), { panelDocks: a, setPanelDock: o, presentation: s, readOnly: l, setPendingPlacement: u } = i, { setShowPalette: d, setShowInspector: f, setShowOutline: p, setShowJson: m, setShowAI: h } = i, g = l ? [] : W.filter((e) => !e.showKey || i[e.showKey]), _ = (e) => ({
-		id: e.id,
-		label: e.label,
-		icon: e.icon,
-		content: G(e.id)
-	}), [v, y] = z(null), b = R(null);
-	I(() => {
+]), K = (e) => ({
+	id: e.id,
+	label: e.label,
+	icon: e.icon,
+	content: W(e.id)
+});
+function le({ children: t, toolbar: n, compact: r }) {
+	let i = c(), { panelDocks: a, setPanelDock: o, presentation: s, readOnly: l, setPendingPlacement: u } = i, { setShowPalette: d, setShowInspector: f, setShowOutline: p, setShowJson: m, setShowAI: h } = i, g = l ? [] : U.filter((e) => !e.showKey || i[e.showKey]), [_, v] = R(null), y = L(null);
+	F(() => {
 		if (!r) {
-			b.current = null;
+			y.current = null;
 			return;
 		}
-		let e = i.pendingPlacement, t = e ? `${e.type}:${e.data?.svgId ?? ""}:${e.data?.mediaKind ?? ""}` : null, n = b.current;
-		b.current = t, t && t !== n && v && K.has(v) && y(null);
+		let e = i.pendingPlacement, t = e ? `${e.type}:${e.data?.svgId ?? ""}:${e.data?.mediaKind ?? ""}` : null, n = y.current;
+		y.current = t, t && t !== n && _ && G.has(_) && v(null);
 	}, [
 		i.pendingPlacement,
 		r,
-		v
+		_
 	]);
-	let [x, S] = z(null), C = F((e, t) => o(e, t), [o]), w = F((e) => {
+	let [b, x] = R(null), S = P((e, t) => o(e, t), [o]), C = P((e) => {
 		e === "inspector" ? f(!1) : e === "outline" ? p(!1) : e === "json" ? m(!1) : e === "ai" ? h(!1) : d(!1);
 	}, [
 		f,
@@ -568,86 +570,86 @@ function ce({ children: t, toolbar: n, compact: r }) {
 		d
 	]);
 	if (r && !s) {
-		let r = g.find((e) => e.id === v) ?? null;
-		return /* @__PURE__ */ V("div", {
+		let r = g.find((e) => e.id === _) ?? null;
+		return /* @__PURE__ */ B("div", {
 			className: "flow-workspace",
 			children: [
 				n,
-				g.length > 0 && /* @__PURE__ */ B("div", {
+				g.length > 0 && /* @__PURE__ */ z("div", {
 					className: "flow-mobile-panel-bar",
-					children: /* @__PURE__ */ B(e, {
+					children: /* @__PURE__ */ z(e, {
 						placeholder: "选择面板…",
 						options: g.map((e) => ({
 							value: e.id,
 							label: e.label
 						})),
-						value: v ?? void 0,
+						value: _ ?? void 0,
 						onChange: (e) => {
-							u(null), y(String(e));
+							u(null), v(String(e));
 						}
 					})
 				}),
-				/* @__PURE__ */ V("div", {
+				/* @__PURE__ */ B("div", {
 					className: "flow-workspace-main",
-					children: [/* @__PURE__ */ B("div", {
+					children: [/* @__PURE__ */ z("div", {
 						className: "flow-stage",
 						children: t
-					}), r && /* @__PURE__ */ V("div", {
+					}), r && /* @__PURE__ */ B("div", {
 						className: "flow-mobile-panel",
-						children: [/* @__PURE__ */ V("div", {
+						children: [/* @__PURE__ */ B("div", {
 							className: "flow-mobile-panel-header",
-							children: [/* @__PURE__ */ V("span", {
+							children: [/* @__PURE__ */ B("span", {
 								className: "flow-mobile-panel-title",
-								children: [r.icon && /* @__PURE__ */ B("span", {
+								children: [r.icon && /* @__PURE__ */ z("span", {
 									className: "flow-panel-tab-icon",
 									children: r.icon
 								}), r.label]
-							}), /* @__PURE__ */ B("button", {
+							}), /* @__PURE__ */ z("button", {
 								type: "button",
 								className: "flow-mobile-panel-close",
 								"aria-label": "关闭面板",
-								onClick: () => y(null),
+								onClick: () => v(null),
 								children: "✕"
 							})]
-						}), /* @__PURE__ */ B("div", {
+						}), /* @__PURE__ */ z("div", {
 							className: "flow-mobile-panel-body",
-							children: G(r.id)
+							children: W(r.id)
 						})]
 					})]
 				})
 			]
 		});
 	}
-	let T = (e) => a[e] ?? "left", D = g.filter((e) => T(e.id) === "left").map(_), O = g.filter((e) => T(e.id) === "right").map(_), k = g.filter((e) => T(e.id) === "float");
-	return /* @__PURE__ */ V("div", {
+	let w = (e) => a[e] ?? "left", T = g.filter((e) => w(e.id) === "left").map(K), D = g.filter((e) => w(e.id) === "right").map(K), O = g.filter((e) => w(e.id) === "float");
+	return /* @__PURE__ */ B("div", {
 		className: "flow-workspace",
-		children: [!s && n, /* @__PURE__ */ V("div", {
+		children: [!s && n, /* @__PURE__ */ B("div", {
 			className: "flow-workspace-main",
 			children: [
-				!s && D.length > 0 && /* @__PURE__ */ B(E, {
-					tabs: D,
-					defaultTab: D[0]?.id,
+				!s && T.length > 0 && /* @__PURE__ */ z(E, {
+					tabs: T,
+					defaultTab: T[0]?.id,
 					resizeEdge: "right",
 					defaultWidth: 220,
 					dock: "left",
-					onDock: C,
-					onClose: w
+					onDock: S,
+					onClose: C
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ z("div", {
 					className: "flow-stage",
 					children: t
 				}),
-				!s && O.length > 0 && /* @__PURE__ */ B(E, {
-					tabs: O,
-					defaultTab: O[0]?.id,
+				!s && D.length > 0 && /* @__PURE__ */ z(E, {
+					tabs: D,
+					defaultTab: D[0]?.id,
 					resizeEdge: "left",
 					defaultWidth: 220,
 					dock: "right",
-					onDock: C,
-					onClose: w
+					onDock: S,
+					onClose: C
 				}),
-				!s && k.map((e, t) => /* @__PURE__ */ B(E, {
-					tabs: [_(e)],
+				!s && O.map((e, t) => /* @__PURE__ */ z(E, {
+					tabs: [K(e)],
 					resizeEdge: "right",
 					defaultWidth: 220,
 					dock: "float",
@@ -655,20 +657,20 @@ function ce({ children: t, toolbar: n, compact: r }) {
 						top: 48 + t * 40,
 						left: 24 + t * 30
 					},
-					onDock: C,
-					onClose: w,
-					onDragHintChange: S
+					onDock: S,
+					onClose: C,
+					onDragHintChange: x
 				}, e.id)),
-				!s && x && /* @__PURE__ */ B("div", {
-					className: `flow-dock-dropzone flow-dock-dropzone--${x}`,
-					children: /* @__PURE__ */ B("span", { children: x === "left" ? "⇤ 停靠左侧" : "停靠右侧 ⇥" })
+				!s && b && /* @__PURE__ */ z("div", {
+					className: `flow-dock-dropzone flow-dock-dropzone--${b}`,
+					children: /* @__PURE__ */ z("span", { children: b === "left" ? "⇤ 停靠左侧" : "停靠右侧 ⇥" })
 				})
 			]
 		})]
 	});
 }
-function le({ canvasRef: e, pixiRef: t, miniMapRef: n }) {
-	let { showMiniMap: r, setViewport: i, presentation: a } = c(), o = R(!1), s = F((r, a) => {
+function ue({ canvasRef: e, pixiRef: t, miniMapRef: n }) {
+	let { showMiniMap: r, setViewport: i, presentation: a } = c(), o = L(!1), s = P((r, a) => {
 		let o = e.current, s = t.current, c = n.current;
 		if (!o || !s || s.destroyed || !c) return;
 		let l = o.getBoundingClientRect();
@@ -686,17 +688,17 @@ function le({ canvasRef: e, pixiRef: t, miniMapRef: n }) {
 		t,
 		n,
 		i
-	]), l = F((e) => {
+	]), l = P((e) => {
 		e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), o.current = !0, s(e.clientX, e.clientY);
-	}, [s]), u = F((e) => {
+	}, [s]), u = P((e) => {
 		o.current && s(e.clientX, e.clientY);
-	}, [s]), d = F((e) => {
+	}, [s]), d = P((e) => {
 		o.current = !1;
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
 		} catch {}
 	}, []);
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "flow-minimap",
 		style: {
 			display: r && !a ? void 0 : "none",
@@ -706,7 +708,7 @@ function le({ canvasRef: e, pixiRef: t, miniMapRef: n }) {
 		onPointerMove: u,
 		onPointerUp: d,
 		title: "点击或拖动以移动画布",
-		children: /* @__PURE__ */ B("canvas", {
+		children: /* @__PURE__ */ z("canvas", {
 			ref: e,
 			width: 180,
 			height: 120,
@@ -752,14 +754,14 @@ function Y(e, t, n) {
 	} catch {}
 }
 function X() {
-	let { setDoc: e, currentCanvasId: n, selection: r, currentCanvas: i } = o(), [a, s] = z(""), [c, l] = z(null), u = R(!1), d = R(null), f = R(null), p = L(() => r.nodeIds.size + r.edgeIds.size + r.lineIds.size === 1 ? r.nodeIds.size === 1 ? [...r.nodeIds][0] : r.edgeIds.size === 1 ? [...r.edgeIds][0] : r.lineIds.size === 1 ? [...r.lineIds][0] : null : null, [r]);
-	I(() => {
+	let { setDoc: e, currentCanvasId: n, selection: r, currentCanvas: i } = o(), [a, s] = R(""), [c, l] = R(null), u = L(!1), d = L(null), f = L(null), p = I(() => r.nodeIds.size + r.edgeIds.size + r.lineIds.size === 1 ? r.nodeIds.size === 1 ? [...r.nodeIds][0] : r.edgeIds.size === 1 ? [...r.edgeIds][0] : r.lineIds.size === 1 ? [...r.lineIds][0] : null : null, [r]);
+	F(() => {
 		if (u.current) {
 			u.current = !1;
 			return;
 		}
 		s(JSON.stringify(i, null, 2)), l(null);
-	}, [i]), I(() => {
+	}, [i]), F(() => {
 		let e = f.current;
 		if (e && J(e), !p) return;
 		let t = setTimeout(() => {
@@ -770,7 +772,7 @@ function X() {
 			let n = f.current, r = t.scrollDOM;
 			r.style.scrollBehavior = "smooth";
 			let i = t.state.doc.line(e.startLine);
-			t.dispatch({ effects: H.scrollIntoView(i.from, {
+			t.dispatch({ effects: V.scrollIntoView(i.from, {
 				y: "start",
 				yMargin: 0
 			}) });
@@ -785,7 +787,7 @@ function X() {
 		}, 120);
 		return () => clearTimeout(t);
 	}, [p, a]);
-	let m = F((t) => {
+	let m = P((t) => {
 		s(t);
 		try {
 			let r = JSON.parse(t);
@@ -800,7 +802,7 @@ function X() {
 			l(e.message?.slice(0, 60) ?? "Invalid JSON");
 		}
 	}, [e, n]), h = p ? r.nodeIds.has(p) ? "Node" : r.edgeIds.has(p) ? "Edge" : "Line" : null;
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -808,14 +810,14 @@ function X() {
 			minHeight: 0
 		},
 		children: [
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flow-json-header",
-				children: /* @__PURE__ */ B("span", {
+				children: /* @__PURE__ */ z("span", {
 					className: "flow-json-scope",
 					children: h ? `${h}: ${p.slice(0, 8)}` : "Canvas"
 				})
 			}),
-			c && /* @__PURE__ */ B("div", {
+			c && /* @__PURE__ */ z("div", {
 				style: {
 					fontSize: 11,
 					color: "oklch(var(--er))",
@@ -824,13 +826,13 @@ function X() {
 				},
 				children: c
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				ref: f,
 				style: {
 					flex: 1,
 					minHeight: 0
 				},
-				children: /* @__PURE__ */ B(t, {
+				children: /* @__PURE__ */ z(t, {
 					ref: d,
 					value: a,
 					onChange: m,
@@ -843,8 +845,8 @@ function X() {
 		]
 	});
 }
-function ue() {
-	let { contextMenu: e, setContextMenu: t } = c(), { doc: n, setDoc: i, currentCanvasId: a, pushCanvas: s, setSelection: l } = o(), { duplicate: d } = A();
+function de() {
+	let { contextMenu: e, setContextMenu: t } = c(), { doc: n, setDoc: i, currentCanvasId: a, pushCanvas: s, setSelection: l } = o(), { duplicate: d } = k();
 	if (!e) return null;
 	let f = n.canvases[a];
 	if (!f) return t(null), null;
@@ -930,7 +932,7 @@ function ue() {
 				} : t;
 			}), s(e);
 		}
-	})), m.length === 0 ? null : /* @__PURE__ */ B(O, {
+	})), m.length === 0 ? null : /* @__PURE__ */ z(O, {
 		x: e.x,
 		y: e.y,
 		items: m,
@@ -945,6 +947,6 @@ function Z(e, t) {
 	}
 }
 //#endregion
-export { U as default };
+export { H as default };
 
 //# sourceMappingURL=Flow.js.map