dishui 0.0.47 → 0.0.49

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

@@ -1,38 +1,41 @@
-import W from "../../../Button/index.js";
-import { useDraggablePanel as C } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as P } from "../hooks/useResizablePanel.js";
-import { useCallback as x, useEffect as z, useRef as R, useState as $ } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-function B({ tabs: l, defaultTab: m, className: u, resizeEdge: r, defaultWidth: w, style: v, onDetach: s, onAttach: d, isDetached: i }) {
-  const [c, f] = $(m ?? l[0]?.id), { panelStyle: N, handleProps: p } = C(), { panelWidth: b, resizeHandleProps: g } = P(r, w), h = R(null), k = x((e) => {
-    const t = h.current;
-    t && (t.scrollWidth <= t.clientWidth || e.deltaY !== 0 && (t.scrollLeft += e.deltaY, e.preventDefault()));
-  }, []);
-  if (z(() => {
+import P from "../../../Button/index.js";
+import { useDraggablePanel as W } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as x } from "../hooks/useResizablePanel.js";
+import { useEffect as u, useRef as z, useState as R } from "react";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+function T({ tabs: l, defaultTab: w, className: v, resizeEdge: s, defaultWidth: N, style: b, onDetach: o, onAttach: d, isDetached: t }) {
+  const [c, f] = R(w ?? l[0]?.id), { panelStyle: g, handleProps: p } = W(), { panelWidth: k, resizeHandleProps: C } = x(s, N), h = z(null);
+  if (u(() => {
+    const e = h.current;
+    if (!e) return;
+    const m = (r) => {
+      e.scrollWidth <= e.clientWidth || r.deltaY !== 0 && (e.scrollLeft += r.deltaY, r.preventDefault());
+    };
+    return e.addEventListener("wheel", m, { passive: !1 }), () => e.removeEventListener("wheel", m);
+  }, [l.length > 1]), u(() => {
     l.length > 0 && !l.find((e) => e.id === c) && f(l[0].id);
   }, [l, c]), l.length === 0) return null;
   const n = l.find((e) => e.id === c) ?? l[0];
-  return /* @__PURE__ */ o("div", {
-    className: `${u ?? "flow-palette"}${i ? " flow-panel--detached" : " flow-panel--docked"}`,
+  return /* @__PURE__ */ i("div", {
+    className: `${v ?? "flow-palette"}${t ? " flow-panel--detached" : " flow-panel--docked"}`,
     "data-flow-panel": !0,
     style: {
-      ...v,
-      ...i ? N : void 0,
-      width: b
+      ...b,
+      ...t ? g : void 0,
+      width: k
     },
     children: [
       /* @__PURE__ */ a("div", {
-        className: `flow-panel-resize-handle flow-panel-resize-handle--${r}`,
-        ...g
+        className: `flow-panel-resize-handle flow-panel-resize-handle--${s}`,
+        ...C
       }),
-      l.length > 1 ? /* @__PURE__ */ o("div", {
+      l.length > 1 ? /* @__PURE__ */ i("div", {
         className: "flow-panel-tabs-row",
-        ...i ? p : {},
+        ...t ? p : {},
         children: [/* @__PURE__ */ a("div", {
           className: "flow-panel-tabs",
           ref: h,
-          onWheel: k,
-          children: l.map((e) => /* @__PURE__ */ o(W, {
+          children: l.map((e) => /* @__PURE__ */ i(P, {
             variant: "ghost",
             size: "xs",
             className: `flow-panel-tab${e.id === n.id ? " flow-panel-tab--active" : ""}`,
@@ -42,27 +45,36 @@ function B({ tabs: l, defaultTab: m, className: u, resizeEdge: r, defaultWidth:
               children: e.icon
             }), e.label]
           }, e.id))
-        }), s && /* @__PURE__ */ a("button", {
+        }), o && /* @__PURE__ */ a("button", {
           className: "flow-panel-detach-btn",
           title: "Detach tab",
-          onClick: () => s(n.id),
+          onClick: () => o(n.id),
           children: "⬈"
         })]
-      }) : /* @__PURE__ */ o("div", {
+      }) : /* @__PURE__ */ i("div", {
         className: "flow-panel-header-single",
-        ...i ? p : {},
-        children: [/* @__PURE__ */ o("span", {
-          className: "flow-panel-header-label",
-          children: [n.icon && /* @__PURE__ */ a("span", {
-            className: "flow-panel-tab-icon",
-            children: n.icon
-          }), n.label]
-        }), i && d && /* @__PURE__ */ a("button", {
-          className: "flow-panel-detach-btn",
-          title: "Attach back",
-          onClick: () => d(n.id),
-          children: "⬋"
-        })]
+        ...t ? p : {},
+        children: [
+          /* @__PURE__ */ i("span", {
+            className: "flow-panel-header-label",
+            children: [n.icon && /* @__PURE__ */ a("span", {
+              className: "flow-panel-tab-icon",
+              children: n.icon
+            }), n.label]
+          }),
+          t && d && /* @__PURE__ */ a("button", {
+            className: "flow-panel-detach-btn",
+            title: "Attach back",
+            onClick: () => d(n.id),
+            children: "⮋"
+          }),
+          !t && o && /* @__PURE__ */ a("button", {
+            className: "flow-panel-detach-btn",
+            title: "Detach tab",
+            onClick: () => o(n.id),
+            children: "⮈"
+          })
+        ]
       }),
       /* @__PURE__ */ a("div", {
         className: "flow-palette-content",
@@ -72,7 +84,7 @@ function B({ tabs: l, defaultTab: m, className: u, resizeEdge: r, defaultWidth:
   });
 }
 export {
-  B as default
+  T as default
 };
 
 //# sourceMappingURL=FlowPanelGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowPanelGroup.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowPanelGroup.tsx"],"sourcesContent":["import React, { useState, useCallback, useEffect, useRef } from 'react';\nimport Button from '../../../Button';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel, type ResizeEdge } from '../hooks/useResizablePanel';\n\nexport interface PanelTab {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  content: React.ReactNode;\n}\n\ninterface FlowPanelGroupProps {\n  tabs: PanelTab[];\n  defaultTab?: string;\n  className?: string;\n  resizeEdge: ResizeEdge;\n  defaultWidth: number;\n  style?: React.CSSProperties;\n  onDetach?: (tabId: string) => void;\n  onAttach?: (tabId: string) => void;\n  /** If true, show attach button instead of detach */\n  isDetached?: boolean;\n}\n\nexport default function FlowPanelGroup({\n  tabs,\n  defaultTab,\n  className,\n  resizeEdge,\n  defaultWidth,\n  style,\n  onDetach,\n  onAttach,\n  isDetached,\n}: FlowPanelGroupProps) {\n  const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id);\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel(resizeEdge, defaultWidth);\n  const tabsScrollRef = useRef<HTMLDivElement>(null);\n\n  // Translate vertical wheel scrolling into horizontal tab scrolling, so the\n  // overflowing tabs are reachable with a normal mouse wheel / trackpad.\n  const onTabsWheel = useCallback((e: React.WheelEvent<HTMLDivElement>) => {\n    const el = tabsScrollRef.current;\n    if (!el) return;\n    if (el.scrollWidth <= el.clientWidth) return;\n    if (e.deltaY !== 0) {\n      el.scrollLeft += e.deltaY;\n      e.preventDefault();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (tabs.length > 0 && !tabs.find(t => t.id === activeTab)) {\n      setActiveTab(tabs[0].id);\n    }\n  }, [tabs, activeTab]);\n\n  if (tabs.length === 0) return null;\n\n  const current = tabs.find(t => t.id === activeTab) ?? tabs[0];\n\n  return (\n    <div\n      className={`${className ?? 'flow-palette'}${isDetached ? ' flow-panel--detached' : ' flow-panel--docked'}`}\n      data-flow-panel\n      style={{ ...style, ...(isDetached ? panelStyle : undefined), width: panelWidth }}\n    >\n      <div\n        className={`flow-panel-resize-handle flow-panel-resize-handle--${resizeEdge}`}\n        {...resizeHandleProps}\n      />\n      {tabs.length > 1 ? (\n        <div className=\"flow-panel-tabs-row\" {...(isDetached ? handleProps : {})}>\n          <div className=\"flow-panel-tabs\" ref={tabsScrollRef} onWheel={onTabsWheel}>\n            {tabs.map(tab => (\n              <Button\n                key={tab.id}\n                variant=\"ghost\"\n                size=\"xs\"\n                className={`flow-panel-tab${tab.id === current.id ? ' flow-panel-tab--active' : ''}`}\n                onClick={() => setActiveTab(tab.id)}\n              >\n                {tab.icon && <span className=\"flow-panel-tab-icon\">{tab.icon}</span>}\n                {tab.label}\n              </Button>\n            ))}\n          </div>\n          {onDetach && (\n            <button\n              className=\"flow-panel-detach-btn\"\n              title=\"Detach tab\"\n              onClick={() => onDetach(current.id)}\n            >⬈</button>\n          )}\n        </div>\n      ) : (\n        <div className=\"flow-panel-header-single\" {...(isDetached ? handleProps : {})}>\n          <span className=\"flow-panel-header-label\">\n            {current.icon && <span className=\"flow-panel-tab-icon\">{current.icon}</span>}\n            {current.label}\n          </span>\n          {isDetached && onAttach && (\n            <button\n              className=\"flow-panel-detach-btn\"\n              title=\"Attach back\"\n              onClick={() => onAttach(current.id)}\n            >⬋</button>\n          )}\n        </div>\n      )}\n      <div className=\"flow-palette-content\">\n        {current.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FlowPanelGroup.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowPanelGroup.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport Button from '../../../Button';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel, type ResizeEdge } from '../hooks/useResizablePanel';\n\nexport interface PanelTab {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  content: React.ReactNode;\n}\n\ninterface FlowPanelGroupProps {\n  tabs: PanelTab[];\n  defaultTab?: string;\n  className?: string;\n  resizeEdge: ResizeEdge;\n  defaultWidth: number;\n  style?: React.CSSProperties;\n  onDetach?: (tabId: string) => void;\n  onAttach?: (tabId: string) => void;\n  /** If true, show attach button instead of detach */\n  isDetached?: boolean;\n}\n\nexport default function FlowPanelGroup({\n  tabs,\n  defaultTab,\n  className,\n  resizeEdge,\n  defaultWidth,\n  style,\n  onDetach,\n  onAttach,\n  isDetached,\n}: FlowPanelGroupProps) {\n  const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id);\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel(resizeEdge, defaultWidth);\n  const tabsScrollRef = useRef<HTMLDivElement>(null);\n\n  const showTabs = tabs.length > 1;\n\n  // Translate vertical wheel scrolling into horizontal tab scrolling, so the\n  // overflowing tabs are reachable with a normal mouse wheel / trackpad.\n  // Attached natively with { passive: false }: React's delegated onWheel is\n  // passive at the root, so preventDefault() there is ignored and logs\n  // \"Unable to preventDefault inside passive event listener invocation\".\n  useEffect(() => {\n    const el = tabsScrollRef.current;\n    if (!el) return;\n    const onWheel = (e: WheelEvent) => {\n      if (el.scrollWidth <= el.clientWidth) return;\n      if (e.deltaY !== 0) {\n        el.scrollLeft += e.deltaY;\n        e.preventDefault();\n      }\n    };\n    el.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.removeEventListener('wheel', onWheel);\n  }, [showTabs]);\n\n  useEffect(() => {\n    if (tabs.length > 0 && !tabs.find(t => t.id === activeTab)) {\n      setActiveTab(tabs[0].id);\n    }\n  }, [tabs, activeTab]);\n\n  if (tabs.length === 0) return null;\n\n  const current = tabs.find(t => t.id === activeTab) ?? tabs[0];\n\n  return (\n    <div\n      className={`${className ?? 'flow-palette'}${isDetached ? ' flow-panel--detached' : ' flow-panel--docked'}`}\n      data-flow-panel\n      style={{ ...style, ...(isDetached ? panelStyle : undefined), width: panelWidth }}\n    >\n      <div\n        className={`flow-panel-resize-handle flow-panel-resize-handle--${resizeEdge}`}\n        {...resizeHandleProps}\n      />\n      {tabs.length > 1 ? (\n        <div className=\"flow-panel-tabs-row\" {...(isDetached ? handleProps : {})}>\n          <div className=\"flow-panel-tabs\" ref={tabsScrollRef}>\n            {tabs.map(tab => (\n              <Button\n                key={tab.id}\n                variant=\"ghost\"\n                size=\"xs\"\n                className={`flow-panel-tab${tab.id === current.id ? ' flow-panel-tab--active' : ''}`}\n                onClick={() => setActiveTab(tab.id)}\n              >\n                {tab.icon && <span className=\"flow-panel-tab-icon\">{tab.icon}</span>}\n                {tab.label}\n              </Button>\n            ))}\n          </div>\n          {onDetach && (\n            <button\n              className=\"flow-panel-detach-btn\"\n              title=\"Detach tab\"\n              onClick={() => onDetach(current.id)}\n            >⬈</button>\n          )}\n        </div>\n      ) : (\n        <div className=\"flow-panel-header-single\" {...(isDetached ? handleProps : {})}>\n          <span className=\"flow-panel-header-label\">\n            {current.icon && <span className=\"flow-panel-tab-icon\">{current.icon}</span>}\n            {current.label}\n          </span>\n          {isDetached && onAttach && (\n            <button\n              className=\"flow-panel-detach-btn\"\n              title=\"Attach back\"\n              onClick={() => onAttach(current.id)}\n            >⮋</button>\n          )}\n          {!isDetached && onDetach && (\n            <button\n              className=\"flow-panel-detach-btn\"\n              title=\"Detach tab\"\n              onClick={() => onDetach(current.id)}\n            >⮈</button>\n          )}\n        </div>\n      )}\n      <div className=\"flow-palette-content\">\n        {current.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-import eo from "../../../Button/index.js";
-import { useFlowContext as to } from "../context/FlowContext.js";
-import { useFlowUI as T } from "../context/FlowUIContext.js";
-import no from "./ProjectTitle.js";
-import { downloadDataURL as B, safeFileBaseName as E, useFlowImportExport as lo } from "../hooks/useFlowImportExport.js";
-import { useLayoutActions as co } from "../hooks/useLayoutActions.js";
-import { IconAlign as d, IconAnchorVisible as ro, IconAutoFocus as so, IconBack as ao, IconExportJson as ho, IconExportMarkdown as po, IconExportPdf as mo, IconExportPng as uo, IconFitView as ko, IconGeoGroup as wo, IconGrid as fo, IconGroup as bo, IconImport as vo, IconInspector as Co, IconJson as Io, IconLayer as C, IconMiniMap as No, IconOutline as go, IconPresent as xo, IconPublish as Oo, IconRedo as zo, IconShapes as So, IconUndo as yo, IconUngroup as Fo, IconZoomIn as Ao, IconZoomOut as Mo } from "./toolbarIcons.js";
-import { useCallback as I, useRef as jo } from "react";
+import no from "../../../Button/index.js";
+import { useFlowContext as lo } from "../context/FlowContext.js";
+import { useFlowUI as V } from "../context/FlowUIContext.js";
+import co from "./ProjectTitle.js";
+import { downloadDataURL as E, safeFileBaseName as T, useFlowImportExport as ro } from "../hooks/useFlowImportExport.js";
+import { useLayoutActions as so } from "../hooks/useLayoutActions.js";
+import { IconAI as ao, IconAlign as d, IconAnchorVisible as ho, IconAutoFocus as po, IconBack as mo, IconExportJson as uo, IconExportMarkdown as ko, IconExportPdf as wo, IconExportPng as fo, IconFitView as Io, IconGeoGroup as bo, IconGrid as vo, IconGroup as Co, IconImport as No, IconInspector as go, IconJson as Ao, IconLayer as v, IconMiniMap as xo, IconOutline as Oo, IconPresent as So, IconPublish as zo, IconRedo as yo, IconShapes as Fo, IconUndo as Mo, IconUngroup as jo, IconZoomIn as Ro, IconZoomOut as Jo } from "./toolbarIcons.js";
+import { useCallback as C, useRef as Lo } from "react";
 import { Fragment as N, jsx as o, jsxs as e } from "react/jsx-runtime";
-function Vo() {
-  const { viewport: n, setViewport: l, autoFocus: r, setAutoFocus: u } = T(), k = Math.round(n.zoom * 100);
+function Do() {
+  const { viewport: n, setViewport: l, autoFocus: r, setAutoFocus: u } = V(), k = Math.round(n.zoom * 100);
   return /* @__PURE__ */ e("div", {
     className: "flow-zoom-controls",
     children: [
@@ -20,7 +20,7 @@ function Vo() {
             zoom: Math.max(0.1, n.zoom / 1.2)
           });
         },
-        children: /* @__PURE__ */ o(Mo, {})
+        children: /* @__PURE__ */ o(Jo, {})
       }),
       /* @__PURE__ */ e("span", {
         className: "flow-zoom-info",
@@ -34,7 +34,7 @@ function Vo() {
             zoom: Math.min(4, n.zoom * 1.2)
           });
         },
-        children: /* @__PURE__ */ o(Ao, {})
+        children: /* @__PURE__ */ o(Ro, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: "适应视图",
@@ -45,13 +45,13 @@ function Vo() {
             zoom: 1
           });
         },
-        children: /* @__PURE__ */ o(ko, {})
+        children: /* @__PURE__ */ o(Io, {})
       }),
       /* @__PURE__ */ o(i, {
         tip: r ? "关闭 Auto Focus" : "开启 Auto Focus",
         active: r,
         onClick: () => u(!r),
-        children: /* @__PURE__ */ o(so, {})
+        children: /* @__PURE__ */ o(po, {})
       })
     ]
   });
@@ -60,7 +60,7 @@ function i({ tip: n, shortcut: l, onClick: r, active: u, disabled: k, children:
   const a = l ? `${n} (${l})` : n;
   return /* @__PURE__ */ e("span", {
     className: "flow-tip",
-    children: [/* @__PURE__ */ o(eo, {
+    children: [/* @__PURE__ */ o(no, {
       size: "xs",
       variant: u ? "primary" : "ghost",
       onClick: r,
@@ -78,40 +78,40 @@ function i({ tip: n, shortcut: l, onClick: r, active: u, disabled: k, children:
     })]
   });
 }
-function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup: p, onGeoGroup: a, onUngroup: f, onExportPNG: O, onExportPDF: z, onPublish: S }) {
-  const { showGrid: y, setShowGrid: V, showPalette: F, setShowPalette: $, showInspector: A, setShowInspector: q, showOutline: M, setShowOutline: D, showJson: j, setShowJson: W, showMiniMap: R, setShowMiniMap: H, showAnchors: b, setShowAnchors: K, presentation: J, setPresentation: Q } = T(), { doc: w, selection: h, currentCanvas: X } = to(), { exportJSON: L, importJSON: Z, exportMarkdown: P } = lo(), { align: m, distribute: U, changeZIndex: v } = co(), G = jo(null), g = h.nodeIds.size + h.lineIds.size, Y = h.nodeIds.size > 0 && X.nodes.some((t) => h.nodeIds.has(t.id) && (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup)), x = Object.values(w.canvases).some((t) => t.nodes.some((s) => s.type === "animAnchor")), _ = I(() => {
-    const t = L(), s = new Blob([t], { type: "application/json" }), c = URL.createObjectURL(s);
-    B(c, `${E(w.title)}.json`), URL.revokeObjectURL(c);
-  }, [L, w.title]), oo = I(() => {
-    const t = P(), s = new Blob([t], { type: "text/markdown" }), c = URL.createObjectURL(s);
-    B(c, `${E(w.title)}.md`), URL.revokeObjectURL(c);
-  }, [P, w.title]), io = I(() => {
-    G.current?.click();
+function Wo({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup: p, onGeoGroup: a, onUngroup: f, onExportPNG: x, onExportPDF: O, onPublish: S }) {
+  const { showGrid: z, setShowGrid: $, showPalette: y, setShowPalette: q, showInspector: F, setShowInspector: D, showOutline: M, setShowOutline: W, showJson: j, setShowJson: H, showAI: R, setShowAI: K, showMiniMap: J, setShowMiniMap: Q, showAnchors: I, setShowAnchors: X, presentation: L, setPresentation: Y } = V(), { doc: w, selection: h, currentCanvas: _ } = lo(), { exportJSON: Z, importJSON: P, exportMarkdown: U } = ro(), { align: m, distribute: G, changeZIndex: b } = so(), B = Lo(null), g = h.nodeIds.size + h.lineIds.size, oo = h.nodeIds.size > 0 && _.nodes.some((t) => h.nodeIds.has(t.id) && (t.type === "flowGroup" || t.type === "geometryGroup" || t.data.isGroup)), A = Object.values(w.canvases).some((t) => t.nodes.some((s) => s.type === "animAnchor")), io = C(() => {
+    const t = Z(), s = new Blob([t], { type: "application/json" }), c = URL.createObjectURL(s);
+    E(c, `${T(w.title)}.json`), URL.revokeObjectURL(c);
+  }, [Z, w.title]), eo = C(() => {
+    const t = U(), s = new Blob([t], { type: "text/markdown" }), c = URL.createObjectURL(s);
+    E(c, `${T(w.title)}.md`), URL.revokeObjectURL(c);
+  }, [U, w.title]), to = C(() => {
+    B.current?.click();
   }, []);
   return /* @__PURE__ */ e("div", {
     className: "flow-toolbar",
     children: [
       /* @__PURE__ */ o("input", {
-        ref: G,
+        ref: B,
         type: "file",
         accept: ".json",
         style: { display: "none" },
-        onChange: I((t) => {
+        onChange: C((t) => {
           const s = t.target.files?.[0];
           if (!s) return;
           const c = new FileReader();
           c.onload = () => {
-            typeof c.result == "string" && Z(c.result);
+            typeof c.result == "string" && P(c.result);
           }, c.readAsText(s), t.target.value = "";
-        }, [Z])
+        }, [P])
       }),
-      /* @__PURE__ */ o(no, {}),
+      /* @__PURE__ */ o(co, {}),
       n && /* @__PURE__ */ e(N, { children: [/* @__PURE__ */ o("div", {
         className: "flow-toolbar-group",
         children: /* @__PURE__ */ o(i, {
           tip: "返回列表",
           onClick: n,
-          children: /* @__PURE__ */ o(ao, {})
+          children: /* @__PURE__ */ o(mo, {})
         })
       }), /* @__PURE__ */ o("div", { className: "flow-toolbar-divider" })] }),
       (l || r) && /* @__PURE__ */ e("div", {
@@ -121,13 +121,13 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
           shortcut: "Ctrl+Z",
           onClick: l,
           disabled: !u,
-          children: /* @__PURE__ */ o(yo, {})
+          children: /* @__PURE__ */ o(Mo, {})
         }), r && /* @__PURE__ */ o(i, {
           tip: "重做",
           shortcut: "Ctrl+Shift+Z",
           onClick: r,
           disabled: !k,
-          children: /* @__PURE__ */ o(zo, {})
+          children: /* @__PURE__ */ o(yo, {})
         })]
       }),
       h.nodeIds.size >= 2 && /* @__PURE__ */ e(N, { children: [/* @__PURE__ */ o("div", { className: "flow-toolbar-divider" }), /* @__PURE__ */ e("div", {
@@ -165,13 +165,13 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
           }),
           /* @__PURE__ */ o(i, {
             tip: "水平平分",
-            onClick: () => U("horizontal"),
+            onClick: () => G("horizontal"),
             disabled: h.nodeIds.size < 3,
             children: /* @__PURE__ */ o(d, { kind: "distribute-h" })
           }),
           /* @__PURE__ */ o(i, {
             tip: "垂直平分",
-            onClick: () => U("vertical"),
+            onClick: () => G("vertical"),
             disabled: h.nodeIds.size < 3,
             children: /* @__PURE__ */ o(d, { kind: "distribute-v" })
           })
@@ -182,23 +182,23 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
         children: [
           /* @__PURE__ */ o(i, {
             tip: "置于顶层",
-            onClick: () => v("front"),
-            children: /* @__PURE__ */ o(C, { kind: "front" })
+            onClick: () => b("front"),
+            children: /* @__PURE__ */ o(v, { kind: "front" })
           }),
           /* @__PURE__ */ o(i, {
             tip: "上移一层",
-            onClick: () => v("up"),
-            children: /* @__PURE__ */ o(C, { kind: "up" })
+            onClick: () => b("up"),
+            children: /* @__PURE__ */ o(v, { kind: "up" })
           }),
           /* @__PURE__ */ o(i, {
             tip: "下移一层",
-            onClick: () => v("down"),
-            children: /* @__PURE__ */ o(C, { kind: "down" })
+            onClick: () => b("down"),
+            children: /* @__PURE__ */ o(v, { kind: "down" })
           }),
           /* @__PURE__ */ o(i, {
             tip: "置于底层",
-            onClick: () => v("back"),
-            children: /* @__PURE__ */ o(C, { kind: "back" })
+            onClick: () => b("back"),
+            children: /* @__PURE__ */ o(v, { kind: "back" })
           })
         ]
       })] }),
@@ -210,21 +210,21 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
             shortcut: "⌘G",
             onClick: p,
             disabled: g < 2,
-            children: /* @__PURE__ */ o(bo, {})
+            children: /* @__PURE__ */ o(Co, {})
           }),
           a && /* @__PURE__ */ o(i, {
             tip: "几何分组",
             shortcut: "⌘⌥G",
             onClick: a,
             disabled: g < 2,
-            children: /* @__PURE__ */ o(wo, {})
+            children: /* @__PURE__ */ o(bo, {})
           }),
           f && /* @__PURE__ */ o(i, {
             tip: "取消成组",
             shortcut: "⌘⇧G",
             onClick: f,
-            disabled: !Y,
-            children: /* @__PURE__ */ o(Fo, {})
+            disabled: !oo,
+            children: /* @__PURE__ */ o(jo, {})
           })
         ]
       })] }),
@@ -234,33 +234,33 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
         children: [
           /* @__PURE__ */ o(i, {
             tip: "网格",
-            active: y,
-            onClick: () => V(!y),
-            children: /* @__PURE__ */ o(fo, {})
+            active: z,
+            onClick: () => $(!z),
+            children: /* @__PURE__ */ o(vo, {})
           }),
           /* @__PURE__ */ o(i, {
             tip: "缩略图",
-            active: R,
-            onClick: () => H(!R),
-            children: /* @__PURE__ */ o(No, {})
+            active: J,
+            onClick: () => Q(!J),
+            children: /* @__PURE__ */ o(xo, {})
           }),
           /* @__PURE__ */ o(i, {
-            tip: b ? "隐藏所有 Anchor 对象" : "显示所有 Anchor 对象",
-            active: b,
-            disabled: !x,
+            tip: I ? "隐藏所有 Anchor 对象" : "显示所有 Anchor 对象",
+            active: I,
+            disabled: !A,
             onClick: () => {
-              x && K(!b);
+              A && X(!I);
             },
-            children: /* @__PURE__ */ o(ro, { visible: b })
+            children: /* @__PURE__ */ o(ho, { visible: I })
           }),
           /* @__PURE__ */ o(i, {
             tip: "动画预览",
-            active: J !== null,
-            onClick: () => Q(J ? null : {
+            active: L !== null,
+            onClick: () => Y(L ? null : {
               current: 0,
               showAnchor: !1
             }),
-            children: /* @__PURE__ */ o(xo, {})
+            children: /* @__PURE__ */ o(So, {})
           })
         ]
       }),
@@ -270,27 +270,33 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
         children: [
           /* @__PURE__ */ o(i, {
             tip: "形状面板",
-            active: F,
-            onClick: () => $(!F),
-            children: /* @__PURE__ */ o(So, {})
+            active: y,
+            onClick: () => q(!y),
+            children: /* @__PURE__ */ o(Fo, {})
           }),
           /* @__PURE__ */ o(i, {
             tip: "属性面板",
-            active: A,
-            onClick: () => q(!A),
-            children: /* @__PURE__ */ o(Co, {})
+            active: F,
+            onClick: () => D(!F),
+            children: /* @__PURE__ */ o(go, {})
           }),
           /* @__PURE__ */ o(i, {
             tip: "大纲",
             active: M,
-            onClick: () => D(!M),
-            children: /* @__PURE__ */ o(go, {})
+            onClick: () => W(!M),
+            children: /* @__PURE__ */ o(Oo, {})
           }),
           /* @__PURE__ */ o(i, {
             tip: "JSON",
             active: j,
-            onClick: () => W(!j),
-            children: /* @__PURE__ */ o(Io, {})
+            onClick: () => H(!j),
+            children: /* @__PURE__ */ o(Ao, {})
+          }),
+          /* @__PURE__ */ o(i, {
+            tip: "AI 助手",
+            active: R,
+            onClick: () => K(!R),
+            children: /* @__PURE__ */ o(ao, {})
           })
         ]
       }),
@@ -300,37 +306,37 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
         children: [
           /* @__PURE__ */ o(i, {
             tip: "导入 JSON",
-            onClick: io,
-            children: /* @__PURE__ */ o(vo, {})
+            onClick: to,
+            children: /* @__PURE__ */ o(No, {})
           }),
           /* @__PURE__ */ o(i, {
             tip: "导出 JSON",
-            onClick: _,
-            children: /* @__PURE__ */ o(ho, {})
+            onClick: io,
+            children: /* @__PURE__ */ o(uo, {})
           }),
           /* @__PURE__ */ o(i, {
             tip: "导出 Markdown",
-            onClick: oo,
-            children: /* @__PURE__ */ o(po, {})
+            onClick: eo,
+            children: /* @__PURE__ */ o(ko, {})
           }),
-          O && /* @__PURE__ */ o(i, {
+          x && /* @__PURE__ */ o(i, {
             tip: "导出 PNG",
             onClick: () => {
-              O();
+              x();
             },
-            children: /* @__PURE__ */ o(uo, {})
+            children: /* @__PURE__ */ o(fo, {})
           }),
-          z && x && /* @__PURE__ */ o(i, {
+          O && A && /* @__PURE__ */ o(i, {
             tip: "导出 PDF（按锦点顺序）",
             onClick: () => {
-              z();
+              O();
             },
-            children: /* @__PURE__ */ o(mo, {})
+            children: /* @__PURE__ */ o(wo, {})
           }),
           S && /* @__PURE__ */ o(i, {
             tip: "发布与共享",
             onClick: S,
-            children: /* @__PURE__ */ o(Oo, {})
+            children: /* @__PURE__ */ o(zo, {})
           })
         ]
       })
@@ -338,8 +344,8 @@ function $o({ onBack: n, onUndo: l, onRedo: r, canUndo: u, canRedo: k, onGroup:
   });
 }
 export {
-  Vo as FlowZoomControls,
-  $o as default
+  Do as FlowZoomControls,
+  Wo as default
 };
 
 //# sourceMappingURL=FlowToolbar.js.map