dishui 0.0.65 → 0.0.66

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

@@ -1,67 +1,67 @@
-import { useFlowContext as w } from "../context/FlowContext.js";
-import { useFlowUI as y } from "../context/FlowUIContext.js";
-import { resolveThemeColorCss as s } from "../utils/themeColor.js";
-import i, { Suspense as C, useMemo as x } from "react";
-import { jsx as r } from "react/jsx-runtime";
-var N = i.lazy(() => import("./MediaContent.js").then((t) => ({ default: t.MediaContent }))), M = class extends i.Component {
-  constructor(t) {
-    super(t), this.state = { error: null };
-  }
-  static getDerivedStateFromError(t) {
-    return { error: t };
-  }
-  render() {
-    return this.state.error ? /* @__PURE__ */ r("div", {
-      className: "flow-media-error",
-      children: this.state.error.message
-    }) : this.props.children;
-  }
+import { useFlowContext as e } from "../context/FlowContext.js";
+import { useFlowUI as t } from "../context/FlowUIContext.js";
+import { resolveThemeColorCss as n } from "../utils/themeColor.js";
+import r, { Suspense as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/pro/Flow/nodes/MediaOverlay.tsx
+var s = r.lazy(() => import("./MediaContent.js").then((e) => ({ default: e.MediaContent }))), c = class extends r.Component {
+	constructor(e) {
+		super(e), this.state = { error: null };
+	}
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	render() {
+		return this.state.error ? /* @__PURE__ */ o("div", {
+			className: "flow-media-error",
+			children: this.state.error.message
+		}) : this.props.children;
+	}
 };
-function D() {
-  const { currentCanvas: t, selection: n } = w(), { viewport: l, isNodeDragging: d } = y(), a = x(() => t.nodes.filter((e) => e.type === "mediaNode"), [t.nodes]);
-  if (a.length === 0) return null;
-  const { x: c, y: m, zoom: o } = l;
-  return /* @__PURE__ */ r("div", {
-    className: "flow-media-layer",
-    children: a.map((e) => {
-      const p = e.position.x * o + c, f = e.position.y * o + m, h = n.nodeIds.has(e.id) && !d, u = e.data.fill === "transparent" ? "transparent" : s(e.data.fill, "transparent"), v = s(e.data.labelColor ?? e.data.color, "#111827");
-      return /* @__PURE__ */ r("div", {
-        className: "flow-media-node",
-        "data-media-node": e.id,
-        style: {
-          position: "absolute",
-          left: p,
-          top: f,
-          width: e.width,
-          height: e.height,
-          transform: `scale(${o})`,
-          transformOrigin: "top left",
-          pointerEvents: "none"
-        },
-        children: /* @__PURE__ */ r("div", {
-          className: "flow-media-surface",
-          onWheel: (g) => g.stopPropagation(),
-          style: {
-            background: u,
-            color: v
-          },
-          children: /* @__PURE__ */ r(C, {
-            fallback: /* @__PURE__ */ r("div", {
-              className: "flow-media-loading",
-              children: "…"
-            }),
-            children: /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(N, {
-              node: e,
-              interactive: h
-            }) })
-          })
-        })
-      }, e.id);
-    })
-  });
+function l() {
+	let { currentCanvas: r, selection: l } = e(), { viewport: u, isNodeDragging: d } = t(), f = a(() => r.nodes.filter((e) => e.type === "mediaNode"), [r.nodes]);
+	if (f.length === 0) return null;
+	let { x: p, y: m, zoom: h } = u;
+	return /* @__PURE__ */ o("div", {
+		className: "flow-media-layer",
+		children: f.map((e) => {
+			let t = e.position.x * h + p, r = e.position.y * h + m, a = l.nodeIds.has(e.id) && !d, u = e.data.fill === "transparent" ? "transparent" : n(e.data.fill, "transparent"), f = n(e.data.labelColor ?? e.data.color, "#111827");
+			return /* @__PURE__ */ o("div", {
+				className: "flow-media-node",
+				"data-media-node": e.id,
+				style: {
+					position: "absolute",
+					left: t,
+					top: r,
+					width: e.width,
+					height: e.height,
+					transform: `scale(${h})`,
+					transformOrigin: "top left",
+					pointerEvents: "none"
+				},
+				children: /* @__PURE__ */ o("div", {
+					className: "flow-media-surface",
+					onWheel: (e) => e.stopPropagation(),
+					style: {
+						background: u,
+						color: f
+					},
+					children: /* @__PURE__ */ o(i, {
+						fallback: /* @__PURE__ */ o("div", {
+							className: "flow-media-loading",
+							children: "…"
+						}),
+						children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(s, {
+							node: e,
+							interactive: a
+						}) })
+					})
+				})
+			}, e.id);
+		})
+	});
 }
-export {
-  D as MediaOverlay
-};
+//#endregion
+export { l as MediaOverlay };
 
 //# sourceMappingURL=MediaOverlay.js.map

