dishui 0.0.64 → 0.0.66

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

@@ -1,396 +1,352 @@
-import fo from "../../../Button/index.js";
-import { useFlowContext as ko } from "../context/FlowContext.js";
-import { useFlowUI as Y } from "../context/FlowUIContext.js";
-import wo from "./ProjectTitle.js";
-import { variantEdgeStyle as Co } from "../archify/palette.js";
-import { archifyStylePatch as vo, inferComponentType as Io } from "../archify/presets.js";
-import { downloadDataURL as q, safeFileBaseName as H, useFlowImportExport as bo } from "../hooks/useFlowImportExport.js";
-import { useLayoutActions as yo } from "../hooks/useLayoutActions.js";
-import { IconAI as No, IconAlign as d, IconAnchorVisible as go, IconArchify as Ao, IconAutoFocus as So, IconBack as Oo, IconExportJson as xo, IconExportMarkdown as Fo, IconExportPdf as zo, IconExportPng as Ro, IconFitView as Mo, IconGeoGroup as jo, IconGrid as Jo, IconGroup as Lo, IconImport as Go, IconInspector as Po, IconJson as Zo, IconLayer as y, IconMagnet as Uo, IconMiniMap as Eo, IconOutline as To, IconPresent as Bo, IconPublish as Vo, IconRedo as $o, IconShapes as Wo, IconUndo as Do, IconUngroup as qo, IconZoomIn as Ho, IconZoomOut as Yo } from "./toolbarIcons.js";
-import { useCallback as C, useRef as _o } from "react";
-import { Fragment as N, jsx as o, jsxs as n } from "react/jsx-runtime";
-function de() {
-  const { viewport: r, setViewport: s, autoFocus: a, setAutoFocus: f } = Y(), k = Math.round(r.zoom * 100);
-  return /* @__PURE__ */ n("div", {
-    className: "flow-zoom-controls",
-    children: [
-      /* @__PURE__ */ o(e, {
-        tip: "缩小",
-        onClick: () => {
-          s({
-            ...r,
-            zoom: Math.max(0.1, r.zoom / 1.2)
-          });
-        },
-        children: /* @__PURE__ */ o(Yo, {})
-      }),
-      /* @__PURE__ */ n("span", {
-        className: "flow-zoom-info",
-        children: [k, "%"]
-      }),
-      /* @__PURE__ */ o(e, {
-        tip: "放大",
-        onClick: () => {
-          s({
-            ...r,
-            zoom: Math.min(4, r.zoom * 1.2)
-          });
-        },
-        children: /* @__PURE__ */ o(Ho, {})
-      }),
-      /* @__PURE__ */ o(e, {
-        tip: "适应视图",
-        onClick: () => {
-          s({
-            x: 0,
-            y: 0,
-            zoom: 1
-          });
-        },
-        children: /* @__PURE__ */ o(Mo, {})
-      }),
-      /* @__PURE__ */ o(e, {
-        tip: a ? "关闭 Auto Focus" : "开启 Auto Focus",
-        active: a,
-        onClick: () => f(!a),
-        children: /* @__PURE__ */ o(So, {})
-      })
-    ]
-  });
+import e from "../../../Button/index.js";
+import { useFlowContext as t } from "../context/FlowContext.js";
+import { useFlowUI as n } from "../context/FlowUIContext.js";
+import r from "./ProjectTitle.js";
+import { downloadDataURL as i, safeFileBaseName as a, useFlowImportExport as o } from "../hooks/useFlowImportExport.js";
+import { useLayoutActions as s } from "../hooks/useLayoutActions.js";
+import { IconAI as ee, IconAlign as c, IconAnchorVisible as te, IconAutoFocus as l, IconBack as ne, IconExportJson as re, IconExportMarkdown as ie, IconExportPdf as ae, IconExportPng as oe, IconFitView as u, IconGeoGroup as se, IconGrid as ce, IconGroup as le, IconImport as ue, IconInspector as de, IconJson as fe, IconLayer as d, IconMagnet as f, IconMiniMap as p, IconOutline as pe, IconPresent as me, IconPublish as he, IconRedo as ge, IconShapes as _e, IconUndo as ve, IconUngroup as m, IconZoomIn as h, IconZoomOut as g } from "./toolbarIcons.js";
+import { useCallback as _, useRef as ye } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/FlowToolbar.tsx
+function x() {
+	let { viewport: e, setViewport: t, autoFocus: r, setAutoFocus: i } = n(), a = Math.round(e.zoom * 100);
+	return /* @__PURE__ */ b("div", {
+		className: "flow-zoom-controls",
+		children: [
+			/* @__PURE__ */ y(S, {
+				tip: "缩小",
+				onClick: () => {
+					t({
+						...e,
+						zoom: Math.max(.1, e.zoom / 1.2)
+					});
+				},
+				children: /* @__PURE__ */ y(g, {})
+			}),
+			/* @__PURE__ */ b("span", {
+				className: "flow-zoom-info",
+				children: [a, "%"]
+			}),
+			/* @__PURE__ */ y(S, {
+				tip: "放大",
+				onClick: () => {
+					t({
+						...e,
+						zoom: Math.min(4, e.zoom * 1.2)
+					});
+				},
+				children: /* @__PURE__ */ y(h, {})
+			}),
+			/* @__PURE__ */ y(S, {
+				tip: "适应视图",
+				onClick: () => {
+					t({
+						x: 0,
+						y: 0,
+						zoom: 1
+					});
+				},
+				children: /* @__PURE__ */ y(u, {})
+			}),
+			/* @__PURE__ */ y(S, {
+				tip: r ? "关闭 Auto Focus" : "开启 Auto Focus",
+				active: r,
+				onClick: () => i(!r),
+				children: /* @__PURE__ */ y(l, {})
+			})
+		]
+	});
 }
-function e({ tip: r, shortcut: s, onClick: a, active: f, disabled: k, children: m }) {
-  const h = s ? `${r} (${s})` : r;
-  return /* @__PURE__ */ n("span", {
-    className: "flow-tip",
-    children: [/* @__PURE__ */ o(fo, {
-      size: "xs",
-      variant: f ? "primary" : "ghost",
-      onClick: a,
-      disabled: k,
-      square: !0,
-      children: /* @__PURE__ */ o("span", {
-        "aria-label": h,
-        style: { display: "inline-flex" },
-        children: m
-      })
-    }), /* @__PURE__ */ o("span", {
-      className: "flow-tip-label",
-      role: "tooltip",
-      children: h
-    })]
-  });
+function S({ tip: t, shortcut: n, onClick: r, active: i, disabled: a, children: o }) {
+	let s = n ? `${t} (${n})` : t;
+	return /* @__PURE__ */ b("span", {
+		className: "flow-tip",
+		children: [/* @__PURE__ */ y(e, {
+			size: "xs",
+			variant: i ? "primary" : "ghost",
+			onClick: r,
+			disabled: a,
+			square: !0,
+			children: /* @__PURE__ */ y("span", {
+				"aria-label": s,
+				style: { display: "inline-flex" },
+				children: o
+			})
+		}), /* @__PURE__ */ y("span", {
+			className: "flow-tip-label",
+			role: "tooltip",
+			children: s
+		})]
+	});
 }
-function he({ onBack: r, onUndo: s, onRedo: a, canUndo: f, canRedo: k, onGroup: m, onGeoGroup: h, onUngroup: v, onExportPNG: x, onExportPDF: F, onPublish: z, compact: R }) {
-  const { showGrid: M, setShowGrid: _, showPalette: j, setShowPalette: K, showInspector: J, setShowInspector: Q, showOutline: L, setShowOutline: X, showJson: G, setShowJson: oo, showAI: P, setShowAI: eo, showMiniMap: Z, setShowMiniMap: to, showAnchors: I, setShowAnchors: io, presentation: U, setPresentation: no, placementSnap: g, setPlacementSnap: lo } = Y(), { doc: w, selection: p, currentCanvas: co, setDoc: E, currentCanvasId: A } = ko(), { exportJSON: T, importJSON: B, exportMarkdown: V } = bo(), { align: u, distribute: $, changeZIndex: b } = yo(), W = _o(null), S = p.nodeIds.size + p.lineIds.size, ro = p.nodeIds.size > 0 && co.nodes.some((t) => p.nodeIds.has(t.id) && (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup)), O = Object.values(w.canvases).some((t) => t.nodes.some((l) => l.type === "animAnchor")), so = C(() => {
-    const t = T(), l = new Blob([t], { type: "application/json" }), c = URL.createObjectURL(l);
-    q(c, `${H(w.title)}.json`), URL.revokeObjectURL(c);
-  }, [T, w.title]), ao = C(() => {
-    const t = V(), l = new Blob([t], { type: "text/markdown" }), c = URL.createObjectURL(l);
-    q(c, `${H(w.title)}.md`), URL.revokeObjectURL(c);
-  }, [V, w.title]), ho = C(() => {
-    W.current?.click();
-  }, []), po = C(() => {
-    E((t) => {
-      const l = t.canvases[A];
-      if (!l) return t;
-      const c = l.nodes.map((i) => i.type === "animAnchor" || i.type === "shapeSvg" || i.data.isGroup || i.type === "flowGroup" || i.type === "geometryGroup" ? i : {
-        ...i,
-        data: {
-          ...i.data,
-          ...vo(Io(i.data))
-        }
-      }), uo = l.edges.map((i) => {
-        const D = Co(i.data.strokeColor && i.data.strokeColor !== "#64748b" ? "emphasis" : "default");
-        return {
-          ...i,
-          data: {
-            ...i.data,
-            strokeColor: i.data.strokeColor && i.data.strokeColor.startsWith("theme:") ? D.color : i.data.strokeColor ?? D.color
-          }
-        };
-      });
-      return {
-        ...t,
-        canvases: {
-          ...t.canvases,
-          [A]: {
-            ...l,
-            nodes: c,
-            edges: uo
-          }
-        }
-      };
-    });
-  }, [E, A]), mo = C((t) => {
-    const l = t.target.files?.[0];
-    if (!l) return;
-    const c = new FileReader();
-    c.onload = () => {
-      typeof c.result == "string" && B(c.result);
-    }, c.readAsText(l), t.target.value = "";
-  }, [B]);
-  return /* @__PURE__ */ n("div", {
-    className: `flow-toolbar${R ? " flow-toolbar--compact" : ""}`,
-    children: [
-      /* @__PURE__ */ o("input", {
-        ref: W,
-        type: "file",
-        accept: ".json",
-        style: { display: "none" },
-        onChange: mo
-      }),
-      !R && /* @__PURE__ */ o(wo, {}),
-      r && /* @__PURE__ */ n(N, { children: [/* @__PURE__ */ o("div", {
-        className: "flow-toolbar-group",
-        children: /* @__PURE__ */ o(e, {
-          tip: "返回列表",
-          onClick: r,
-          children: /* @__PURE__ */ o(Oo, {})
-        })
-      }), /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" })] }),
-      (s || a) && /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [s && /* @__PURE__ */ o(e, {
-          tip: "撤销",
-          shortcut: "Ctrl+Z",
-          onClick: s,
-          disabled: !f,
-          children: /* @__PURE__ */ o(Do, {})
-        }), a && /* @__PURE__ */ o(e, {
-          tip: "重做",
-          shortcut: "Ctrl+Shift+Z",
-          onClick: a,
-          disabled: !k,
-          children: /* @__PURE__ */ o($o, {})
-        })]
-      }),
-      p.nodeIds.size >= 2 && /* @__PURE__ */ n(N, { children: [/* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [
-          /* @__PURE__ */ o(e, {
-            tip: "居左",
-            onClick: () => u("left"),
-            children: /* @__PURE__ */ o(d, { kind: "left" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "水平居中",
-            onClick: () => u("center-h"),
-            children: /* @__PURE__ */ o(d, { kind: "center-h" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "居右",
-            onClick: () => u("right"),
-            children: /* @__PURE__ */ o(d, { kind: "right" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "居上",
-            onClick: () => u("top"),
-            children: /* @__PURE__ */ o(d, { kind: "top" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "垂直居中",
-            onClick: () => u("center-v"),
-            children: /* @__PURE__ */ o(d, { kind: "center-v" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "居下",
-            onClick: () => u("bottom"),
-            children: /* @__PURE__ */ o(d, { kind: "bottom" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "水平平分",
-            onClick: () => $("horizontal"),
-            disabled: p.nodeIds.size < 3,
-            children: /* @__PURE__ */ o(d, { kind: "distribute-h" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "垂直平分",
-            onClick: () => $("vertical"),
-            disabled: p.nodeIds.size < 3,
-            children: /* @__PURE__ */ o(d, { kind: "distribute-v" })
-          })
-        ]
-      })] }),
-      S >= 1 && /* @__PURE__ */ n(N, { children: [/* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [
-          /* @__PURE__ */ o(e, {
-            tip: "置于顶层",
-            onClick: () => b("front"),
-            children: /* @__PURE__ */ o(y, { kind: "front" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "上移一层",
-            onClick: () => b("up"),
-            children: /* @__PURE__ */ o(y, { kind: "up" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "下移一层",
-            onClick: () => b("down"),
-            children: /* @__PURE__ */ o(y, { kind: "down" })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "置于底层",
-            onClick: () => b("back"),
-            children: /* @__PURE__ */ o(y, { kind: "back" })
-          })
-        ]
-      })] }),
-      (m || h || v) && /* @__PURE__ */ n(N, { children: [/* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [
-          m && /* @__PURE__ */ o(e, {
-            tip: "成组",
-            shortcut: "⌘G",
-            onClick: m,
-            disabled: S < 2,
-            children: /* @__PURE__ */ o(Lo, {})
-          }),
-          h && /* @__PURE__ */ o(e, {
-            tip: "几何分组",
-            shortcut: "⌘⌥G",
-            onClick: h,
-            disabled: S < 2,
-            children: /* @__PURE__ */ o(jo, {})
-          }),
-          v && /* @__PURE__ */ o(e, {
-            tip: "取消成组",
-            shortcut: "⌘⇧G",
-            onClick: v,
-            disabled: !ro,
-            children: /* @__PURE__ */ o(qo, {})
-          })
-        ]
-      })] }),
-      /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [
-          /* @__PURE__ */ o(e, {
-            tip: "网格",
-            active: M,
-            onClick: () => _(!M),
-            children: /* @__PURE__ */ o(Jo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: g ? "放置吸附网格：开（盖章自动贴近网格）" : "放置吸附网格：关（自由放置）",
-            active: g,
-            onClick: () => lo(!g),
-            children: /* @__PURE__ */ o(Uo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "缩略图",
-            active: Z,
-            onClick: () => to(!Z),
-            children: /* @__PURE__ */ o(Eo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: I ? "隐藏所有 Anchor 对象" : "显示所有 Anchor 对象",
-            active: I,
-            disabled: !O,
-            onClick: () => {
-              O && io(!I);
-            },
-            children: /* @__PURE__ */ o(go, { visible: I })
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "动画预览",
-            active: U !== null,
-            onClick: () => no(U ? null : {
-              current: 0,
-              showAnchor: !1
-            }),
-            children: /* @__PURE__ */ o(Bo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "应用 Archify 风格（当前画布）",
-            onClick: po,
-            children: /* @__PURE__ */ o(Ao, {})
-          })
-        ]
-      }),
-      /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [
-          /* @__PURE__ */ o(e, {
-            tip: "形状面板",
-            active: j,
-            onClick: () => K(!j),
-            children: /* @__PURE__ */ o(Wo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "属性面板",
-            active: J,
-            onClick: () => Q(!J),
-            children: /* @__PURE__ */ o(Po, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "大纲",
-            active: L,
-            onClick: () => X(!L),
-            children: /* @__PURE__ */ o(To, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "JSON",
-            active: G,
-            onClick: () => oo(!G),
-            children: /* @__PURE__ */ o(Zo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "AI 助手",
-            active: P,
-            onClick: () => eo(!P),
-            children: /* @__PURE__ */ o(No, {})
-          })
-        ]
-      }),
-      /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-toolbar-group",
-        children: [
-          /* @__PURE__ */ o(e, {
-            tip: "导入 JSON",
-            onClick: ho,
-            children: /* @__PURE__ */ o(Go, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "导出 JSON",
-            onClick: so,
-            children: /* @__PURE__ */ o(xo, {})
-          }),
-          /* @__PURE__ */ o(e, {
-            tip: "导出 Markdown",
-            onClick: ao,
-            children: /* @__PURE__ */ o(Fo, {})
-          }),
-          x && /* @__PURE__ */ o(e, {
-            tip: "导出 PNG",
-            onClick: () => {
-              x();
-            },
-            children: /* @__PURE__ */ o(Ro, {})
-          }),
-          F && O && /* @__PURE__ */ o(e, {
-            tip: "导出 PDF（按锦点顺序）",
-            onClick: () => {
-              F();
-            },
-            children: /* @__PURE__ */ o(zo, {})
-          }),
-          z && /* @__PURE__ */ o(e, {
-            tip: "发布与共享",
-            onClick: z,
-            children: /* @__PURE__ */ o(Vo, {})
-          })
-        ]
-      })
-    ]
-  });
+function C({ onBack: e, onUndo: l, onRedo: u, canUndo: h, canRedo: g, onGroup: x, onGeoGroup: C, onUngroup: w, onExportPNG: T, onExportPDF: E, onPublish: D, compact: O }) {
+	let { showGrid: k, setShowGrid: A, showPalette: j, setShowPalette: M, showInspector: N, setShowInspector: P, showOutline: F, setShowOutline: be, showJson: I, setShowJson: xe, showAI: L, setShowAI: Se, showMiniMap: R, setShowMiniMap: Ce, showAnchors: z, setShowAnchors: we, presentation: B, setPresentation: Te, placementSnap: V, setPlacementSnap: Ee } = n(), { doc: H, selection: U, currentCanvas: De, setDoc: Oe, currentCanvasId: ke } = t(), { exportJSON: W, importJSON: G, exportMarkdown: K } = o(), { align: q, distribute: J, changeZIndex: Y } = s(), X = ye(null), Z = U.nodeIds.size + U.lineIds.size, Ae = U.nodeIds.size > 0 && De.nodes.some((e) => U.nodeIds.has(e.id) && (e.type === "flowGroup" || e.type === "geometryGroup" || e.data.isGroup)), Q = Object.values(H.canvases).some((e) => e.nodes.some((e) => e.type === "animAnchor")), je = _(() => {
+		let e = W(), t = new Blob([e], { type: "application/json" }), n = URL.createObjectURL(t);
+		i(n, `${a(H.title)}.json`), URL.revokeObjectURL(n);
+	}, [W, H.title]), Me = _(() => {
+		let e = K(), t = new Blob([e], { type: "text/markdown" }), n = URL.createObjectURL(t);
+		i(n, `${a(H.title)}.md`), URL.revokeObjectURL(n);
+	}, [K, H.title]), $ = _(() => {
+		X.current?.click();
+	}, []), Ne = _((e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		let n = new FileReader();
+		n.onload = () => {
+			typeof n.result == "string" && G(n.result);
+		}, n.readAsText(t), e.target.value = "";
+	}, [G]);
+	return /* @__PURE__ */ b("div", {
+		className: `flow-toolbar${O ? " flow-toolbar--compact" : ""}`,
+		children: [
+			/* @__PURE__ */ y("input", {
+				ref: X,
+				type: "file",
+				accept: ".json",
+				style: { display: "none" },
+				onChange: Ne
+			}),
+			!O && /* @__PURE__ */ y(r, {}),
+			e && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
+				className: "flow-toolbar-group",
+				children: /* @__PURE__ */ y(S, {
+					tip: "返回列表",
+					onClick: e,
+					children: /* @__PURE__ */ y(ne, {})
+				})
+			}), /* @__PURE__ */ y("div", { className: "flow-toolbar-divider" })] }),
+			(l || u) && /* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [l && /* @__PURE__ */ y(S, {
+					tip: "撤销",
+					shortcut: "Ctrl+Z",
+					onClick: l,
+					disabled: !h,
+					children: /* @__PURE__ */ y(ve, {})
+				}), u && /* @__PURE__ */ y(S, {
+					tip: "重做",
+					shortcut: "Ctrl+Shift+Z",
+					onClick: u,
+					disabled: !g,
+					children: /* @__PURE__ */ y(ge, {})
+				})]
+			}),
+			U.nodeIds.size >= 2 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [
+					/* @__PURE__ */ y(S, {
+						tip: "居左",
+						onClick: () => q("left"),
+						children: /* @__PURE__ */ y(c, { kind: "left" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "水平居中",
+						onClick: () => q("center-h"),
+						children: /* @__PURE__ */ y(c, { kind: "center-h" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "居右",
+						onClick: () => q("right"),
+						children: /* @__PURE__ */ y(c, { kind: "right" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "居上",
+						onClick: () => q("top"),
+						children: /* @__PURE__ */ y(c, { kind: "top" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "垂直居中",
+						onClick: () => q("center-v"),
+						children: /* @__PURE__ */ y(c, { kind: "center-v" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "居下",
+						onClick: () => q("bottom"),
+						children: /* @__PURE__ */ y(c, { kind: "bottom" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "水平平分",
+						onClick: () => J("horizontal"),
+						disabled: U.nodeIds.size < 3,
+						children: /* @__PURE__ */ y(c, { kind: "distribute-h" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "垂直平分",
+						onClick: () => J("vertical"),
+						disabled: U.nodeIds.size < 3,
+						children: /* @__PURE__ */ y(c, { kind: "distribute-v" })
+					})
+				]
+			})] }),
+			Z >= 1 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [
+					/* @__PURE__ */ y(S, {
+						tip: "置于顶层",
+						onClick: () => Y("front"),
+						children: /* @__PURE__ */ y(d, { kind: "front" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "上移一层",
+						onClick: () => Y("up"),
+						children: /* @__PURE__ */ y(d, { kind: "up" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "下移一层",
+						onClick: () => Y("down"),
+						children: /* @__PURE__ */ y(d, { kind: "down" })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "置于底层",
+						onClick: () => Y("back"),
+						children: /* @__PURE__ */ y(d, { kind: "back" })
+					})
+				]
+			})] }),
+			(x || C || w) && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [
+					x && /* @__PURE__ */ y(S, {
+						tip: "成组",
+						shortcut: "⌘G",
+						onClick: x,
+						disabled: Z < 2,
+						children: /* @__PURE__ */ y(le, {})
+					}),
+					C && /* @__PURE__ */ y(S, {
+						tip: "几何分组",
+						shortcut: "⌘⌥G",
+						onClick: C,
+						disabled: Z < 2,
+						children: /* @__PURE__ */ y(se, {})
+					}),
+					w && /* @__PURE__ */ y(S, {
+						tip: "取消成组",
+						shortcut: "⌘⇧G",
+						onClick: w,
+						disabled: !Ae,
+						children: /* @__PURE__ */ y(m, {})
+					})
+				]
+			})] }),
+			/* @__PURE__ */ y("div", { className: "flow-toolbar-divider" }),
+			/* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [
+					/* @__PURE__ */ y(S, {
+						tip: "网格",
+						active: k,
+						onClick: () => A(!k),
+						children: /* @__PURE__ */ y(ce, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: V ? "放置吸附网格：开（盖章自动贴近网格）" : "放置吸附网格：关（自由放置）",
+						active: V,
+						onClick: () => Ee(!V),
+						children: /* @__PURE__ */ y(f, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "缩略图",
+						active: R,
+						onClick: () => Ce(!R),
+						children: /* @__PURE__ */ y(p, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: z ? "隐藏所有 Anchor 对象" : "显示所有 Anchor 对象",
+						active: z,
+						disabled: !Q,
+						onClick: () => {
+							Q && we(!z);
+						},
+						children: /* @__PURE__ */ y(te, { visible: z })
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "动画预览",
+						active: B !== null,
+						onClick: () => Te(B ? null : {
+							current: 0,
+							showAnchor: !1
+						}),
+						children: /* @__PURE__ */ y(me, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", { className: "flow-toolbar-divider" }),
+			/* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [
+					/* @__PURE__ */ y(S, {
+						tip: "形状面板",
+						active: j,
+						onClick: () => M(!j),
+						children: /* @__PURE__ */ y(_e, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "属性面板",
+						active: N,
+						onClick: () => P(!N),
+						children: /* @__PURE__ */ y(de, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "大纲",
+						active: F,
+						onClick: () => be(!F),
+						children: /* @__PURE__ */ y(pe, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "JSON",
+						active: I,
+						onClick: () => xe(!I),
+						children: /* @__PURE__ */ y(fe, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "AI 助手",
+						active: L,
+						onClick: () => Se(!L),
+						children: /* @__PURE__ */ y(ee, {})
+					})
+				]
+			}),
+			/* @__PURE__ */ y("div", { className: "flow-toolbar-divider" }),
+			/* @__PURE__ */ b("div", {
+				className: "flow-toolbar-group",
+				children: [
+					/* @__PURE__ */ y(S, {
+						tip: "导入 JSON",
+						onClick: $,
+						children: /* @__PURE__ */ y(ue, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "导出 JSON",
+						onClick: je,
+						children: /* @__PURE__ */ y(re, {})
+					}),
+					/* @__PURE__ */ y(S, {
+						tip: "导出 Markdown",
+						onClick: Me,
+						children: /* @__PURE__ */ y(ie, {})
+					}),
+					T && /* @__PURE__ */ y(S, {
+						tip: "导出 PNG",
+						onClick: () => void T(),
+						children: /* @__PURE__ */ y(oe, {})
+					}),
+					E && Q && /* @__PURE__ */ y(S, {
+						tip: "导出 PDF（按锦点顺序）",
+						onClick: () => void E(),
+						children: /* @__PURE__ */ y(ae, {})
+					}),
+					D && /* @__PURE__ */ y(S, {
+						tip: "发布与共享",
+						onClick: D,
+						children: /* @__PURE__ */ y(he, {})
+					})
+				]
+			})
+		]
+	});
 }
-export {
-  de as FlowZoomControls,
-  he as default
-};
+//#endregion
+export { x as FlowZoomControls, C as default };
 
 //# sourceMappingURL=FlowToolbar.js.map