dishui 0.0.45 → 0.0.46

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

@@ -1,7 +1,7 @@
 import { PALETTE_ITEMS as $ } from "../constants.js";
 import { useFlowUI as k } from "../context/FlowUIContext.js";
-import { SVG_ICON_CATEGORIES as x, buildSvgMarkup as b, getSvgIconsByCategory as v } from "../nodes/svgIcons.js";
-import { useDraggablePanel as M } from "../hooks/useDraggablePanel.js";
+import { SVG_ICON_CATEGORIES as x, buildSvgMarkup as b, getSvgIconsByCategory as M } from "../nodes/svgIcons.js";
+import { useDraggablePanel as v } from "../hooks/useDraggablePanel.js";
 import { useResizablePanel as S } from "../hooks/useResizablePanel.js";
 import { useCallback as u, useState as P } from "react";
 import { Fragment as g, jsx as e, jsxs as d } from "react/jsx-runtime";
@@ -23,9 +23,9 @@ var W = [
     label: "Arrow"
   }
 ];
-function O() {
-  const { showPalette: o } = k(), { panelStyle: a, handleProps: i } = M(), { panelWidth: t, resizeHandleProps: l } = S("right", 180);
-  return o ? /* @__PURE__ */ d("div", {
+function F() {
+  const { showPalette: l } = k(), { panelStyle: a, handleProps: i } = v(), { panelWidth: t, resizeHandleProps: o } = S("right", 180);
+  return l ? /* @__PURE__ */ d("div", {
     className: "flow-palette",
     "data-flow-panel": !0,
     style: {
@@ -35,7 +35,7 @@ function O() {
     children: [
       /* @__PURE__ */ e("div", {
         className: "flow-panel-resize-handle flow-panel-resize-handle--right",
-        ...l
+        ...o
       }),
       /* @__PURE__ */ e("div", {
         className: "flow-panel-drag-handle",
@@ -53,13 +53,13 @@ function O() {
       }),
       /* @__PURE__ */ e("div", {
         className: "flow-palette-content",
-        children: /* @__PURE__ */ e(C, {})
+        children: /* @__PURE__ */ e(I, {})
       })
     ]
   }) : null;
 }
-function C() {
-  const { toolMode: o, setToolMode: a, setPendingPlacement: i, pendingPlacement: t } = k(), l = u((n, h, p, r) => {
+function I() {
+  const { toolMode: l, setToolMode: a, setPendingPlacement: i, pendingPlacement: t } = k(), o = u((n, h, p, r) => {
     t?.type === n ? i(null) : (i({
       type: n,
       width: h,
@@ -76,7 +76,7 @@ function C() {
       className: "flow-palette-grid",
       children: $.map((n) => /* @__PURE__ */ d("div", {
         className: `flow-palette-item${t?.type === n.type ? " flow-palette-item--active" : ""}`,
-        onClick: () => l(n.type, n.width, n.height, n.data),
+        onClick: () => o(n.type, n.width, n.height, n.data),
         children: [/* @__PURE__ */ e(A, { type: n.type }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
           children: n.data.label
@@ -87,9 +87,9 @@ function C() {
     /* @__PURE__ */ e("div", {
       className: "flow-palette-grid",
       children: W.map((n) => /* @__PURE__ */ d("div", {
-        className: `flow-palette-item${o === n.mode ? " flow-palette-item--active" : ""}`,
+        className: `flow-palette-item${l === n.mode ? " flow-palette-item--active" : ""}`,
         onClick: () => {
-          i(null), a(o === n.mode ? "select" : n.mode);
+          i(null), a(l === n.mode ? "select" : n.mode);
         },
         children: [/* @__PURE__ */ e(L, { mode: n.mode }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
@@ -99,14 +99,14 @@ function C() {
     })
   ] });
 }
-function F() {
-  const { setPendingPlacement: o, setToolMode: a, pendingPlacement: i } = k(), [t, l] = P({ lang: !0 }), n = u((h, p) => {
+function G() {
+  const { setPendingPlacement: l, setToolMode: a, pendingPlacement: i } = k(), [t, o] = P({ lang: !0 }), n = u((h, p) => {
     const r = i?.data.svgId;
     if (i?.type === "shapeSvg" && r === h) {
-      o(null);
+      l(null);
       return;
     }
-    o({
+    l({
       type: "shapeSvg",
       width: 56,
       height: 56,
@@ -119,21 +119,21 @@ function F() {
         fontSize: 12,
         svgId: h,
         iconBox: !1,
-        labelPlacement: "below",
+        labelPlacement: "bottom",
         borderStyle: "none"
       }
     }), a("select");
   }, [
     i,
-    o,
+    l,
     a
   ]);
   return /* @__PURE__ */ e(g, { children: x.map((h) => {
-    const p = v(h.id), r = t[h.id];
+    const p = M(h.id), r = t[h.id];
     return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("button", {
       type: "button",
       className: "flow-palette-section-toggle",
-      onClick: () => l((s) => ({
+      onClick: () => o((s) => ({
         ...s,
         [h.id]: !s[h.id]
       })),
@@ -150,7 +150,7 @@ function F() {
         className: `flow-palette-item${i?.type === "shapeSvg" && i.data.svgId === s.id ? " flow-palette-item--active" : ""}`,
         onClick: () => n(s.id, s.label),
         title: s.label,
-        children: [/* @__PURE__ */ e(I, { id: s.id }), /* @__PURE__ */ e("span", {
+        children: [/* @__PURE__ */ e(C, { id: s.id }), /* @__PURE__ */ e("span", {
           className: "flow-palette-item-label",
           children: s.label
         })]
@@ -158,8 +158,8 @@ function F() {
     })] }, h.id);
   }) });
 }
-function I({ id: o }) {
-  const a = b(o, "#475569");
+function C({ id: l }) {
+  const a = b(l, "#475569");
   return a ? /* @__PURE__ */ e("img", {
     src: `data:image/svg+xml;utf8,${encodeURIComponent(a)}`,
     width: 34,
@@ -212,6 +212,22 @@ var N = [
     content: "E = mc^2",
     icon: /* @__PURE__ */ e(m, { text: "√x" })
   },
+  {
+    kind: "image",
+    label: "Image",
+    width: 320,
+    height: 220,
+    content: "",
+    icon: /* @__PURE__ */ e(m, { text: "IMG" })
+  },
+  {
+    kind: "model3d",
+    label: "3D",
+    width: 360,
+    height: 280,
+    content: "",
+    icon: /* @__PURE__ */ e(m, { text: "3D" })
+  },
   {
     kind: "ai",
     label: "AI",
@@ -221,7 +237,7 @@ var N = [
     icon: /* @__PURE__ */ e(m, { text: "AI" })
   }
 ];
-function m({ text: o }) {
+function m({ text: l }) {
   return /* @__PURE__ */ e("div", {
     style: {
       width: 36,
@@ -235,56 +251,56 @@ function m({ text: o }) {
       border: "1px solid oklch(var(--bc) / 0.2)",
       borderRadius: 4
     },
-    children: o
+    children: l
   });
 }
-function G() {
-  const { setPendingPlacement: o, setToolMode: a, pendingPlacement: i } = k(), t = u((l) => {
-    if (i?.type === "mediaNode" && i.data.mediaKind === l.kind) {
-      o(null);
+function O() {
+  const { setPendingPlacement: l, setToolMode: a, pendingPlacement: i } = k(), t = u((o) => {
+    if (i?.type === "mediaNode" && i.data.mediaKind === o.kind) {
+      l(null);
       return;
     }
     const n = {
-      label: l.label,
+      label: o.label,
       fill: "#ffffff",
       stroke: "#cbd5e1",
       strokeWidth: 1.5,
       color: "#1f2937",
       fontSize: 13,
       borderStyle: "solid",
-      mediaKind: l.kind,
-      mediaContent: l.content,
-      ...l.kind === "ai" ? { aiConfig: {
+      mediaKind: o.kind,
+      mediaContent: o.content,
+      ...o.kind === "ai" ? { aiConfig: {
         gateway: "",
         protocol: "openai",
         model: ""
-      } } : {}
+      } } : o.kind === "model3d" ? { modelFormat: "stl" } : {}
     };
-    o({
+    l({
       type: "mediaNode",
-      width: l.width,
-      height: l.height,
+      width: o.width,
+      height: o.height,
       data: n
     }), a("select");
   }, [
     i,
-    o,
+    l,
     a
   ]);
   return /* @__PURE__ */ e("div", {
     className: "flow-palette-grid",
-    children: N.map((l) => /* @__PURE__ */ d("div", {
-      className: `flow-palette-item${i?.type === "mediaNode" && i.data.mediaKind === l.kind ? " flow-palette-item--active" : ""}`,
-      onClick: () => t(l),
-      title: l.label,
-      children: [l.icon, /* @__PURE__ */ e("span", {
+    children: N.map((o) => /* @__PURE__ */ d("div", {
+      className: `flow-palette-item${i?.type === "mediaNode" && i.data.mediaKind === o.kind ? " flow-palette-item--active" : ""}`,
+      onClick: () => t(o),
+      title: o.label,
+      children: [o.icon, /* @__PURE__ */ e("span", {
         className: "flow-palette-item-label",
-        children: l.label
+        children: o.label
       })]
-    }, l.kind))
+    }, o.kind))
   });
 }
-function T({ children: o }) {
+function T({ children: l }) {
   return /* @__PURE__ */ e("div", {
     style: {
       fontSize: 11,
@@ -294,10 +310,10 @@ function T({ children: o }) {
       textTransform: "uppercase",
       letterSpacing: "0.05em"
     },
-    children: o
+    children: l
   });
 }
-function A({ type: o }) {
+function A({ type: l }) {
   const t = "currentColor", n = {
     shapeRect: /* @__PURE__ */ e("rect", {
       x: "3",
@@ -471,10 +487,10 @@ function A({ type: o }) {
     height: 28,
     viewBox: "0 0 36 28",
     style: { color: "oklch(var(--bc) / 0.55)" },
-    children: n[o] ?? n.shapeRect
+    children: n[l] ?? n.shapeRect
   });
 }
-function L({ mode: o }) {
+function L({ mode: l }) {
   const t = "currentColor", n = {
     connect: /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ e("line", {
       x1: "6",
@@ -526,15 +542,15 @@ function L({ mode: o }) {
     height: 28,
     viewBox: "0 0 36 28",
     style: { color: "oklch(var(--bc) / 0.55)" },
-    children: n[o] ?? n.line
+    children: n[l] ?? n.line
   });
 }
 export {
-  G as MediaStampContent,
+  O as MediaStampContent,
   A as PaletteThumbnail,
-  C as ShapePaletteContent,
-  F as SvgStampContent,
-  O as default
+  I as ShapePaletteContent,
+  G as SvgStampContent,
+  F as default
 };
 
 //# sourceMappingURL=ShapePalette.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShapePalette.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ShapePalette.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel } from '../hooks/useResizablePanel';\nimport { PALETTE_ITEMS } from '../constants';\nimport type { FlowShapeType, FlowNodeData, FlowToolMode } from '../types';\nimport { SVG_ICON_CATEGORIES, getSvgIconsByCategory, buildSvgMarkup, type SvgIconCategory } from '../nodes/svgIcons';\nimport type { FlowMediaKind } from '../types';\n\nconst LINE_TOOL_ITEMS: Array<{ mode: FlowToolMode; label: string }> = [\n  { mode: 'freehand', label: 'Freehand' },\n  { mode: 'line', label: 'Line' },\n  { mode: 'polyline', label: 'Polyline' },\n  { mode: 'arrow', label: 'Arrow' },\n];\n\n/**\n * Standalone panel (legacy). Prefer using ShapePaletteContent inside a FlowPanelGroup.\n */\nexport default function ShapePalette() {\n  const { showPalette } = useFlowUI();\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel('right', 180);\n\n  if (!showPalette) return null;\n\n  return (\n    <div className=\"flow-palette\" data-flow-panel style={{ ...panelStyle, width: panelWidth }}>\n      <div className=\"flow-panel-resize-handle flow-panel-resize-handle--right\" {...resizeHandleProps} />\n      <div\n        className=\"flow-panel-drag-handle\"\n        {...handleProps}\n        style={{ fontSize: 11, fontWeight: 600, marginBottom: 6, color: 'oklch(var(--bc) / 0.5)', textTransform: 'uppercase', letterSpacing: '0.05em', cursor: 'grab' }}\n      >\n        Shapes\n      </div>\n      <div className=\"flow-palette-content\">\n        <ShapePaletteContent />\n      </div>\n    </div>\n  );\n}\n\n/** Reusable content for embedding inside FlowPanelGroup tabs. */\nexport function ShapePaletteContent() {\n  const { toolMode, setToolMode, setPendingPlacement, pendingPlacement } = useFlowUI();\n\n  const handleAddShape = useCallback(\n    (type: FlowShapeType, width: number, height: number, data: FlowNodeData) => {\n      if (pendingPlacement?.type === type) {\n        setPendingPlacement(null);\n      } else {\n        setPendingPlacement({ type, width, height, data: { ...data } });\n        setToolMode('select');\n      }\n    },\n    [setPendingPlacement, setToolMode, pendingPlacement],\n  );\n\n  return (\n    <>\n      <div className=\"flow-palette-grid\">\n        {PALETTE_ITEMS.map((item) => (\n          <div\n            key={item.type}\n            className={`flow-palette-item${pendingPlacement?.type === item.type ? ' flow-palette-item--active' : ''}`}\n            onClick={() => handleAddShape(item.type, item.width, item.height, item.data)}\n          >\n            <PaletteThumbnail type={item.type} />\n            <span className=\"flow-palette-item-label\">{item.data.label}</span>\n          </div>\n        ))}\n      </div>\n\n      <SectionHeader>Lines</SectionHeader>\n      <div className=\"flow-palette-grid\">\n        {LINE_TOOL_ITEMS.map((item) => (\n          <div\n            key={item.mode}\n            className={`flow-palette-item${toolMode === item.mode ? ' flow-palette-item--active' : ''}`}\n            onClick={() => { setPendingPlacement(null); setToolMode(toolMode === item.mode ? 'select' : item.mode); }}\n          >\n            <LineToolThumbnail mode={item.mode} />\n            <span className=\"flow-palette-item-label\">{item.label}</span>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\n/** SVG icon stamps, grouped by category with a collapsible header per group. */\nexport function SvgStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n  const [open, setOpen] = useState<Record<string, boolean>>({ lang: true });\n\n  const stampIcon = useCallback((svgId: string, label: string) => {\n    const activeId = pendingPlacement?.data.svgId;\n    if (pendingPlacement?.type === 'shapeSvg' && activeId === svgId) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label,\n      fill: 'transparent',\n      stroke: '#64748b',\n      strokeWidth: 1.5,\n      color: '#334155',\n      fontSize: 12,\n      svgId,\n      iconBox: false,\n      labelPlacement: 'below',\n      borderStyle: 'none',\n    };\n    setPendingPlacement({ type: 'shapeSvg', width: 56, height: 56, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <>\n      {SVG_ICON_CATEGORIES.map((cat) => {\n        const icons = getSvgIconsByCategory(cat.id as SvgIconCategory);\n        const isOpen = open[cat.id];\n        return (\n          <div key={cat.id}>\n            <button\n              type=\"button\"\n              className=\"flow-palette-section-toggle\"\n              onClick={() => setOpen((o) => ({ ...o, [cat.id]: !o[cat.id] }))}\n            >\n              <span style={{ transform: isOpen ? 'rotate(90deg)' : 'none', transition: 'transform .15s' }}>▸</span>\n              {cat.label}\n            </button>\n            {isOpen && (\n              <div className=\"flow-palette-grid\">\n                {icons.map((ic) => (\n                  <div\n                    key={ic.id}\n                    className={`flow-palette-item${pendingPlacement?.type === 'shapeSvg' && pendingPlacement.data.svgId === ic.id ? ' flow-palette-item--active' : ''}`}\n                    onClick={() => stampIcon(ic.id, ic.label)}\n                    title={ic.label}\n                  >\n                    <SvgThumbnail id={ic.id} />\n                    <span className=\"flow-palette-item-label\">{ic.label}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </>\n  );\n}\n\n/** Renders an SVG icon as an <img> (data URL) so it displays in the correct\n * SVG namespace, unlike dangerouslySetInnerHTML on an <svg> element. */\nfunction SvgThumbnail({ id }: { id: string }) {\n  const markup = buildSvgMarkup(id, '#475569');\n  if (!markup) return null;\n  const url = `data:image/svg+xml;utf8,${encodeURIComponent(markup)}`;\n  return <img src={url} width={34} height={26} alt=\"\" style={{ objectFit: 'contain' }} />;\n}\n\n/** Multimedia stamps: rich DOM-rendered nodes (markdown/html/mermaid/math/AI). */\nconst MEDIA_ITEMS: Array<{\n  kind: FlowMediaKind;\n  label: string;\n  width: number;\n  height: number;\n  content: string;\n  icon: React.ReactNode;\n}> = [\n  {\n    kind: 'markdown', label: 'Markdown', width: 260, height: 180,\n    content: '# 标题\\n\\n- 支持 **GFM**\\n- 支持 `代码`\\n\\n> 引用文本',\n    icon: <MediaGlyph text={'M↓'} />,\n  },\n  {\n    kind: 'html', label: 'HTML', width: 260, height: 180,\n    content: '<div style=\"font-family:sans-serif;padding:12px\">\\n  <h3>Hello</h3>\\n  <p>可编辑的 HTML 片段</p>\\n</div>',\n    icon: <MediaGlyph text={'</>'} />,\n  },\n  {\n    kind: 'mermaid', label: 'Mermaid', width: 280, height: 200,\n    content: 'graph TD\\n  A[开始] --> B{判断}\\n  B -->|是| C[处理]\\n  B -->|否| D[结束]',\n    icon: <MediaGlyph text={'⎇'} />,\n  },\n  {\n    kind: 'math', label: 'Math', width: 240, height: 120,\n    content: 'E = mc^2',\n    icon: <MediaGlyph text={'√x'} />,\n  },\n  {\n    kind: 'ai', label: 'AI', width: 300, height: 340,\n    content: '',\n    icon: <MediaGlyph text={'AI'} />,\n  },\n];\n\nfunction MediaGlyph({ text }: { text: string }) {\n  return (\n    <div\n      style={{\n        width: 36, height: 28, display: 'flex', alignItems: 'center', justifyContent: 'center',\n        fontSize: 13, fontWeight: 700, color: 'oklch(var(--bc) / 0.6)',\n        border: '1px solid oklch(var(--bc) / 0.2)', borderRadius: 4,\n      }}\n    >\n      {text}\n    </div>\n  );\n}\n\nexport function MediaStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n\n  const stampMedia = useCallback((item: (typeof MEDIA_ITEMS)[number]) => {\n    if (pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label: item.label,\n      fill: '#ffffff',\n      stroke: '#cbd5e1',\n      strokeWidth: 1.5,\n      color: '#1f2937',\n      fontSize: 13,\n      borderStyle: 'solid',\n      mediaKind: item.kind,\n      mediaContent: item.content,\n      ...(item.kind === 'ai'\n        ? { aiConfig: { gateway: '', protocol: 'openai' as const, model: '' } }\n        : {}),\n    };\n    setPendingPlacement({ type: 'mediaNode', width: item.width, height: item.height, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <div className=\"flow-palette-grid\">\n      {MEDIA_ITEMS.map((item) => (\n        <div\n          key={item.kind}\n          className={`flow-palette-item${pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind ? ' flow-palette-item--active' : ''}`}\n          onClick={() => stampMedia(item)}\n          title={item.label}\n        >\n          {item.icon}\n          <span className=\"flow-palette-item-label\">{item.label}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction SectionHeader({ children }: { children: React.ReactNode }) {\n  return (\n    <div style={{ fontSize: 11, fontWeight: 600, margin: '10px 0 6px', color: 'oklch(var(--bc) / 0.5)', textTransform: 'uppercase', letterSpacing: '0.05em' }}>\n      {children}\n    </div>\n  );\n}\n\nexport function PaletteThumbnail({ type }: { type: FlowShapeType }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const shapeMap: Record<string, React.ReactNode> = {\n    shapeRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"1\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeRoundRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"5\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeEllipse: (\n      <ellipse cx={w / 2} cy={h / 2} rx={w / 2 - 4} ry={h / 2 - 4} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDiamond: (\n      <polygon points={`${w / 2},3 ${w - 4},${h / 2} ${w / 2},${h - 3} 4,${h / 2}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDocument: (\n      <path d={`M4,4 L${w - 4},4 L${w - 4},${h - 8} C${w * 0.7},${h - 12} ${w * 0.3},${h - 2} 4,${h - 8} Z`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeParallelogram: (() => {\n      const skew = (w - 8) * 0.2;\n      return <polygon points={`${4 + skew},4 ${w - 4},4 ${w - 4 - skew},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeTriangle: (\n      <polygon points={`${w / 2},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeTrapezoid: (() => {\n      const inset = (w - 8) * 0.15;\n      return <polygon points={`${4 + inset},4 ${w - 4 - inset},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapePentagon: (() => {\n      const cx = w / 2, cy = h / 2, r = Math.min(cx, cy) - 4;\n      const pts = Array.from({ length: 5 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 5 - Math.PI / 2;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagon: (() => {\n      const cx = w / 2, cy = h / 2, rx = cx - 4, ry = cy - 4;\n      const pts = Array.from({ length: 6 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 6 - Math.PI / 6;\n        return `${cx + rx * Math.cos(a)},${cy + ry * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeStar: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.4;\n      const pts = Array.from({ length: 10 }, (_, i) => {\n        const a = (Math.PI * i) / 5 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagram: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.55;\n      const pts = Array.from({ length: 12 }, (_, i) => {\n        const a = (Math.PI * i) / 6 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeRightTriangle: (\n      <polygon points={`4,4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeCorner: (() => {\n      const hf = Math.min(w - 8, h - 8) * 0.4;\n      return <polygon points={`4,4 ${w - 4},4 ${w - 4},${4 + hf} ${4 + hf},${4 + hf} ${4 + hf},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    textLabel: (\n      <text x={w / 2} y={h / 2 + 1} textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"10\" fill=\"currentColor\">Aa</text>\n    ),\n    animAnchor: (\n      <>\n        <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"2\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"4 3\" />\n        <circle cx=\"8\" cy=\"9\" r=\"4\" fill=\"none\" stroke={s} strokeWidth={sw} />\n        <text x=\"8\" y=\"10.5\" textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"7\" fill=\"currentColor\">1</text>\n      </>\n    ),\n    geometryGroup: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"3\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"6 3\" />\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'oklch(var(--bc) / 0.55)' }}>\n      {shapeMap[type] ?? shapeMap.shapeRect}\n    </svg>\n  );\n}\n\nfunction LineToolThumbnail({ mode }: { mode: FlowToolMode }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const thumbMap: Record<string, React.ReactNode> = {\n    connect: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 11},4 ${w - 9},9`} fill={s} />\n      </>\n    ),\n    freehand: (\n      <path d={`M6,${h - 8} C10,${h - 14} 14,10 ${w / 2},${h / 2} S${w - 10},6 ${w - 6},8`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinecap=\"round\" />\n    ),\n    line: (\n      <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n    ),\n    polyline: (\n      <polyline points={`6,${h - 6} 14,8 ${w / 2 + 2},${h - 10} ${w - 6},6`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinejoin=\"round\" />\n    ),\n    arrow: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 12},6 ${w - 8},12`} fill={s} />\n      </>\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'oklch(var(--bc) / 0.55)' }}>\n      {thumbMap[mode] ?? thumbMap.line}\n    </svg>\n  );\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"ShapePalette.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ShapePalette.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel } from '../hooks/useResizablePanel';\nimport { PALETTE_ITEMS } from '../constants';\nimport type { FlowShapeType, FlowNodeData, FlowToolMode } from '../types';\nimport { SVG_ICON_CATEGORIES, getSvgIconsByCategory, buildSvgMarkup, type SvgIconCategory } from '../nodes/svgIcons';\nimport type { FlowMediaKind } from '../types';\n\nconst LINE_TOOL_ITEMS: Array<{ mode: FlowToolMode; label: string }> = [\n  { mode: 'freehand', label: 'Freehand' },\n  { mode: 'line', label: 'Line' },\n  { mode: 'polyline', label: 'Polyline' },\n  { mode: 'arrow', label: 'Arrow' },\n];\n\n/**\n * Standalone panel (legacy). Prefer using ShapePaletteContent inside a FlowPanelGroup.\n */\nexport default function ShapePalette() {\n  const { showPalette } = useFlowUI();\n  const { panelStyle, handleProps } = useDraggablePanel();\n  const { panelWidth, resizeHandleProps } = useResizablePanel('right', 180);\n\n  if (!showPalette) return null;\n\n  return (\n    <div className=\"flow-palette\" data-flow-panel style={{ ...panelStyle, width: panelWidth }}>\n      <div className=\"flow-panel-resize-handle flow-panel-resize-handle--right\" {...resizeHandleProps} />\n      <div\n        className=\"flow-panel-drag-handle\"\n        {...handleProps}\n        style={{ fontSize: 11, fontWeight: 600, marginBottom: 6, color: 'oklch(var(--bc) / 0.5)', textTransform: 'uppercase', letterSpacing: '0.05em', cursor: 'grab' }}\n      >\n        Shapes\n      </div>\n      <div className=\"flow-palette-content\">\n        <ShapePaletteContent />\n      </div>\n    </div>\n  );\n}\n\n/** Reusable content for embedding inside FlowPanelGroup tabs. */\nexport function ShapePaletteContent() {\n  const { toolMode, setToolMode, setPendingPlacement, pendingPlacement } = useFlowUI();\n\n  const handleAddShape = useCallback(\n    (type: FlowShapeType, width: number, height: number, data: FlowNodeData) => {\n      if (pendingPlacement?.type === type) {\n        setPendingPlacement(null);\n      } else {\n        setPendingPlacement({ type, width, height, data: { ...data } });\n        setToolMode('select');\n      }\n    },\n    [setPendingPlacement, setToolMode, pendingPlacement],\n  );\n\n  return (\n    <>\n      <div className=\"flow-palette-grid\">\n        {PALETTE_ITEMS.map((item) => (\n          <div\n            key={item.type}\n            className={`flow-palette-item${pendingPlacement?.type === item.type ? ' flow-palette-item--active' : ''}`}\n            onClick={() => handleAddShape(item.type, item.width, item.height, item.data)}\n          >\n            <PaletteThumbnail type={item.type} />\n            <span className=\"flow-palette-item-label\">{item.data.label}</span>\n          </div>\n        ))}\n      </div>\n\n      <SectionHeader>Lines</SectionHeader>\n      <div className=\"flow-palette-grid\">\n        {LINE_TOOL_ITEMS.map((item) => (\n          <div\n            key={item.mode}\n            className={`flow-palette-item${toolMode === item.mode ? ' flow-palette-item--active' : ''}`}\n            onClick={() => { setPendingPlacement(null); setToolMode(toolMode === item.mode ? 'select' : item.mode); }}\n          >\n            <LineToolThumbnail mode={item.mode} />\n            <span className=\"flow-palette-item-label\">{item.label}</span>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n\n/** SVG icon stamps, grouped by category with a collapsible header per group. */\nexport function SvgStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n  const [open, setOpen] = useState<Record<string, boolean>>({ lang: true });\n\n  const stampIcon = useCallback((svgId: string, label: string) => {\n    const activeId = pendingPlacement?.data.svgId;\n    if (pendingPlacement?.type === 'shapeSvg' && activeId === svgId) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label,\n      fill: 'transparent',\n      stroke: '#64748b',\n      strokeWidth: 1.5,\n      color: '#334155',\n      fontSize: 12,\n      svgId,\n      iconBox: false,\n      labelPlacement: 'bottom',\n      borderStyle: 'none',\n    };\n    setPendingPlacement({ type: 'shapeSvg', width: 56, height: 56, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <>\n      {SVG_ICON_CATEGORIES.map((cat) => {\n        const icons = getSvgIconsByCategory(cat.id as SvgIconCategory);\n        const isOpen = open[cat.id];\n        return (\n          <div key={cat.id}>\n            <button\n              type=\"button\"\n              className=\"flow-palette-section-toggle\"\n              onClick={() => setOpen((o) => ({ ...o, [cat.id]: !o[cat.id] }))}\n            >\n              <span style={{ transform: isOpen ? 'rotate(90deg)' : 'none', transition: 'transform .15s' }}>▸</span>\n              {cat.label}\n            </button>\n            {isOpen && (\n              <div className=\"flow-palette-grid\">\n                {icons.map((ic) => (\n                  <div\n                    key={ic.id}\n                    className={`flow-palette-item${pendingPlacement?.type === 'shapeSvg' && pendingPlacement.data.svgId === ic.id ? ' flow-palette-item--active' : ''}`}\n                    onClick={() => stampIcon(ic.id, ic.label)}\n                    title={ic.label}\n                  >\n                    <SvgThumbnail id={ic.id} />\n                    <span className=\"flow-palette-item-label\">{ic.label}</span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </>\n  );\n}\n\n/** Renders an SVG icon as an <img> (data URL) so it displays in the correct\n * SVG namespace, unlike dangerouslySetInnerHTML on an <svg> element. */\nfunction SvgThumbnail({ id }: { id: string }) {\n  const markup = buildSvgMarkup(id, '#475569');\n  if (!markup) return null;\n  const url = `data:image/svg+xml;utf8,${encodeURIComponent(markup)}`;\n  return <img src={url} width={34} height={26} alt=\"\" style={{ objectFit: 'contain' }} />;\n}\n\n/** Multimedia stamps: rich DOM-rendered nodes (markdown/html/mermaid/math/image/3D/AI). */\nconst MEDIA_ITEMS: Array<{\n  kind: FlowMediaKind;\n  label: string;\n  width: number;\n  height: number;\n  content: string;\n  icon: React.ReactNode;\n}> = [\n  {\n    kind: 'markdown', label: 'Markdown', width: 260, height: 180,\n    content: '# 标题\\n\\n- 支持 **GFM**\\n- 支持 `代码`\\n\\n> 引用文本',\n    icon: <MediaGlyph text={'M↓'} />,\n  },\n  {\n    kind: 'html', label: 'HTML', width: 260, height: 180,\n    content: '<div style=\"font-family:sans-serif;padding:12px\">\\n  <h3>Hello</h3>\\n  <p>可编辑的 HTML 片段</p>\\n</div>',\n    icon: <MediaGlyph text={'</>'} />,\n  },\n  {\n    kind: 'mermaid', label: 'Mermaid', width: 280, height: 200,\n    content: 'graph TD\\n  A[开始] --> B{判断}\\n  B -->|是| C[处理]\\n  B -->|否| D[结束]',\n    icon: <MediaGlyph text={'⎇'} />,\n  },\n  {\n    kind: 'math', label: 'Math', width: 240, height: 120,\n    content: 'E = mc^2',\n    icon: <MediaGlyph text={'√x'} />,\n  },\n  {\n    kind: 'image', label: 'Image', width: 320, height: 220,\n    content: '',\n    icon: <MediaGlyph text={'IMG'} />,\n  },\n  {\n    kind: 'model3d', label: '3D', width: 360, height: 280,\n    content: '',\n    icon: <MediaGlyph text={'3D'} />,\n  },\n  {\n    kind: 'ai', label: 'AI', width: 300, height: 340,\n    content: '',\n    icon: <MediaGlyph text={'AI'} />,\n  },\n];\n\nfunction MediaGlyph({ text }: { text: string }) {\n  return (\n    <div\n      style={{\n        width: 36, height: 28, display: 'flex', alignItems: 'center', justifyContent: 'center',\n        fontSize: 13, fontWeight: 700, color: 'oklch(var(--bc) / 0.6)',\n        border: '1px solid oklch(var(--bc) / 0.2)', borderRadius: 4,\n      }}\n    >\n      {text}\n    </div>\n  );\n}\n\nexport function MediaStampContent() {\n  const { setPendingPlacement, setToolMode, pendingPlacement } = useFlowUI();\n\n  const stampMedia = useCallback((item: (typeof MEDIA_ITEMS)[number]) => {\n    if (pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind) {\n      setPendingPlacement(null);\n      return;\n    }\n    const data: FlowNodeData = {\n      label: item.label,\n      fill: '#ffffff',\n      stroke: '#cbd5e1',\n      strokeWidth: 1.5,\n      color: '#1f2937',\n      fontSize: 13,\n      borderStyle: 'solid',\n      mediaKind: item.kind,\n      mediaContent: item.content,\n      ...(item.kind === 'ai'\n        ? { aiConfig: { gateway: '', protocol: 'openai' as const, model: '' } }\n        : item.kind === 'model3d'\n          ? { modelFormat: 'stl' as const }\n          : {}),\n    };\n    setPendingPlacement({ type: 'mediaNode', width: item.width, height: item.height, data });\n    setToolMode('select');\n  }, [pendingPlacement, setPendingPlacement, setToolMode]);\n\n  return (\n    <div className=\"flow-palette-grid\">\n      {MEDIA_ITEMS.map((item) => (\n        <div\n          key={item.kind}\n          className={`flow-palette-item${pendingPlacement?.type === 'mediaNode' && pendingPlacement.data.mediaKind === item.kind ? ' flow-palette-item--active' : ''}`}\n          onClick={() => stampMedia(item)}\n          title={item.label}\n        >\n          {item.icon}\n          <span className=\"flow-palette-item-label\">{item.label}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction SectionHeader({ children }: { children: React.ReactNode }) {\n  return (\n    <div style={{ fontSize: 11, fontWeight: 600, margin: '10px 0 6px', color: 'oklch(var(--bc) / 0.5)', textTransform: 'uppercase', letterSpacing: '0.05em' }}>\n      {children}\n    </div>\n  );\n}\n\nexport function PaletteThumbnail({ type }: { type: FlowShapeType }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const shapeMap: Record<string, React.ReactNode> = {\n    shapeRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"1\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeRoundRect: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"5\" fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeEllipse: (\n      <ellipse cx={w / 2} cy={h / 2} rx={w / 2 - 4} ry={h / 2 - 4} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDiamond: (\n      <polygon points={`${w / 2},3 ${w - 4},${h / 2} ${w / 2},${h - 3} 4,${h / 2}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeDocument: (\n      <path d={`M4,4 L${w - 4},4 L${w - 4},${h - 8} C${w * 0.7},${h - 12} ${w * 0.3},${h - 2} 4,${h - 8} Z`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeParallelogram: (() => {\n      const skew = (w - 8) * 0.2;\n      return <polygon points={`${4 + skew},4 ${w - 4},4 ${w - 4 - skew},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeTriangle: (\n      <polygon points={`${w / 2},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeTrapezoid: (() => {\n      const inset = (w - 8) * 0.15;\n      return <polygon points={`${4 + inset},4 ${w - 4 - inset},4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapePentagon: (() => {\n      const cx = w / 2, cy = h / 2, r = Math.min(cx, cy) - 4;\n      const pts = Array.from({ length: 5 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 5 - Math.PI / 2;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagon: (() => {\n      const cx = w / 2, cy = h / 2, rx = cx - 4, ry = cy - 4;\n      const pts = Array.from({ length: 6 }, (_, i) => {\n        const a = (Math.PI * 2 * i) / 6 - Math.PI / 6;\n        return `${cx + rx * Math.cos(a)},${cy + ry * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeStar: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.4;\n      const pts = Array.from({ length: 10 }, (_, i) => {\n        const a = (Math.PI * i) / 5 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeHexagram: (() => {\n      const cx = w / 2, cy = h / 2, outer = Math.min(cx, cy) - 3, inner = outer * 0.55;\n      const pts = Array.from({ length: 12 }, (_, i) => {\n        const a = (Math.PI * i) / 6 - Math.PI / 2;\n        const r = i % 2 === 0 ? outer : inner;\n        return `${cx + r * Math.cos(a)},${cy + r * Math.sin(a)}`;\n      }).join(' ');\n      return <polygon points={pts} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    shapeRightTriangle: (\n      <polygon points={`4,4 ${w - 4},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />\n    ),\n    shapeCorner: (() => {\n      const hf = Math.min(w - 8, h - 8) * 0.4;\n      return <polygon points={`4,4 ${w - 4},4 ${w - 4},${4 + hf} ${4 + hf},${4 + hf} ${4 + hf},${h - 4} 4,${h - 4}`} fill=\"none\" stroke={s} strokeWidth={sw} />;\n    })(),\n    textLabel: (\n      <text x={w / 2} y={h / 2 + 1} textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"10\" fill=\"currentColor\">Aa</text>\n    ),\n    animAnchor: (\n      <>\n        <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"2\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"4 3\" />\n        <circle cx=\"8\" cy=\"9\" r=\"4\" fill=\"none\" stroke={s} strokeWidth={sw} />\n        <text x=\"8\" y=\"10.5\" textAnchor=\"middle\" dominantBaseline=\"middle\" fontSize=\"7\" fill=\"currentColor\">1</text>\n      </>\n    ),\n    geometryGroup: (\n      <rect x=\"3\" y=\"4\" width={w - 6} height={h - 8} rx=\"3\" fill=\"none\" stroke={s} strokeWidth={sw} strokeDasharray=\"6 3\" />\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'oklch(var(--bc) / 0.55)' }}>\n      {shapeMap[type] ?? shapeMap.shapeRect}\n    </svg>\n  );\n}\n\nfunction LineToolThumbnail({ mode }: { mode: FlowToolMode }) {\n  const w = 36, h = 28;\n  const s = 'currentColor';\n  const sw = 1.5;\n\n  const thumbMap: Record<string, React.ReactNode> = {\n    connect: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 11},4 ${w - 9},9`} fill={s} />\n      </>\n    ),\n    freehand: (\n      <path d={`M6,${h - 8} C10,${h - 14} 14,10 ${w / 2},${h / 2} S${w - 10},6 ${w - 6},8`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinecap=\"round\" />\n    ),\n    line: (\n      <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n    ),\n    polyline: (\n      <polyline points={`6,${h - 6} 14,8 ${w / 2 + 2},${h - 10} ${w - 6},6`} fill=\"none\" stroke={s} strokeWidth={sw} strokeLinejoin=\"round\" />\n    ),\n    arrow: (\n      <>\n        <line x1=\"6\" y1={h - 6} x2={w - 6} y2=\"6\" stroke={s} strokeWidth={sw} />\n        <polygon points={`${w - 6},6 ${w - 12},6 ${w - 8},12`} fill={s} />\n      </>\n    ),\n  };\n\n  return (\n    <svg width={w} height={h} viewBox={`0 0 ${w} ${h}`} style={{ color: 'oklch(var(--bc) / 0.55)' }}>\n      {thumbMap[mode] ?? thumbMap.line}\n    </svg>\n  );\n}\n\n"],"mappings":"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"}

package/dist/components/pro/Flow/panels/toolbarIcons.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare const IconSelect: React.FC;
+export declare const IconAutoFocus: React.FC;
 export declare const IconBack: React.FC;
 export declare const IconUndo: React.FC;
 export declare const IconRedo: React.FC;