package/dist/components/pro/Flow/nodes/MediaOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaOverlay.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/MediaOverlay.tsx"],"sourcesContent":["import React, { useMemo, Suspense } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { resolveThemeColorCss } from '../utils/themeColor';\n\n// Lazy-load the media renderers so the heavy optional deps they pull in\n// (react-markdown, mermaid, katex, markmap, …) are only fetched when a media\n// node actually needs to render. This keeps the base `dishui/flow` bundle\n// lightweight and avoids loading that stack for diagrams without media nodes.\nconst MediaContent = React.lazy(() =>\n  import('./MediaContent').then((m) => ({ default: m.MediaContent })),\n);\n\n/** Isolates media render/load failures so one bad node never blanks the editor. */\nclass MediaErrorBoundary extends React.Component<\n  { children: React.ReactNode },\n  { error: Error | null }\n> {\n  constructor(props: { children: React.ReactNode }) {\n    super(props);\n    this.state = { error: null };\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n  render() {\n    if (this.state.error) {\n      return <div className=\"flow-media-error\">{this.state.error.message}</div>;\n    }\n    return this.props.children;\n  }\n}\n\n/**\n * DOM overlay for media nodes. PixiJS draws the frame; this layer renders the\n * live content (markdown/html/mermaid/math/AI) on top, synced to the viewport\n * so it pans and zooms with the canvas.\n *\n * Event model: a media surface is `pointer-events: none` by default so the\n * canvas underneath can be clicked to select/drag the node's frame. The\n * surface only becomes interactive while its node is selected (so AI chat can\n * be typed into, HTML can be scrolled). This also stops an always-interactive\n * iframe/AI box from swallowing pointer gestures and leaving the drag stuck.\n */\nexport function MediaOverlay() {\n  const { currentCanvas, selection } = useFlowContext();\n  const { viewport, isNodeDragging } = useFlowUI();\n\n  const mediaNodes = useMemo(\n    () => currentCanvas.nodes.filter((n) => n.type === 'mediaNode'),\n    [currentCanvas.nodes],\n  );\n\n  if (mediaNodes.length === 0) return null;\n\n  const { x: vx, y: vy, zoom } = viewport;\n\n  return (\n    <div className=\"flow-media-layer\">\n      {mediaNodes.map((node) => {\n        // World → screen (CSS px, matching ViewportManager.worldToScreen).\n        const left = node.position.x * zoom + vx;\n        const top = node.position.y * zoom + vy;\n        // Interactive only while selected, so the canvas stays draggable.\n        // Suppress entirely during a drag: an interactive iframe would swallow\n        // the pointer and the canvas would never receive pointerup (stuck drag).\n        const interactive = selection.nodeIds.has(node.id) && !isNodeDragging;\n        // Drive the overlay's background / text from the node's own color data.\n        // Theme tokens (`theme:*`) resolve to CSS variables so the media content\n        // follows theme switches natively; literal colors are used as-is. This\n        // keeps html / ai / data (which render opaque content) in sync with the\n        // fill/color chosen in the inspector, matching the PixiJS frame drawn\n        // underneath. The border is owned by the Pixi frame (also what PNG/PDF\n        // export captures), so we don't redraw it here.\n        const fillCss = node.data.fill === 'transparent'\n          ? 'transparent'\n          : resolveThemeColorCss(node.data.fill, 'transparent');\n        const textColor = resolveThemeColorCss(node.data.labelColor ?? node.data.color, '#111827');\n        return (\n          <div\n            key={node.id}\n            className=\"flow-media-node\"\n            data-media-node={node.id}\n            style={{\n              position: 'absolute',\n              left,\n              top,\n              width: node.width,\n              height: node.height,\n              // Scale the fixed-size content box to match zoom without\n              // reflowing text on every zoom step.\n              transform: `scale(${zoom})`,\n              transformOrigin: 'top left',\n              // Below the frame's selection outline but above the canvas.\n              pointerEvents: 'none',\n            }}\n          >\n            <div\n              className=\"flow-media-surface\"\n              onWheel={(e) => e.stopPropagation()}\n              style={{\n                background: fillCss,\n                color: textColor,\n              }}\n            >\n              <Suspense fallback={<div className=\"flow-media-loading\">…</div>}>\n                <MediaErrorBoundary>\n                  <MediaContent node={node} interactive={interactive} />\n                </MediaErrorBoundary>\n              </Suspense>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AASA,IAAM,IAAe,EAAM,KAAA,MACzB,OAAO,mBAAA,EAAkB,KAAA,CAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACpE,GAGM,IAAN,cAAiC,EAAM,UAGrC;AAAA,EACA,YAAY,GAAsC;AAChD,UAAM,CAAK,GACX,KAAK,QAAQ,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA,OAAO,yBAAyB,GAAc;AAC5C,WAAO,EAAE,OAAA,EAAM;AAAA,EACjB;AAAA,EACA,SAAS;AACP,WAAI,KAAK,MAAM,QACN,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAoB,UAAA,KAAK,MAAM,MAAM;AAAA,IAAa,CAAA,IAEnE,KAAK,MAAM;AAAA,EACpB;AACF;AAaA,SAAgB,IAAe;AAC7B,QAAM,EAAE,eAAA,GAAe,WAAA,EAAA,IAAc,EAAe,GAC9C,EAAE,UAAA,GAAU,gBAAA,EAAA,IAAmB,EAAU,GAEzC,IAAa,EAAA,MACX,EAAc,MAAM,OAAA,CAAQ,MAAM,EAAE,SAAS,WAAW,GAC9D,CAAC,EAAc,KAAK,CACtB;AAEA,MAAI,EAAW,WAAW,EAAG,QAAO;AAEpC,QAAM,EAAE,GAAG,GAAI,GAAG,GAAI,MAAA,EAAA,IAAS;AAE/B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IACZ,UAAA,EAAW,IAAA,CAAK,MAAS;AAExB,YAAM,IAAO,EAAK,SAAS,IAAI,IAAO,GAChC,IAAM,EAAK,SAAS,IAAI,IAAO,GAI/B,IAAc,EAAU,QAAQ,IAAI,EAAK,EAAE,KAAK,CAAC,GAQjD,IAAU,EAAK,KAAK,SAAS,gBAC/B,gBACA,EAAqB,EAAK,KAAK,MAAM,aAAa,GAChD,IAAY,EAAqB,EAAK,KAAK,cAAc,EAAK,KAAK,OAAO,SAAS;AACzF,aACE,gBAAA,EAAC,OAAD;AAAA,QAEE,WAAU;AAAA,QACV,mBAAiB,EAAK;AAAA,QACtB,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAA;AAAA,UACA,KAAA;AAAA,UACA,OAAO,EAAK;AAAA,UACZ,QAAQ,EAAK;AAAA,UAGb,WAAW,SAAS,CAAA;AAAA,UACpB,iBAAiB;AAAA,UAEjB,eAAe;AAAA,QACjB;AAAA,QAEA,UAAA,gBAAA,EAAC,OAAD;AAAA,UACE,WAAU;AAAA,UACV,SAAA,CAAU,MAAM,EAAE,gBAAgB;AAAA,UAClC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,OAAO;AAAA,UACT;AAAA,UAEA,UAAA,gBAAA,EAAC,GAAD;AAAA,YAAU,UAAU,gBAAA,EAAC,OAAD;AAAA,cAAK,WAAU;AAAA,cAAqB,UAAA;AAAA,YAAM,CAAA;AAAA,YAC5D,UAAA,gBAAA,EAAC,GAAD,EAAA,UACE,gBAAA,EAAC,GAAD;AAAA,cAAoB,MAAA;AAAA,cAAmB,aAAA;AAAA,YAAc,CAAA,EACnC,CAAA;AAAA,UACZ,CAAA;AAAA,QACP,CAAA;AAAA,MACF,GA/BE,EAAK,EA+BP;AAAA,IAET,CAAC;AAAA,EACE,CAAA;AAET"}
+{"version":3,"file":"MediaOverlay.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/MediaOverlay.tsx"],"sourcesContent":["import React, { useMemo, Suspense } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { useFlowUI } from '../context/FlowUIContext';\nimport { resolveThemeColorCss } from '../utils/themeColor';\n\n// Lazy-load the media renderers so the heavy optional deps they pull in\n// (react-markdown, mermaid, katex, markmap, …) are only fetched when a media\n// node actually needs to render. This keeps the base `dishui/flow` bundle\n// lightweight and avoids loading that stack for diagrams without media nodes.\nconst MediaContent = React.lazy(() =>\n  import('./MediaContent').then((m) => ({ default: m.MediaContent })),\n);\n\n/** Isolates media render/load failures so one bad node never blanks the editor. */\nclass MediaErrorBoundary extends React.Component<\n  { children: React.ReactNode },\n  { error: Error | null }\n> {\n  constructor(props: { children: React.ReactNode }) {\n    super(props);\n    this.state = { error: null };\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error };\n  }\n  render() {\n    if (this.state.error) {\n      return <div className=\"flow-media-error\">{this.state.error.message}</div>;\n    }\n    return this.props.children;\n  }\n}\n\n/**\n * DOM overlay for media nodes. PixiJS draws the frame; this layer renders the\n * live content (markdown/html/mermaid/math/AI) on top, synced to the viewport\n * so it pans and zooms with the canvas.\n *\n * Event model: a media surface is `pointer-events: none` by default so the\n * canvas underneath can be clicked to select/drag the node's frame. The\n * surface only becomes interactive while its node is selected (so AI chat can\n * be typed into, HTML can be scrolled). This also stops an always-interactive\n * iframe/AI box from swallowing pointer gestures and leaving the drag stuck.\n */\nexport function MediaOverlay() {\n  const { currentCanvas, selection } = useFlowContext();\n  const { viewport, isNodeDragging } = useFlowUI();\n\n  const mediaNodes = useMemo(\n    () => currentCanvas.nodes.filter((n) => n.type === 'mediaNode'),\n    [currentCanvas.nodes],\n  );\n\n  if (mediaNodes.length === 0) return null;\n\n  const { x: vx, y: vy, zoom } = viewport;\n\n  return (\n    <div className=\"flow-media-layer\">\n      {mediaNodes.map((node) => {\n        // World → screen (CSS px, matching ViewportManager.worldToScreen).\n        const left = node.position.x * zoom + vx;\n        const top = node.position.y * zoom + vy;\n        // Interactive only while selected, so the canvas stays draggable.\n        // Suppress entirely during a drag: an interactive iframe would swallow\n        // the pointer and the canvas would never receive pointerup (stuck drag).\n        const interactive = selection.nodeIds.has(node.id) && !isNodeDragging;\n        // Drive the overlay's background / text from the node's own color data.\n        // Theme tokens (`theme:*`) resolve to CSS variables so the media content\n        // follows theme switches natively; literal colors are used as-is. This\n        // keeps html / ai / data (which render opaque content) in sync with the\n        // fill/color chosen in the inspector, matching the PixiJS frame drawn\n        // underneath. The border is owned by the Pixi frame (also what PNG/PDF\n        // export captures), so we don't redraw it here.\n        const fillCss = node.data.fill === 'transparent'\n          ? 'transparent'\n          : resolveThemeColorCss(node.data.fill, 'transparent');\n        const textColor = resolveThemeColorCss(node.data.labelColor ?? node.data.color, '#111827');\n        return (\n          <div\n            key={node.id}\n            className=\"flow-media-node\"\n            data-media-node={node.id}\n            style={{\n              position: 'absolute',\n              left,\n              top,\n              width: node.width,\n              height: node.height,\n              // Scale the fixed-size content box to match zoom without\n              // reflowing text on every zoom step.\n              transform: `scale(${zoom})`,\n              transformOrigin: 'top left',\n              // Below the frame's selection outline but above the canvas.\n              pointerEvents: 'none',\n            }}\n          >\n            <div\n              className=\"flow-media-surface\"\n              onWheel={(e) => e.stopPropagation()}\n              style={{\n                background: fillCss,\n                color: textColor,\n              }}\n            >\n              <Suspense fallback={<div className=\"flow-media-loading\">…</div>}>\n                <MediaErrorBoundary>\n                  <MediaContent node={node} interactive={interactive} />\n                </MediaErrorBoundary>\n              </Suspense>\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AASA,IAAM,IAAe,EAAM,WACzB,OAAO,oBAAiB,CAAC,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACpE,GAGM,IAAN,cAAiC,EAAM,UAGrC;CACA,YAAY,GAAsC;EAEhD,AADA,MAAM,CAAK,GACX,KAAK,QAAQ,EAAE,OAAO,KAAK;CAC7B;CACA,OAAO,yBAAyB,GAAc;EAC5C,OAAO,EAAE,SAAM;CACjB;CACA,SAAS;EAIP,OAHI,KAAK,MAAM,QACN,kBAAC,OAAD;GAAK,WAAU;GAAoB,UAAA,KAAK,MAAM,MAAM;EAAa,CAAA,IAEnE,KAAK,MAAM;CACpB;AACF;AAaA,SAAgB,IAAe;CAC7B,IAAM,EAAE,kBAAe,iBAAc,EAAe,GAC9C,EAAE,aAAU,sBAAmB,EAAU,GAEzC,IAAa,QACX,EAAc,MAAM,QAAQ,MAAM,EAAE,SAAS,WAAW,GAC9D,CAAC,EAAc,KAAK,CACtB;CAEA,IAAI,EAAW,WAAW,GAAG,OAAO;CAEpC,IAAM,EAAE,GAAG,GAAI,GAAG,GAAI,YAAS;CAE/B,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,EAAW,KAAK,MAAS;GAExB,IAAM,IAAO,EAAK,SAAS,IAAI,IAAO,GAChC,IAAM,EAAK,SAAS,IAAI,IAAO,GAI/B,IAAc,EAAU,QAAQ,IAAI,EAAK,EAAE,KAAK,CAAC,GAQjD,IAAU,EAAK,KAAK,SAAS,gBAC/B,gBACA,EAAqB,EAAK,KAAK,MAAM,aAAa,GAChD,IAAY,EAAqB,EAAK,KAAK,cAAc,EAAK,KAAK,OAAO,SAAS;GACzF,OACE,kBAAC,OAAD;IAEE,WAAU;IACV,mBAAiB,EAAK;IACtB,OAAO;KACL,UAAU;KACV;KACA;KACA,OAAO,EAAK;KACZ,QAAQ,EAAK;KAGb,WAAW,SAAS,EAAK;KACzB,iBAAiB;KAEjB,eAAe;IACjB;IAEA,UAAA,kBAAC,OAAD;KACE,WAAU;KACV,UAAU,MAAM,EAAE,gBAAgB;KAClC,OAAO;MACL,YAAY;MACZ,OAAO;KACT;KAEA,UAAA,kBAAC,GAAD;MAAU,UAAU,kBAAC,OAAD;OAAK,WAAU;OAAqB,UAAA;MAAM,CAAA;MAC5D,UAAA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAoB;OAAmB;MAAc,CAAA,EACnC,CAAA;KACZ,CAAA;IACP,CAAA;GACF,GA/BE,EAAK,EA+BP;EAET,CAAC;CACE,CAAA;AAET"}

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

