dishui 0.0.45 → 0.0.46

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

@@ -1,119 +1,119 @@
-import oo from "../../../Button/index.js";
-import { useFlowContext as io } from "../context/FlowContext.js";
-import { useFlowUI as eo } from "../context/FlowUIContext.js";
-import { downloadDataURL as to, useFlowImportExport as no } from "../hooks/useFlowImportExport.js";
-import { useLayoutActions as lo } from "../hooks/useLayoutActions.js";
-import { IconAlign as t, IconAnchorVisible as co, IconBack as so, IconExport as ro, IconExportImage as ao, IconFitView as ho, IconGeoGroup as po, IconGrid as mo, IconGroup as uo, IconImport as wo, IconInspector as fo, IconJson as ko, IconMiniMap as Io, IconOutline as vo, IconPresent as Co, IconPublish as bo, IconRedo as No, IconShapes as So, IconUndo as zo, IconUngroup as Oo, IconZoomIn as yo, IconZoomOut as xo } from "./toolbarIcons.js";
-import { useCallback as C, useRef as go } from "react";
-import { Fragment as b, jsx as o, jsxs as d } from "react/jsx-runtime";
+import eo from "../../../Button/index.js";
+import { useFlowContext as to } from "../context/FlowContext.js";
+import { useFlowUI as no } from "../context/FlowUIContext.js";
+import { downloadDataURL as co, useFlowImportExport as lo } from "../hooks/useFlowImportExport.js";
+import { useLayoutActions as so } from "../hooks/useLayoutActions.js";
+import { IconAlign as t, IconAnchorVisible as ro, IconAutoFocus as ao, IconBack as ho, IconExport as po, IconExportImage as mo, IconFitView as uo, IconGeoGroup as wo, IconGrid as fo, IconGroup as ko, IconImport as Io, IconInspector as vo, IconJson as Co, IconMiniMap as bo, IconOutline as No, IconPresent as So, IconPublish as zo, IconRedo as Ao, IconShapes as Oo, IconUndo as yo, IconUngroup as xo, IconZoomIn as Fo, IconZoomOut as go } from "./toolbarIcons.js";
+import { useCallback as b, useRef as Jo } from "react";
+import { Fragment as N, jsx as o, jsxs as d } from "react/jsx-runtime";
 function i({ tip: a, shortcut: h, onClick: u, active: f, disabled: k, children: p }) {
-  const c = h ? `${a} (${h})` : a;
+  const l = h ? `${a} (${h})` : a;
   return /* @__PURE__ */ d("span", {
     className: "flow-tip",
-    children: [/* @__PURE__ */ o(oo, {
+    children: [/* @__PURE__ */ o(eo, {
       size: "xs",
       variant: f ? "primary" : "ghost",
       onClick: u,
       disabled: k,
       square: !0,
       children: /* @__PURE__ */ o("span", {
-        "aria-label": c,
+        "aria-label": l,
         style: { display: "inline-flex" },
         children: p
       })
     }), /* @__PURE__ */ o("span", {
       className: "flow-tip-label",
       role: "tooltip",
-      children: c
+      children: l
     })]
   });
 }
-function Po({ onBack: a, onUndo: h, onRedo: u, canUndo: f, canRedo: k, onGroup: p, onGeoGroup: c, onUngroup: I, onExportPNG: N, onPublish: S }) {
-  const { viewport: m, setViewport: v, showGrid: z, setShowGrid: L, showPalette: O, setShowPalette: P, showInspector: y, setShowInspector: U, showOutline: x, setShowOutline: T, showJson: g, setShowJson: V, showMiniMap: A, setShowMiniMap: B, showAnchors: w, setShowAnchors: E, presentation: J, setPresentation: $ } = eo(), { doc: D, selection: n, currentCanvas: q } = io(), { exportJSON: j, importJSON: M } = no(), { align: s, distribute: R } = lo(), F = go(null), Z = n.nodeIds.size + n.lineIds.size, W = n.nodeIds.size > 0 && q.nodes.some((e) => n.nodeIds.has(e.id) && (e.type === "flowGroup" || e.type === "geometryGroup" || e.data.isGroup)), G = Object.values(D.canvases).some((e) => e.nodes.some((r) => r.type === "animAnchor")), H = Math.round(m.zoom * 100), K = () => {
+function Vo({ onBack: a, onUndo: h, onRedo: u, canUndo: f, canRedo: k, onGroup: p, onGeoGroup: l, onUngroup: I, onExportPNG: S, onPublish: z }) {
+  const { viewport: m, setViewport: v, autoFocus: C, setAutoFocus: P, showGrid: A, setShowGrid: U, showPalette: O, setShowPalette: T, showInspector: y, setShowInspector: V, showOutline: x, setShowOutline: B, showJson: F, setShowJson: E, showMiniMap: g, setShowMiniMap: $, showAnchors: w, setShowAnchors: D, presentation: J, setPresentation: q } = no(), { doc: W, selection: n, currentCanvas: H } = to(), { exportJSON: j, importJSON: M } = lo(), { align: s, distribute: R } = so(), Z = Jo(null), G = n.nodeIds.size + n.lineIds.size, K = n.nodeIds.size > 0 && H.nodes.some((e) => n.nodeIds.has(e.id) && (e.type === "flowGroup" || e.type === "geometryGroup" || e.data.isGroup)), L = Object.values(W.canvases).some((e) => e.nodes.some((r) => r.type === "animAnchor")), Q = Math.round(m.zoom * 100), X = () => {
     const e = Math.min(4, m.zoom * 1.2);
     v({
       ...m,
       zoom: e
     });
-  }, Q = () => {
+  }, Y = () => {
     const e = Math.max(0.1, m.zoom / 1.2);
     v({
       ...m,
       zoom: e
     });
-  }, X = () => {
+  }, _ = () => {
     v({
       x: 0,
       y: 0,
       zoom: 1
     });
-  }, Y = C(() => {
-    const e = j(), r = new Blob([e], { type: "application/json" }), l = URL.createObjectURL(r);
-    to(l, `flowchart-${Date.now()}.json`), URL.revokeObjectURL(l);
-  }, [j]), _ = C(() => {
-    F.current?.click();
+  }, oo = b(() => {
+    const e = j(), r = new Blob([e], { type: "application/json" }), c = URL.createObjectURL(r);
+    co(c, `flowchart-${Date.now()}.json`), URL.revokeObjectURL(c);
+  }, [j]), io = b(() => {
+    Z.current?.click();
   }, []);
   return /* @__PURE__ */ d("div", {
     className: "flow-toolbar",
     children: [
       /* @__PURE__ */ o("input", {
-        ref: F,
+        ref: Z,
         type: "file",
         accept: ".json",
         style: { display: "none" },
-        onChange: C((e) => {
+        onChange: b((e) => {
           const r = e.target.files?.[0];
           if (!r) return;
-          const l = new FileReader();
-          l.onload = () => {
-            typeof l.result == "string" && M(l.result);
-          }, l.readAsText(r), e.target.value = "";
+          const c = new FileReader();
+          c.onload = () => {
+            typeof c.result == "string" && M(c.result);
+          }, c.readAsText(r), e.target.value = "";
         }, [M])
       }),
-      a && /* @__PURE__ */ d(b, { children: [/* @__PURE__ */ o(i, {
+      a && /* @__PURE__ */ d(N, { children: [/* @__PURE__ */ o(i, {
         tip: "返回列表",
         onClick: a,
-        children: /* @__PURE__ */ o(so, {})
+        children: /* @__PURE__ */ o(ho, {})
       }), /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" })] }),
       h && /* @__PURE__ */ o(i, {
         tip: "撤销",
         shortcut: "Ctrl+Z",
         onClick: h,
         disabled: !f,
-        children: /* @__PURE__ */ o(zo, {})
+        children: /* @__PURE__ */ o(yo, {})
       }),
       u && /* @__PURE__ */ o(i, {
         tip: "重做",
         shortcut: "Ctrl+Shift+Z",
         onClick: u,
         disabled: !k,
-        children: /* @__PURE__ */ o(No, {})
+        children: /* @__PURE__ */ o(Ao, {})
       }),
-      (p || c || I) && /* @__PURE__ */ d(b, { children: [
+      (p || l || I) && /* @__PURE__ */ d(N, { children: [
         /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
         p && /* @__PURE__ */ o(i, {
           tip: "成组",
           shortcut: "⌘G",
           onClick: p,
-          disabled: Z < 2,
-          children: /* @__PURE__ */ o(uo, {})
+          disabled: G < 2,
+          children: /* @__PURE__ */ o(ko, {})
         }),
-        c && /* @__PURE__ */ o(i, {
+        l && /* @__PURE__ */ o(i, {
           tip: "几何分组",
           shortcut: "⌘⌥G",
-          onClick: c,
-          disabled: Z < 2,
-          children: /* @__PURE__ */ o(po, {})
+          onClick: l,
+          disabled: G < 2,
+          children: /* @__PURE__ */ o(wo, {})
         }),
         I && /* @__PURE__ */ o(i, {
           tip: "取消成组",
           shortcut: "⌘⇧G",
           onClick: I,
-          disabled: !W,
-          children: /* @__PURE__ */ o(Oo, {})
+          disabled: !K,
+          children: /* @__PURE__ */ o(xo, {})
         })
       ] }),
-      n.nodeIds.size >= 2 && /* @__PURE__ */ d(b, { children: [
+      n.nodeIds.size >= 2 && /* @__PURE__ */ d(N, { children: [
         /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
         /* @__PURE__ */ o(i, {
           tip: "居左",
@@ -161,108 +161,114 @@ function Po({ onBack: a, onUndo: h, onRedo: u, canUndo: f, canRedo: k, onGroup:
       /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
       /* @__PURE__ */ o(i, {
         tip: "缩小",
-        onClick: Q,
-        children: /* @__PURE__ */ o(xo, {})
+        onClick: Y,
+        children: /* @__PURE__ */ o(go, {})
       }),
       /* @__PURE__ */ d("span", {
         className: "flow-zoom-info",
-        children: [H, "%"]
+        children: [Q, "%"]
       }),
       /* @__PURE__ */ o(i, {
         tip: "放大",
-        onClick: K,
-        children: /* @__PURE__ */ o(yo, {})
+        onClick: X,
+        children: /* @__PURE__ */ o(Fo, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "适应视图",
-        onClick: X,
-        children: /* @__PURE__ */ o(ho, {})
+        onClick: _,
+        children: /* @__PURE__ */ o(uo, {})
+      }),
+      /* @__PURE__ */ o(i, {
+        tip: C ? "关闭 Auto Focus" : "开启 Auto Focus",
+        active: C,
+        onClick: () => P(!C),
+        children: /* @__PURE__ */ o(ao, {})
       }),
       /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
       /* @__PURE__ */ o(i, {
         tip: "形状面板",
         active: O,
-        onClick: () => P(!O),
-        children: /* @__PURE__ */ o(So, {})
+        onClick: () => T(!O),
+        children: /* @__PURE__ */ o(Oo, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "属性面板",
         active: y,
-        onClick: () => U(!y),
-        children: /* @__PURE__ */ o(fo, {})
+        onClick: () => V(!y),
+        children: /* @__PURE__ */ o(vo, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "大纲",
         active: x,
-        onClick: () => T(!x),
-        children: /* @__PURE__ */ o(vo, {})
+        onClick: () => B(!x),
+        children: /* @__PURE__ */ o(No, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "JSON",
-        active: g,
-        onClick: () => V(!g),
-        children: /* @__PURE__ */ o(ko, {})
+        active: F,
+        onClick: () => E(!F),
+        children: /* @__PURE__ */ o(Co, {})
       }),
       /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
       /* @__PURE__ */ o(i, {
         tip: "网格",
-        active: z,
-        onClick: () => L(!z),
-        children: /* @__PURE__ */ o(mo, {})
+        active: A,
+        onClick: () => U(!A),
+        children: /* @__PURE__ */ o(fo, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "缩略图",
-        active: A,
-        onClick: () => B(!A),
-        children: /* @__PURE__ */ o(Io, {})
+        active: g,
+        onClick: () => $(!g),
+        children: /* @__PURE__ */ o(bo, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: w ? "隐藏所有 Anchor 对象" : "显示所有 Anchor 对象",
         active: w,
-        disabled: !G,
+        disabled: !L,
         onClick: () => {
-          G && E(!w);
+          L && D(!w);
         },
-        children: /* @__PURE__ */ o(co, { visible: w })
+        children: /* @__PURE__ */ o(ro, { visible: w })
       }),
       /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
       /* @__PURE__ */ o(i, {
         tip: "动画预览",
         active: J !== null,
-        onClick: () => $(J ? null : {
+        onClick: () => q(J ? null : {
           current: 0,
           showAnchor: !1
         }),
-        children: /* @__PURE__ */ o(Co, {})
+        children: /* @__PURE__ */ o(So, {})
       }),
       /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }),
       /* @__PURE__ */ o(i, {
         tip: "导入 JSON",
-        onClick: _,
-        children: /* @__PURE__ */ o(wo, {})
+        onClick: io,
+        children: /* @__PURE__ */ o(Io, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "导出 JSON",
-        onClick: Y,
-        children: /* @__PURE__ */ o(ro, {})
+        onClick: oo,
+        children: /* @__PURE__ */ o(po, {})
       }),
-      N && /* @__PURE__ */ o(i, {
+      S && /* @__PURE__ */ o(i, {
         tip: "导出 PNG",
         onClick: () => {
-          N();
+          S();
         },
-        children: /* @__PURE__ */ o(ao, {})
+        children: /* @__PURE__ */ o(mo, {})
       }),
-      S && /* @__PURE__ */ o(i, {
+      z && /* @__PURE__ */ o(i, {
         tip: "发布与共享",
-        onClick: S,
-        children: /* @__PURE__ */ o(bo, {})
+        onClick: z,
+        children: /* @__PURE__ */ o(zo, {})
       })
     ]
   });
 }
 export {
-  Po as default
+  Vo as default
 };
 
 //# sourceMappingURL=FlowToolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowToolbar.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowToolbar.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport Button from '../../../Button';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowImportExport, downloadDataURL } from '../hooks/useFlowImportExport';\nimport { useLayoutActions } from '../hooks/useLayoutActions';\n\nimport {\n  IconBack,\n  IconUndo,\n  IconRedo,\n  IconGroup,\n  IconGeoGroup,\n  IconUngroup,\n  IconAlign,\n  IconZoomIn,\n  IconZoomOut,\n  IconFitView,\n  IconShapes,\n  IconInspector,\n  IconOutline,\n  IconJson,\n  IconGrid,\n  IconMiniMap,\n  IconImport,\n  IconExport,\n  IconExportImage,\n  IconPublish,\n  IconAnchorVisible,\n  IconPresent,\n} from './toolbarIcons';\n\n\n/** A toolbar button with an accessible, hover-revealed tooltip below it. */\ninterface ToolButtonProps {\n  tip: string;\n  shortcut?: string;\n  onClick: () => void;\n  active?: boolean;\n  disabled?: boolean;\n  children: React.ReactNode;\n}\n\nfunction ToolButton({ tip, shortcut, onClick, active, disabled, children }: ToolButtonProps) {\n  const label = shortcut ? `${tip} (${shortcut})` : tip;\n  return (\n    <span className=\"flow-tip\">\n      <Button\n        size=\"xs\"\n        variant={active ? 'primary' : 'ghost'}\n        onClick={onClick}\n        disabled={disabled}\n        square\n      >\n        <span aria-label={label} style={{ display: 'inline-flex' }}>{children}</span>\n      </Button>\n      <span className=\"flow-tip-label\" role=\"tooltip\">{label}</span>\n    </span>\n  );\n}\n\nexport interface FlowToolbarProps {\n  onBack?: () => void;\n  onUndo?: () => void;\n  onRedo?: () => void;\n  canUndo?: boolean;\n  canRedo?: boolean;\n  onGroup?: () => void;\n  onGeoGroup?: () => void;\n  onUngroup?: () => void;\n  onExportPNG?: () => void | Promise<void>;\n  onPublish?: () => void;\n}\n\nexport default function FlowToolbar({ onBack, onUndo, onRedo, canUndo, canRedo, onGroup, onGeoGroup, onUngroup, onExportPNG, onPublish }: FlowToolbarProps) {\n  const {\n    viewport, setViewport,\n    showGrid, setShowGrid,\n    showPalette, setShowPalette,\n    showInspector, setShowInspector,\n    showOutline, setShowOutline,\n    showJson, setShowJson,\n    showMiniMap, setShowMiniMap,\n    showAnchors, setShowAnchors,\n    presentation, setPresentation,\n  } = useFlowUI();\n  const { doc, selection, currentCanvas } = useFlowContext();\n  const { exportJSON, importJSON } = useFlowImportExport();\n  const { align, distribute } = useLayoutActions();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const selTotalCount = selection.nodeIds.size + selection.lineIds.size;\n  const hasGroupSelected = selection.nodeIds.size > 0 && currentCanvas.nodes.some(\n    n => selection.nodeIds.has(n.id) && (n.type === 'flowGroup' || n.type === 'geometryGroup' || n.data.isGroup),\n  );\n  const hasAnchors = Object.values(doc.canvases).some(canvas =>\n    canvas.nodes.some(node => node.type === 'animAnchor'),\n  );\n\n\n  const zoomPercent = Math.round(viewport.zoom * 100);\n\n  const handleZoomIn = () => {\n    const newZoom = Math.min(4, viewport.zoom * 1.2);\n    setViewport({ ...viewport, zoom: newZoom });\n  };\n\n  const handleZoomOut = () => {\n    const newZoom = Math.max(0.1, viewport.zoom / 1.2);\n    setViewport({ ...viewport, zoom: newZoom });\n  };\n\n  const handleFitView = () => {\n    setViewport({ x: 0, y: 0, zoom: 1 });\n  };\n\n  const handleExportJSON = useCallback(() => {\n    const json = exportJSON();\n    const blob = new Blob([json], { type: 'application/json' });\n    const url = URL.createObjectURL(blob);\n    downloadDataURL(url, `flowchart-${Date.now()}.json`);\n    URL.revokeObjectURL(url);\n  }, [exportJSON]);\n\n  const handleImportJSON = useCallback(() => {\n    fileInputRef.current?.click();\n  }, []);\n\n  const handleFileChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) return;\n    const reader = new FileReader();\n    reader.onload = () => {\n      if (typeof reader.result === 'string') importJSON(reader.result);\n    };\n    reader.readAsText(file);\n    e.target.value = '';\n  }, [importJSON]);\n\n  return (\n    <div className=\"flow-toolbar\">\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept=\".json\"\n        style={{ display: 'none' }}\n        onChange={handleFileChange}\n      />\n\n      {onBack && (\n        <>\n          <ToolButton tip=\"返回列表\" onClick={onBack}>\n            <IconBack />\n          </ToolButton>\n          <div className=\"flow-toolbar-divider\" />\n        </>\n      )}\n\n      {/* Undo / Redo */}\n      {onUndo && (\n        <ToolButton tip=\"撤销\" shortcut=\"Ctrl+Z\" onClick={onUndo} disabled={!canUndo}>\n          <IconUndo />\n        </ToolButton>\n      )}\n      {onRedo && (\n        <ToolButton tip=\"重做\" shortcut=\"Ctrl+Shift+Z\" onClick={onRedo} disabled={!canRedo}>\n          <IconRedo />\n        </ToolButton>\n      )}\n\n      {/* Group / Ungroup */}\n      {(onGroup || onGeoGroup || onUngroup) && (\n        <>\n          <div className=\"flow-toolbar-divider\" />\n          {onGroup && (\n            <ToolButton tip=\"成组\" shortcut=\"⌘G\" onClick={onGroup} disabled={selTotalCount < 2}>\n              <IconGroup />\n            </ToolButton>\n          )}\n          {onGeoGroup && (\n            <ToolButton tip=\"几何分组\" shortcut=\"⌘⌥G\" onClick={onGeoGroup} disabled={selTotalCount < 2}>\n              <IconGeoGroup />\n            </ToolButton>\n          )}\n          {onUngroup && (\n            <ToolButton tip=\"取消成组\" shortcut=\"⌘⇧G\" onClick={onUngroup} disabled={!hasGroupSelected}>\n              <IconUngroup />\n            </ToolButton>\n          )}\n        </>\n      )}\n\n      {selection.nodeIds.size >= 2 && (\n        <>\n          <div className=\"flow-toolbar-divider\" />\n          <ToolButton tip=\"居左\" onClick={() => align('left')}><IconAlign kind=\"left\" /></ToolButton>\n          <ToolButton tip=\"水平居中\" onClick={() => align('center-h')}><IconAlign kind=\"center-h\" /></ToolButton>\n          <ToolButton tip=\"居右\" onClick={() => align('right')}><IconAlign kind=\"right\" /></ToolButton>\n          <ToolButton tip=\"居上\" onClick={() => align('top')}><IconAlign kind=\"top\" /></ToolButton>\n          <ToolButton tip=\"垂直居中\" onClick={() => align('center-v')}><IconAlign kind=\"center-v\" /></ToolButton>\n          <ToolButton tip=\"居下\" onClick={() => align('bottom')}><IconAlign kind=\"bottom\" /></ToolButton>\n          <ToolButton tip=\"水平平分\" onClick={() => distribute('horizontal')} disabled={selection.nodeIds.size < 3}>\n            <IconAlign kind=\"distribute-h\" />\n          </ToolButton>\n          <ToolButton tip=\"垂直平分\" onClick={() => distribute('vertical')} disabled={selection.nodeIds.size < 3}>\n            <IconAlign kind=\"distribute-v\" />\n          </ToolButton>\n        </>\n      )}\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Zoom */}\n      <ToolButton tip=\"缩小\" onClick={handleZoomOut}>\n        <IconZoomOut />\n      </ToolButton>\n      <span className=\"flow-zoom-info\">{zoomPercent}%</span>\n      <ToolButton tip=\"放大\" onClick={handleZoomIn}>\n        <IconZoomIn />\n      </ToolButton>\n      <ToolButton tip=\"适应视图\" onClick={handleFitView}>\n        <IconFitView />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Panel toggles */}\n      <ToolButton tip=\"形状面板\" active={showPalette} onClick={() => setShowPalette(!showPalette)}>\n        <IconShapes />\n      </ToolButton>\n      <ToolButton tip=\"属性面板\" active={showInspector} onClick={() => setShowInspector(!showInspector)}>\n        <IconInspector />\n      </ToolButton>\n      <ToolButton tip=\"大纲\" active={showOutline} onClick={() => setShowOutline(!showOutline)}>\n        <IconOutline />\n      </ToolButton>\n      <ToolButton tip=\"JSON\" active={showJson} onClick={() => setShowJson(!showJson)}>\n        <IconJson />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Canvas view toggles */}\n      <ToolButton tip=\"网格\" active={showGrid} onClick={() => setShowGrid(!showGrid)}>\n        <IconGrid />\n      </ToolButton>\n      <ToolButton tip=\"缩略图\" active={showMiniMap} onClick={() => setShowMiniMap(!showMiniMap)}>\n        <IconMiniMap />\n      </ToolButton>\n      <ToolButton\n        tip={showAnchors ? '隐藏所有 Anchor 对象' : '显示所有 Anchor 对象'}\n        active={showAnchors}\n        disabled={!hasAnchors}\n        onClick={() => {\n          if (hasAnchors) setShowAnchors(!showAnchors);\n        }}\n      >\n        <IconAnchorVisible visible={showAnchors} />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Presentation mode */}\n      <ToolButton\n        tip=\"动画预览\"\n        active={presentation !== null}\n        onClick={() => setPresentation(presentation ? null : { current: 0, showAnchor: false })}\n      >\n        <IconPresent />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Import / Export */}\n      <ToolButton tip=\"导入 JSON\" onClick={handleImportJSON}>\n        <IconImport />\n      </ToolButton>\n      <ToolButton tip=\"导出 JSON\" onClick={handleExportJSON}>\n        <IconExport />\n      </ToolButton>\n      {onExportPNG && (\n        <ToolButton tip=\"导出 PNG\" onClick={() => void onExportPNG()}>\n          <IconExportImage />\n        </ToolButton>\n      )}\n      {onPublish && (\n        <ToolButton tip=\"发布与共享\" onClick={onPublish}>\n          <IconPublish />\n        </ToolButton>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FlowToolbar.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowToolbar.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport Button from '../../../Button';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowImportExport, downloadDataURL } from '../hooks/useFlowImportExport';\nimport { useLayoutActions } from '../hooks/useLayoutActions';\n\nimport {\n  IconBack,\n  IconUndo,\n  IconRedo,\n  IconGroup,\n  IconGeoGroup,\n  IconUngroup,\n  IconAlign,\n  IconZoomIn,\n  IconZoomOut,\n  IconFitView,\n  IconAutoFocus,\n  IconShapes,\n  IconInspector,\n  IconOutline,\n  IconJson,\n  IconGrid,\n  IconMiniMap,\n  IconImport,\n  IconExport,\n  IconExportImage,\n  IconPublish,\n  IconAnchorVisible,\n  IconPresent,\n} from './toolbarIcons';\n\n\n/** A toolbar button with an accessible, hover-revealed tooltip below it. */\ninterface ToolButtonProps {\n  tip: string;\n  shortcut?: string;\n  onClick: () => void;\n  active?: boolean;\n  disabled?: boolean;\n  children: React.ReactNode;\n}\n\nfunction ToolButton({ tip, shortcut, onClick, active, disabled, children }: ToolButtonProps) {\n  const label = shortcut ? `${tip} (${shortcut})` : tip;\n  return (\n    <span className=\"flow-tip\">\n      <Button\n        size=\"xs\"\n        variant={active ? 'primary' : 'ghost'}\n        onClick={onClick}\n        disabled={disabled}\n        square\n      >\n        <span aria-label={label} style={{ display: 'inline-flex' }}>{children}</span>\n      </Button>\n      <span className=\"flow-tip-label\" role=\"tooltip\">{label}</span>\n    </span>\n  );\n}\n\nexport interface FlowToolbarProps {\n  onBack?: () => void;\n  onUndo?: () => void;\n  onRedo?: () => void;\n  canUndo?: boolean;\n  canRedo?: boolean;\n  onGroup?: () => void;\n  onGeoGroup?: () => void;\n  onUngroup?: () => void;\n  onExportPNG?: () => void | Promise<void>;\n  onPublish?: () => void;\n}\n\nexport default function FlowToolbar({ onBack, onUndo, onRedo, canUndo, canRedo, onGroup, onGeoGroup, onUngroup, onExportPNG, onPublish }: FlowToolbarProps) {\n  const {\n    viewport, setViewport,\n    autoFocus, setAutoFocus,\n    showGrid, setShowGrid,\n    showPalette, setShowPalette,\n    showInspector, setShowInspector,\n    showOutline, setShowOutline,\n    showJson, setShowJson,\n    showMiniMap, setShowMiniMap,\n    showAnchors, setShowAnchors,\n    presentation, setPresentation,\n  } = useFlowUI();\n  const { doc, selection, currentCanvas } = useFlowContext();\n  const { exportJSON, importJSON } = useFlowImportExport();\n  const { align, distribute } = useLayoutActions();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const selTotalCount = selection.nodeIds.size + selection.lineIds.size;\n  const hasGroupSelected = selection.nodeIds.size > 0 && currentCanvas.nodes.some(\n    n => selection.nodeIds.has(n.id) && (n.type === 'flowGroup' || n.type === 'geometryGroup' || n.data.isGroup),\n  );\n  const hasAnchors = Object.values(doc.canvases).some(canvas =>\n    canvas.nodes.some(node => node.type === 'animAnchor'),\n  );\n\n\n  const zoomPercent = Math.round(viewport.zoom * 100);\n\n  const handleZoomIn = () => {\n    const newZoom = Math.min(4, viewport.zoom * 1.2);\n    setViewport({ ...viewport, zoom: newZoom });\n  };\n\n  const handleZoomOut = () => {\n    const newZoom = Math.max(0.1, viewport.zoom / 1.2);\n    setViewport({ ...viewport, zoom: newZoom });\n  };\n\n  const handleFitView = () => {\n    setViewport({ x: 0, y: 0, zoom: 1 });\n  };\n\n  const handleExportJSON = useCallback(() => {\n    const json = exportJSON();\n    const blob = new Blob([json], { type: 'application/json' });\n    const url = URL.createObjectURL(blob);\n    downloadDataURL(url, `flowchart-${Date.now()}.json`);\n    URL.revokeObjectURL(url);\n  }, [exportJSON]);\n\n  const handleImportJSON = useCallback(() => {\n    fileInputRef.current?.click();\n  }, []);\n\n  const handleFileChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) return;\n    const reader = new FileReader();\n    reader.onload = () => {\n      if (typeof reader.result === 'string') importJSON(reader.result);\n    };\n    reader.readAsText(file);\n    e.target.value = '';\n  }, [importJSON]);\n\n  return (\n    <div className=\"flow-toolbar\">\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept=\".json\"\n        style={{ display: 'none' }}\n        onChange={handleFileChange}\n      />\n\n      {onBack && (\n        <>\n          <ToolButton tip=\"返回列表\" onClick={onBack}>\n            <IconBack />\n          </ToolButton>\n          <div className=\"flow-toolbar-divider\" />\n        </>\n      )}\n\n      {/* Undo / Redo */}\n      {onUndo && (\n        <ToolButton tip=\"撤销\" shortcut=\"Ctrl+Z\" onClick={onUndo} disabled={!canUndo}>\n          <IconUndo />\n        </ToolButton>\n      )}\n      {onRedo && (\n        <ToolButton tip=\"重做\" shortcut=\"Ctrl+Shift+Z\" onClick={onRedo} disabled={!canRedo}>\n          <IconRedo />\n        </ToolButton>\n      )}\n\n      {/* Group / Ungroup */}\n      {(onGroup || onGeoGroup || onUngroup) && (\n        <>\n          <div className=\"flow-toolbar-divider\" />\n          {onGroup && (\n            <ToolButton tip=\"成组\" shortcut=\"⌘G\" onClick={onGroup} disabled={selTotalCount < 2}>\n              <IconGroup />\n            </ToolButton>\n          )}\n          {onGeoGroup && (\n            <ToolButton tip=\"几何分组\" shortcut=\"⌘⌥G\" onClick={onGeoGroup} disabled={selTotalCount < 2}>\n              <IconGeoGroup />\n            </ToolButton>\n          )}\n          {onUngroup && (\n            <ToolButton tip=\"取消成组\" shortcut=\"⌘⇧G\" onClick={onUngroup} disabled={!hasGroupSelected}>\n              <IconUngroup />\n            </ToolButton>\n          )}\n        </>\n      )}\n\n      {selection.nodeIds.size >= 2 && (\n        <>\n          <div className=\"flow-toolbar-divider\" />\n          <ToolButton tip=\"居左\" onClick={() => align('left')}><IconAlign kind=\"left\" /></ToolButton>\n          <ToolButton tip=\"水平居中\" onClick={() => align('center-h')}><IconAlign kind=\"center-h\" /></ToolButton>\n          <ToolButton tip=\"居右\" onClick={() => align('right')}><IconAlign kind=\"right\" /></ToolButton>\n          <ToolButton tip=\"居上\" onClick={() => align('top')}><IconAlign kind=\"top\" /></ToolButton>\n          <ToolButton tip=\"垂直居中\" onClick={() => align('center-v')}><IconAlign kind=\"center-v\" /></ToolButton>\n          <ToolButton tip=\"居下\" onClick={() => align('bottom')}><IconAlign kind=\"bottom\" /></ToolButton>\n          <ToolButton tip=\"水平平分\" onClick={() => distribute('horizontal')} disabled={selection.nodeIds.size < 3}>\n            <IconAlign kind=\"distribute-h\" />\n          </ToolButton>\n          <ToolButton tip=\"垂直平分\" onClick={() => distribute('vertical')} disabled={selection.nodeIds.size < 3}>\n            <IconAlign kind=\"distribute-v\" />\n          </ToolButton>\n        </>\n      )}\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Zoom */}\n      <ToolButton tip=\"缩小\" onClick={handleZoomOut}>\n        <IconZoomOut />\n      </ToolButton>\n      <span className=\"flow-zoom-info\">{zoomPercent}%</span>\n      <ToolButton tip=\"放大\" onClick={handleZoomIn}>\n        <IconZoomIn />\n      </ToolButton>\n      <ToolButton tip=\"适应视图\" onClick={handleFitView}>\n        <IconFitView />\n      </ToolButton>\n      <ToolButton\n        tip={autoFocus ? '关闭 Auto Focus' : '开启 Auto Focus'}\n        active={autoFocus}\n        onClick={() => setAutoFocus(!autoFocus)}\n      >\n        <IconAutoFocus />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Panel toggles */}\n      <ToolButton tip=\"形状面板\" active={showPalette} onClick={() => setShowPalette(!showPalette)}>\n        <IconShapes />\n      </ToolButton>\n      <ToolButton tip=\"属性面板\" active={showInspector} onClick={() => setShowInspector(!showInspector)}>\n        <IconInspector />\n      </ToolButton>\n      <ToolButton tip=\"大纲\" active={showOutline} onClick={() => setShowOutline(!showOutline)}>\n        <IconOutline />\n      </ToolButton>\n      <ToolButton tip=\"JSON\" active={showJson} onClick={() => setShowJson(!showJson)}>\n        <IconJson />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Canvas view toggles */}\n      <ToolButton tip=\"网格\" active={showGrid} onClick={() => setShowGrid(!showGrid)}>\n        <IconGrid />\n      </ToolButton>\n      <ToolButton tip=\"缩略图\" active={showMiniMap} onClick={() => setShowMiniMap(!showMiniMap)}>\n        <IconMiniMap />\n      </ToolButton>\n      <ToolButton\n        tip={showAnchors ? '隐藏所有 Anchor 对象' : '显示所有 Anchor 对象'}\n        active={showAnchors}\n        disabled={!hasAnchors}\n        onClick={() => {\n          if (hasAnchors) setShowAnchors(!showAnchors);\n        }}\n      >\n        <IconAnchorVisible visible={showAnchors} />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Presentation mode */}\n      <ToolButton\n        tip=\"动画预览\"\n        active={presentation !== null}\n        onClick={() => setPresentation(presentation ? null : { current: 0, showAnchor: false })}\n      >\n        <IconPresent />\n      </ToolButton>\n\n      <div className=\"flow-toolbar-divider\" />\n\n      {/* Import / Export */}\n      <ToolButton tip=\"导入 JSON\" onClick={handleImportJSON}>\n        <IconImport />\n      </ToolButton>\n      <ToolButton tip=\"导出 JSON\" onClick={handleExportJSON}>\n        <IconExport />\n      </ToolButton>\n      {onExportPNG && (\n        <ToolButton tip=\"导出 PNG\" onClick={() => void onExportPNG()}>\n          <IconExportImage />\n        </ToolButton>\n      )}\n      {onPublish && (\n        <ToolButton tip=\"发布与共享\" onClick={onPublish}>\n          <IconPublish />\n        </ToolButton>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}