@@ -1,118 +1,116 @@
-import { useEffect as T, useRef as A, useState as B } from "react";
-import { jsx as M, jsxs as W } from "react/jsx-runtime";
-import * as e from "three";
-import { OrbitControls as z } from "three/addons/controls/OrbitControls.js";
-import { ThreeMFLoader as H } from "three/addons/loaders/3MFLoader.js";
-import { OBJLoader as V } from "three/addons/loaders/OBJLoader.js";
-import { STLLoader as G } from "three/addons/loaders/STLLoader.js";
-function D(d) {
-  const s = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
-  d.traverse((r) => {
-    if (!(r instanceof e.Mesh)) return;
-    r.geometry?.dispose();
-    const f = Array.isArray(r.material) ? r.material : [r.material];
-    for (const u of f)
-      if (!(!u || s.has(u))) {
-        s.add(u);
-        for (const p of Object.values(u)) p instanceof e.Texture && t.add(p);
-      }
-  });
-  for (const r of t) r.dispose();
-  for (const r of s) r.dispose();
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "three";
+import { OrbitControls as o } from "three/addons/controls/OrbitControls.js";
+import { ThreeMFLoader as s } from "three/addons/loaders/3MFLoader.js";
+import { OBJLoader as c } from "three/addons/loaders/OBJLoader.js";
+import { STLLoader as l } from "three/addons/loaders/STLLoader.js";
+//#region src/components/pro/Flow/nodes/Model3DView.tsx
+function u(e) {
+	let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
+	e.traverse((e) => {
+		if (!(e instanceof a.Mesh)) return;
+		e.geometry?.dispose();
+		let r = Array.isArray(e.material) ? e.material : [e.material];
+		for (let e of r) if (e && !t.has(e)) {
+			t.add(e);
+			for (let t of Object.values(e)) t instanceof a.Texture && n.add(t);
+		}
+	});
+	for (let e of n) e.dispose();
+	for (let e of t) e.dispose();
 }
-function J(d, s) {
-  if (d === "stl") {
-    const t = new G().parse(s);
-    return t.getAttribute("normal") || t.computeVertexNormals(), new e.Mesh(t, new e.MeshStandardMaterial({
-      color: 12108492,
-      metalness: 0.05,
-      roughness: 0.72,
-      side: e.DoubleSide
-    }));
-  }
-  return d === "obj" ? new V().parse(new TextDecoder().decode(s)) : new H().parse(s);
+function d(e, t) {
+	if (e === "stl") {
+		let e = new l().parse(t);
+		return e.getAttribute("normal") || e.computeVertexNormals(), new a.Mesh(e, new a.MeshStandardMaterial({
+			color: 12108492,
+			metalness: .05,
+			roughness: .72,
+			side: a.DoubleSide
+		}));
+	}
+	return e === "obj" ? new c().parse(new TextDecoder().decode(t)) : new s().parse(t);
 }
-function K({ content: d, format: s, interactive: t }) {
-  const r = A(null), f = A(null), [u, p] = B(null), [O, x] = B(!1);
-  return T(() => {
-    f.current && (f.current.enabled = t);
-  }, [t]), T(() => {
-    const l = r.current, b = d.trim();
-    if (!l || !b) return;
-    let w = !1, S = 0, g = null;
-    const E = new AbortController(), h = new e.Scene(), i = new e.PerspectiveCamera(45, 1, 0.01, 1e4), n = new e.WebGLRenderer({
-      antialias: !0,
-      alpha: !0
-    });
-    n.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)), n.outputColorSpace = e.SRGBColorSpace, n.setClearColor(0, 0), l.appendChild(n.domElement), h.add(new e.HemisphereLight(16777215, 4477030, 2));
-    const y = new e.DirectionalLight(16777215, 2.4);
-    y.position.set(3, 5, 4), h.add(y);
-    const c = new z(i, n.domElement);
-    c.enableDamping = !0, c.enabled = t, f.current = c;
-    const L = () => {
-      const o = Math.max(1, l.clientWidth), a = Math.max(1, l.clientHeight);
-      n.setSize(o, a, !1), i.aspect = o / a, i.updateProjectionMatrix();
-    };
-    L();
-    const v = new ResizeObserver(L);
-    v.observe(l);
-    const R = () => {
-      c.update(), n.render(h, i), S = requestAnimationFrame(R);
-    };
-    return R(), x(!0), p(null), fetch(b, { signal: E.signal }).then((o) => {
-      if (!o.ok) throw new Error(`模型加载失败：HTTP ${o.status}`);
-      return o.arrayBuffer();
-    }).then((o) => {
-      if (o.byteLength > 52428800) throw new Error("模型超过 50 MiB，无法加载");
-      const a = J(s, o);
-      if (w) {
-        D(a);
-        return;
-      }
-      g = a, a.updateMatrixWorld(!0);
-      const C = new e.Box3().setFromObject(a);
-      if (C.isEmpty()) throw new Error("模型不包含可显示的几何体");
-      const N = C.getCenter(new e.Vector3());
-      a.position.sub(N), a.updateMatrixWorld(!0);
-      const m = new e.Box3().setFromObject(a).getBoundingSphere(new e.Sphere());
-      if (!Number.isFinite(m.radius) || m.radius <= 0) throw new Error("模型尺寸无效");
-      h.add(a);
-      const F = e.MathUtils.degToRad(i.fov / 2), j = Math.atan(Math.tan(F) * i.aspect), P = m.radius / Math.sin(Math.min(j, F)) * 1.15;
-      i.position.copy(new e.Vector3(1, 0.75, 1).normalize().multiplyScalar(P)), i.near = Math.max(m.radius / 1e3, 1e-3), i.far = Math.max(P + m.radius * 10, m.radius * 1e3), i.updateProjectionMatrix(), c.target.set(0, 0, 0), c.minDistance = m.radius * 0.05, c.maxDistance = m.radius * 100, c.update();
-    }).catch((o) => {
-      !w && o?.name !== "AbortError" && p(o?.message ?? "模型加载失败");
-    }).finally(() => {
-      w || x(!1);
-    }), () => {
-      w = !0, E.abort(), cancelAnimationFrame(S), v.disconnect(), c.dispose(), f.current = null, g && D(g), h.clear(), n.renderLists.dispose(), n.dispose(), n.forceContextLoss(), n.domElement.remove();
-    };
-  }, [d, s]), d.trim() ? /* @__PURE__ */ W("div", {
-    ref: r,
-    className: "flow-media-model3d",
-    style: {
-      pointerEvents: t ? "auto" : "none",
-      touchAction: t ? "none" : "auto"
-    },
-    onPointerDown: (l) => {
-      t && l.stopPropagation();
-    },
-    onWheel: (l) => {
-      t && l.stopPropagation();
-    },
-    children: [O && /* @__PURE__ */ M("div", {
-      className: "flow-media-loading flow-media-model3d-status",
-      children: "加载模型…"
-    }), u && /* @__PURE__ */ M("div", {
-      className: "flow-media-error flow-media-model3d-status",
-      children: u
-    })]
-  }) : /* @__PURE__ */ M("div", {
-    className: "flow-media-image-empty",
-    children: "输入 STL、OBJ 或 3MF 模型链接"
-  });
+function f({ content: s, format: c, interactive: l }) {
+	let f = t(null), p = t(null), [m, h] = n(null), [g, _] = n(!1);
+	return e(() => {
+		p.current && (p.current.enabled = l);
+	}, [l]), e(() => {
+		let e = f.current, t = s.trim();
+		if (!e || !t) return;
+		let n = !1, r = 0, i = null, m = new AbortController(), g = new a.Scene(), v = new a.PerspectiveCamera(45, 1, .01, 1e4), y = new a.WebGLRenderer({
+			antialias: !0,
+			alpha: !0
+		});
+		y.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2)), y.outputColorSpace = a.SRGBColorSpace, y.setClearColor(0, 0), e.appendChild(y.domElement), g.add(new a.HemisphereLight(16777215, 4477030, 2));
+		let b = new a.DirectionalLight(16777215, 2.4);
+		b.position.set(3, 5, 4), g.add(b);
+		let x = new o(v, y.domElement);
+		x.enableDamping = !0, x.enabled = l, p.current = x;
+		let S = () => {
+			let t = Math.max(1, e.clientWidth), n = Math.max(1, e.clientHeight);
+			y.setSize(t, n, !1), v.aspect = t / n, v.updateProjectionMatrix();
+		};
+		S();
+		let C = new ResizeObserver(S);
+		C.observe(e);
+		let w = () => {
+			x.update(), y.render(g, v), r = requestAnimationFrame(w);
+		};
+		return w(), _(!0), h(null), fetch(t, { signal: m.signal }).then((e) => {
+			if (!e.ok) throw Error(`模型加载失败：HTTP ${e.status}`);
+			return e.arrayBuffer();
+		}).then((e) => {
+			if (e.byteLength > 52428800) throw Error("模型超过 50 MiB，无法加载");
+			let t = d(c, e);
+			if (n) {
+				u(t);
+				return;
+			}
+			i = t, t.updateMatrixWorld(!0);
+			let r = new a.Box3().setFromObject(t);
+			if (r.isEmpty()) throw Error("模型不包含可显示的几何体");
+			let o = r.getCenter(new a.Vector3());
+			t.position.sub(o), t.updateMatrixWorld(!0);
+			let s = new a.Box3().setFromObject(t).getBoundingSphere(new a.Sphere());
+			if (!Number.isFinite(s.radius) || s.radius <= 0) throw Error("模型尺寸无效");
+			g.add(t);
+			let l = a.MathUtils.degToRad(v.fov / 2), f = Math.atan(Math.tan(l) * v.aspect), p = s.radius / Math.sin(Math.min(f, l)) * 1.15;
+			v.position.copy(new a.Vector3(1, .75, 1).normalize().multiplyScalar(p)), v.near = Math.max(s.radius / 1e3, .001), v.far = Math.max(p + s.radius * 10, s.radius * 1e3), v.updateProjectionMatrix(), x.target.set(0, 0, 0), x.minDistance = s.radius * .05, x.maxDistance = s.radius * 100, x.update();
+		}).catch((e) => {
+			!n && e?.name !== "AbortError" && h(e?.message ?? "模型加载失败");
+		}).finally(() => {
+			n || _(!1);
+		}), () => {
+			n = !0, m.abort(), cancelAnimationFrame(r), C.disconnect(), x.dispose(), p.current = null, i && u(i), g.clear(), y.renderLists.dispose(), y.dispose(), y.forceContextLoss(), y.domElement.remove();
+		};
+	}, [s, c]), s.trim() ? /* @__PURE__ */ i("div", {
+		ref: f,
+		className: "flow-media-model3d",
+		style: {
+			pointerEvents: l ? "auto" : "none",
+			touchAction: l ? "none" : "auto"
+		},
+		onPointerDown: (e) => {
+			l && e.stopPropagation();
+		},
+		onWheel: (e) => {
+			l && e.stopPropagation();
+		},
+		children: [g && /* @__PURE__ */ r("div", {
+			className: "flow-media-loading flow-media-model3d-status",
+			children: "加载模型…"
+		}), m && /* @__PURE__ */ r("div", {
+			className: "flow-media-error flow-media-model3d-status",
+			children: m
+		})]
+	}) : /* @__PURE__ */ r("div", {
+		className: "flow-media-image-empty",
+		children: "输入 STL、OBJ 或 3MF 模型链接"
+	});
 }
-export {
-  K as Model3DView
-};
+//#endregion
+export { f as Model3DView };
 
 //# sourceMappingURL=Model3DView.js.map

package/dist/components/pro/Flow/nodes/Model3DView.js.map

@@ -1 +1 @@
-{"version":3,"file":"Model3DView.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/Model3DView.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport * as THREE from 'three';\nimport { OrbitControls } from 'three/addons/controls/OrbitControls.js';\nimport { ThreeMFLoader } from 'three/addons/loaders/3MFLoader.js';\nimport { OBJLoader } from 'three/addons/loaders/OBJLoader.js';\nimport { STLLoader } from 'three/addons/loaders/STLLoader.js';\nimport type { FlowModelFormat } from '../types';\n\nfunction disposeObject(root: any) {\n  const materials = new Set<any>();\n  const textures = new Set<any>();\n  root.traverse((object: any) => {\n    if (!(object instanceof THREE.Mesh)) return;\n    object.geometry?.dispose();\n    const list = Array.isArray(object.material) ? object.material : [object.material];\n    for (const material of list) {\n      if (!material || materials.has(material)) continue;\n      materials.add(material);\n      for (const value of Object.values(material)) {\n        if (value instanceof THREE.Texture) textures.add(value);\n      }\n    }\n  });\n  for (const texture of textures) texture.dispose();\n  for (const material of materials) material.dispose();\n}\n\nfunction parseModel(format: FlowModelFormat, data: ArrayBuffer): any {\n  if (format === 'stl') {\n    const geometry = new STLLoader().parse(data);\n    if (!geometry.getAttribute('normal')) geometry.computeVertexNormals();\n    return new THREE.Mesh(\n      geometry,\n      new THREE.MeshStandardMaterial({\n        color: 0xb8c2cc,\n        metalness: 0.05,\n        roughness: 0.72,\n        side: THREE.DoubleSide,\n      }),\n    );\n  }\n  if (format === 'obj') {\n    return new OBJLoader().parse(new TextDecoder().decode(data));\n  }\n  return new ThreeMFLoader().parse(data);\n}\n\nexport function Model3DView({\n  content,\n  format,\n  interactive,\n}: {\n  content: string;\n  format: FlowModelFormat;\n  interactive: boolean;\n}) {\n  const hostRef = useRef<HTMLDivElement>(null);\n  const controlsRef = useRef<any>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (controlsRef.current) controlsRef.current.enabled = interactive;\n  }, [interactive]);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    const source = content.trim();\n    if (!host || !source) return;\n\n    let cancelled = false;\n    let frame = 0;\n    let model: any = null;\n    const abort = new AbortController();\n    const scene = new THREE.Scene();\n    const camera = new THREE.PerspectiveCamera(45, 1, 0.01, 10000);\n    const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));\n    renderer.outputColorSpace = THREE.SRGBColorSpace;\n    renderer.setClearColor(0x000000, 0);\n    host.appendChild(renderer.domElement);\n\n    scene.add(new THREE.HemisphereLight(0xffffff, 0x445066, 2));\n    const directional = new THREE.DirectionalLight(0xffffff, 2.4);\n    directional.position.set(3, 5, 4);\n    scene.add(directional);\n\n    const controls = new OrbitControls(camera, renderer.domElement);\n    controls.enableDamping = true;\n    controls.enabled = interactive;\n    controlsRef.current = controls;\n\n    const resize = () => {\n      const width = Math.max(1, host.clientWidth);\n      const height = Math.max(1, host.clientHeight);\n      renderer.setSize(width, height, false);\n      camera.aspect = width / height;\n      camera.updateProjectionMatrix();\n    };\n    resize();\n    const observer = new ResizeObserver(resize);\n    observer.observe(host);\n\n    const animate = () => {\n      controls.update();\n      renderer.render(scene, camera);\n      frame = requestAnimationFrame(animate);\n    };\n    animate();\n\n    setLoading(true);\n    setError(null);\n    fetch(source, { signal: abort.signal })\n      .then(response => {\n        if (!response.ok) throw new Error(`模型加载失败：HTTP ${response.status}`);\n        return response.arrayBuffer();\n      })\n      .then(data => {\n        if (data.byteLength > 50 * 1024 * 1024) throw new Error('模型超过 50 MiB，无法加载');\n        const root = parseModel(format, data);\n        if (cancelled) {\n          disposeObject(root);\n          return;\n        }\n        model = root;\n        root.updateMatrixWorld(true);\n        const box = new THREE.Box3().setFromObject(root);\n        if (box.isEmpty()) throw new Error('模型不包含可显示的几何体');\n        const center = box.getCenter(new THREE.Vector3());\n        root.position.sub(center);\n        root.updateMatrixWorld(true);\n        const sphere = new THREE.Box3().setFromObject(root).getBoundingSphere(new THREE.Sphere());\n        if (!Number.isFinite(sphere.radius) || sphere.radius <= 0) throw new Error('模型尺寸无效');\n        scene.add(root);\n\n        const halfFovY = THREE.MathUtils.degToRad(camera.fov / 2);\n        const halfFovX = Math.atan(Math.tan(halfFovY) * camera.aspect);\n        const distance = (sphere.radius / Math.sin(Math.min(halfFovX, halfFovY))) * 1.15;\n        camera.position.copy(new THREE.Vector3(1, 0.75, 1).normalize().multiplyScalar(distance));\n        camera.near = Math.max(sphere.radius / 1000, 0.001);\n        camera.far = Math.max(distance + sphere.radius * 10, sphere.radius * 1000);\n        camera.updateProjectionMatrix();\n        controls.target.set(0, 0, 0);\n        controls.minDistance = sphere.radius * 0.05;\n        controls.maxDistance = sphere.radius * 100;\n        controls.update();\n      })\n      .catch(nextError => {\n        if (!cancelled && nextError?.name !== 'AbortError') setError(nextError?.message ?? '模型加载失败');\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n      abort.abort();\n      cancelAnimationFrame(frame);\n      observer.disconnect();\n      controls.dispose();\n      controlsRef.current = null;\n      if (model) disposeObject(model);\n      scene.clear();\n      renderer.renderLists.dispose();\n      renderer.dispose();\n      renderer.forceContextLoss();\n      renderer.domElement.remove();\n    };\n  }, [content, format]);\n\n  if (!content.trim()) {\n    return <div className=\"flow-media-image-empty\">输入 STL、OBJ 或 3MF 模型链接</div>;\n  }\n\n  return (\n    <div\n      ref={hostRef}\n      className=\"flow-media-model3d\"\n      style={{ pointerEvents: interactive ? 'auto' : 'none', touchAction: interactive ? 'none' : 'auto' }}\n      onPointerDown={event => { if (interactive) event.stopPropagation(); }}\n      onWheel={event => { if (interactive) event.stopPropagation(); }}\n    >\n      {loading && <div className=\"flow-media-loading flow-media-model3d-status\">加载模型…</div>}\n      {error && <div className=\"flow-media-error flow-media-model3d-status\">{error}</div>}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Model3DView.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/Model3DView.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport * as THREE from 'three';\nimport { OrbitControls } from 'three/addons/controls/OrbitControls.js';\nimport { ThreeMFLoader } from 'three/addons/loaders/3MFLoader.js';\nimport { OBJLoader } from 'three/addons/loaders/OBJLoader.js';\nimport { STLLoader } from 'three/addons/loaders/STLLoader.js';\nimport type { FlowModelFormat } from '../types';\n\nfunction disposeObject(root: any) {\n  const materials = new Set<any>();\n  const textures = new Set<any>();\n  root.traverse((object: any) => {\n    if (!(object instanceof THREE.Mesh)) return;\n    object.geometry?.dispose();\n    const list = Array.isArray(object.material) ? object.material : [object.material];\n    for (const material of list) {\n      if (!material || materials.has(material)) continue;\n      materials.add(material);\n      for (const value of Object.values(material)) {\n        if (value instanceof THREE.Texture) textures.add(value);\n      }\n    }\n  });\n  for (const texture of textures) texture.dispose();\n  for (const material of materials) material.dispose();\n}\n\nfunction parseModel(format: FlowModelFormat, data: ArrayBuffer): any {\n  if (format === 'stl') {\n    const geometry = new STLLoader().parse(data);\n    if (!geometry.getAttribute('normal')) geometry.computeVertexNormals();\n    return new THREE.Mesh(\n      geometry,\n      new THREE.MeshStandardMaterial({\n        color: 0xb8c2cc,\n        metalness: 0.05,\n        roughness: 0.72,\n        side: THREE.DoubleSide,\n      }),\n    );\n  }\n  if (format === 'obj') {\n    return new OBJLoader().parse(new TextDecoder().decode(data));\n  }\n  return new ThreeMFLoader().parse(data);\n}\n\nexport function Model3DView({\n  content,\n  format,\n  interactive,\n}: {\n  content: string;\n  format: FlowModelFormat;\n  interactive: boolean;\n}) {\n  const hostRef = useRef<HTMLDivElement>(null);\n  const controlsRef = useRef<any>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (controlsRef.current) controlsRef.current.enabled = interactive;\n  }, [interactive]);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    const source = content.trim();\n    if (!host || !source) return;\n\n    let cancelled = false;\n    let frame = 0;\n    let model: any = null;\n    const abort = new AbortController();\n    const scene = new THREE.Scene();\n    const camera = new THREE.PerspectiveCamera(45, 1, 0.01, 10000);\n    const renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });\n    renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));\n    renderer.outputColorSpace = THREE.SRGBColorSpace;\n    renderer.setClearColor(0x000000, 0);\n    host.appendChild(renderer.domElement);\n\n    scene.add(new THREE.HemisphereLight(0xffffff, 0x445066, 2));\n    const directional = new THREE.DirectionalLight(0xffffff, 2.4);\n    directional.position.set(3, 5, 4);\n    scene.add(directional);\n\n    const controls = new OrbitControls(camera, renderer.domElement);\n    controls.enableDamping = true;\n    controls.enabled = interactive;\n    controlsRef.current = controls;\n\n    const resize = () => {\n      const width = Math.max(1, host.clientWidth);\n      const height = Math.max(1, host.clientHeight);\n      renderer.setSize(width, height, false);\n      camera.aspect = width / height;\n      camera.updateProjectionMatrix();\n    };\n    resize();\n    const observer = new ResizeObserver(resize);\n    observer.observe(host);\n\n    const animate = () => {\n      controls.update();\n      renderer.render(scene, camera);\n      frame = requestAnimationFrame(animate);\n    };\n    animate();\n\n    setLoading(true);\n    setError(null);\n    fetch(source, { signal: abort.signal })\n      .then(response => {\n        if (!response.ok) throw new Error(`模型加载失败：HTTP ${response.status}`);\n        return response.arrayBuffer();\n      })\n      .then(data => {\n        if (data.byteLength > 50 * 1024 * 1024) throw new Error('模型超过 50 MiB，无法加载');\n        const root = parseModel(format, data);\n        if (cancelled) {\n          disposeObject(root);\n          return;\n        }\n        model = root;\n        root.updateMatrixWorld(true);\n        const box = new THREE.Box3().setFromObject(root);\n        if (box.isEmpty()) throw new Error('模型不包含可显示的几何体');\n        const center = box.getCenter(new THREE.Vector3());\n        root.position.sub(center);\n        root.updateMatrixWorld(true);\n        const sphere = new THREE.Box3().setFromObject(root).getBoundingSphere(new THREE.Sphere());\n        if (!Number.isFinite(sphere.radius) || sphere.radius <= 0) throw new Error('模型尺寸无效');\n        scene.add(root);\n\n        const halfFovY = THREE.MathUtils.degToRad(camera.fov / 2);\n        const halfFovX = Math.atan(Math.tan(halfFovY) * camera.aspect);\n        const distance = (sphere.radius / Math.sin(Math.min(halfFovX, halfFovY))) * 1.15;\n        camera.position.copy(new THREE.Vector3(1, 0.75, 1).normalize().multiplyScalar(distance));\n        camera.near = Math.max(sphere.radius / 1000, 0.001);\n        camera.far = Math.max(distance + sphere.radius * 10, sphere.radius * 1000);\n        camera.updateProjectionMatrix();\n        controls.target.set(0, 0, 0);\n        controls.minDistance = sphere.radius * 0.05;\n        controls.maxDistance = sphere.radius * 100;\n        controls.update();\n      })\n      .catch(nextError => {\n        if (!cancelled && nextError?.name !== 'AbortError') setError(nextError?.message ?? '模型加载失败');\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n      abort.abort();\n      cancelAnimationFrame(frame);\n      observer.disconnect();\n      controls.dispose();\n      controlsRef.current = null;\n      if (model) disposeObject(model);\n      scene.clear();\n      renderer.renderLists.dispose();\n      renderer.dispose();\n      renderer.forceContextLoss();\n      renderer.domElement.remove();\n    };\n  }, [content, format]);\n\n  if (!content.trim()) {\n    return <div className=\"flow-media-image-empty\">输入 STL、OBJ 或 3MF 模型链接</div>;\n  }\n\n  return (\n    <div\n      ref={hostRef}\n      className=\"flow-media-model3d\"\n      style={{ pointerEvents: interactive ? 'auto' : 'none', touchAction: interactive ? 'none' : 'auto' }}\n      onPointerDown={event => { if (interactive) event.stopPropagation(); }}\n      onWheel={event => { if (interactive) event.stopPropagation(); }}\n    >\n      {loading && <div className=\"flow-media-loading flow-media-model3d-status\">加载模型…</div>}\n      {error && <div className=\"flow-media-error flow-media-model3d-status\">{error}</div>}\n    </div>\n  );\n}\n"],"mappings":"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"}