dishui 0.0.65 → 0.0.66

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

@@ -1,249 +1,243 @@
-import { usePivotExtension as F } from "../../DataTable/pivotExtension.js";
-import A, { createColumn as R } from "../../../../data-table.js";
-import C from "../../../Chart/Chart.js";
-import { areaY as T, barX as M, barY as N, defineChart as p, dot as P, lineY as S } from "../../../../chart.js";
-import { DATA_CHART_PALETTE as w, labelFor as y } from "./dataUtils.js";
-import { useLayoutEffect as z, useMemo as v, useRef as D, useState as E } from "react";
-import { jsx as u } from "react/jsx-runtime";
-import { scaleBand as x } from "@tanstack/charts/scales/band";
-import { scaleLinear as h } from "@tanstack/charts/scales/linear";
-import { scalePoint as k } from "@tanstack/charts/scales/point";
-import { pie as V, polar as B, radialArc as L } from "@tanstack/charts/polar";
-function O({ config: e }) {
-  const o = v(() => e.columns.map((r) => R(r.key, r.label ?? r.key, { enableSorting: !0 })), [e.columns]), l = v(() => e.columns.map((r) => ({
-    field: r.key,
-    label: r.label ?? r.key,
-    numeric: r.type === "number"
-  })), [e.columns]), t = e.pivot, s = JSON.stringify({
-    e: !!t?.enabled,
-    r: t?.rowFields ?? [],
-    c: t?.colFields ?? [],
-    v: t?.values ?? []
-  });
-  return /* @__PURE__ */ u("div", {
-    className: "flow-data-table",
-    children: /* @__PURE__ */ u(Y, {
-      config: e,
-      columns: o,
-      pivotFields: l
-    }, s)
-  });
+import { usePivotExtension as e } from "../../DataTable/pivotExtension.js";
+import t, { createColumn as n } from "../../../../data-table.js";
+import r from "../../../Chart/Chart.js";
+import { areaY as i, barX as a, barY as o, defineChart as s, dot as c, lineY as l } from "../../../../chart.js";
+import { DATA_CHART_PALETTE as u, labelFor as d } from "./dataUtils.js";
+import { useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { scaleBand as _ } from "@tanstack/charts/scales/band";
+import { scaleLinear as v } from "@tanstack/charts/scales/linear";
+import { scalePoint as y } from "@tanstack/charts/scales/point";
+import { pie as b, polar as x, radialArc as S } from "@tanstack/charts/polar";
+//#region src/components/pro/Flow/nodes/DataNodeView.tsx
+function C({ config: e }) {
+	let t = p(() => e.columns.map((e) => n(e.key, e.label ?? e.key, { enableSorting: !0 })), [e.columns]), r = p(() => e.columns.map((e) => ({
+		field: e.key,
+		label: e.label ?? e.key,
+		numeric: e.type === "number"
+	})), [e.columns]), i = e.pivot, a = JSON.stringify({
+		e: !!i?.enabled,
+		r: i?.rowFields ?? [],
+		c: i?.colFields ?? [],
+		v: i?.values ?? []
+	});
+	return /* @__PURE__ */ g("div", {
+		className: "flow-data-table",
+		children: /* @__PURE__ */ g(w, {
+			config: e,
+			columns: t,
+			pivotFields: r
+		}, a)
+	});
 }
-function Y({ config: e, columns: o, pivotFields: l }) {
-  const t = e.pivot, s = F({
-    fields: l,
-    initialActive: !!t?.enabled,
-    initialRowFields: t?.rowFields ?? [],
-    initialColFields: t?.colFields ?? [],
-    initialValues: t?.values ?? [],
-    panelPlacement: t?.panelPlacement ?? "top",
-    lang: "zh",
-    hideModeToggle: !0
-  });
-  return /* @__PURE__ */ u(A, {
-    data: e.rows,
-    columns: o,
-    enableSorting: !0,
-    enablePagination: e.rows.length > 50,
-    pageSize: 50,
-    extensions: [s]
-  });
+function w({ config: n, columns: r, pivotFields: i }) {
+	let a = n.pivot, o = e({
+		fields: i,
+		initialActive: !!a?.enabled,
+		initialRowFields: a?.rowFields ?? [],
+		initialColFields: a?.colFields ?? [],
+		initialValues: a?.values ?? [],
+		panelPlacement: a?.panelPlacement ?? "top",
+		lang: "zh",
+		hideModeToggle: !0
+	});
+	return /* @__PURE__ */ g(t, {
+		data: n.rows,
+		columns: r,
+		enableSorting: !0,
+		enablePagination: n.rows.length > 50,
+		pageSize: 50,
+		extensions: [o]
+	});
 }
-function _(e, o) {
-  return v(() => {
-    const l = e.chart;
-    if (!l) return null;
-    const t = l.xField, s = (l.yFields ?? []).filter(Boolean);
-    if (!t || s.length === 0) return null;
-    const r = e.rows, f = l.palette?.length ? l.palette : null, d = (a, n) => l.seriesColors?.[a] ?? f?.[n % f.length] ?? o ?? w[n % w.length];
-    switch (l.type) {
-      case "line":
-        return p({
-          marks: s.map((a, n) => S(r, {
-            id: a,
-            x: t,
-            y: a,
-            stroke: d(a, n),
-            points: !0
-          })),
-          scales: {
-            x: { scale: () => k().padding(0.35) },
-            y: {
-              scale: h,
-              nice: !0,
-              grid: !0
-            }
-          }
-        });
-      case "area":
-        return p({
-          marks: s.map((a, n) => T(r, {
-            id: a,
-            x: t,
-            y: a,
-            fill: d(a, n),
-            fillOpacity: 0.35,
-            stroke: d(a, n)
-          })),
-          scales: {
-            x: { scale: () => k().padding(0.35) },
-            y: {
-              scale: h,
-              nice: !0,
-              grid: !0
-            }
-          }
-        });
-      case "scatter":
-        return p({
-          marks: [P(r, {
-            id: "points",
-            x: t,
-            y: s[0],
-            r: 6,
-            fill: d(s[0], 0)
-          })],
-          scales: {
-            x: {
-              scale: h,
-              nice: !0,
-              grid: !0
-            },
-            y: {
-              scale: h,
-              nice: !0,
-              grid: !0
-            }
-          }
-        });
-      case "pie": {
-        const a = s[0], n = /* @__PURE__ */ new Map();
-        for (const i of r) {
-          const m = String(i[t] ?? "");
-          n.set(m, (n.get(m) ?? 0) + (Number(i[a]) || 0));
-        }
-        const c = Array.from(n, ([i, m]) => ({
-          cat: i,
-          value: m
-        })), g = V(c, { value: "value" }), b = l.palette?.length ? l.palette : w;
-        return p({
-          marks: [B({
-            marks: [L(g, {
-              startAngle: "startAngle",
-              endAngle: "endAngle",
-              padAngle: "padAngle",
-              innerRadius: 0,
-              color: "cat",
-              key: "cat"
-            })],
-            scales: {
-              angle: null,
-              radius: null
-            }
-          })],
-          scales: {
-            x: null,
-            y: null
-          },
-          color: {
-            domain: c.map((i) => i.cat),
-            range: b
-          }
-        });
-      }
-      case "barHorizontal":
-        return p({
-          marks: s.map((a, n) => M(r, {
-            id: a,
-            y: t,
-            x: a,
-            fill: d(a, n),
-            radius: 4
-          })),
-          scales: {
-            y: { scale: () => x().padding(0.25) },
-            x: {
-              scale: h,
-              nice: !0,
-              grid: !0
-            }
-          }
-        });
-      default:
-        return p({
-          marks: s.map((a, n) => N(r, {
-            id: a,
-            x: t,
-            y: a,
-            fill: d(a, n),
-            radius: 4
-          })),
-          scales: {
-            x: { scale: () => x().padding(0.25) },
-            y: {
-              scale: h,
-              nice: !0,
-              grid: !0
-            }
-          }
-        });
-    }
-  }, [e, o]);
+function T(e, t) {
+	return p(() => {
+		let n = e.chart;
+		if (!n) return null;
+		let r = n.xField, d = (n.yFields ?? []).filter(Boolean);
+		if (!r || d.length === 0) return null;
+		let f = e.rows, p = n.palette?.length ? n.palette : null, m = (e, r) => n.seriesColors?.[e] ?? p?.[r % p.length] ?? t ?? u[r % u.length];
+		switch (n.type) {
+			case "line": return s({
+				marks: d.map((e, t) => l(f, {
+					id: e,
+					x: r,
+					y: e,
+					stroke: m(e, t),
+					points: !0
+				})),
+				scales: {
+					x: { scale: () => y().padding(.35) },
+					y: {
+						scale: v,
+						nice: !0,
+						grid: !0
+					}
+				}
+			});
+			case "area": return s({
+				marks: d.map((e, t) => i(f, {
+					id: e,
+					x: r,
+					y: e,
+					fill: m(e, t),
+					fillOpacity: .35,
+					stroke: m(e, t)
+				})),
+				scales: {
+					x: { scale: () => y().padding(.35) },
+					y: {
+						scale: v,
+						nice: !0,
+						grid: !0
+					}
+				}
+			});
+			case "scatter": return s({
+				marks: [c(f, {
+					id: "points",
+					x: r,
+					y: d[0],
+					r: 6,
+					fill: m(d[0], 0)
+				})],
+				scales: {
+					x: {
+						scale: v,
+						nice: !0,
+						grid: !0
+					},
+					y: {
+						scale: v,
+						nice: !0,
+						grid: !0
+					}
+				}
+			});
+			case "pie": {
+				let e = d[0], t = /* @__PURE__ */ new Map();
+				for (let n of f) {
+					let i = String(n[r] ?? "");
+					t.set(i, (t.get(i) ?? 0) + (Number(n[e]) || 0));
+				}
+				let i = Array.from(t, ([e, t]) => ({
+					cat: e,
+					value: t
+				})), a = b(i, { value: "value" }), o = n.palette?.length ? n.palette : u;
+				return s({
+					marks: [x({
+						marks: [S(a, {
+							startAngle: "startAngle",
+							endAngle: "endAngle",
+							padAngle: "padAngle",
+							innerRadius: 0,
+							color: "cat",
+							key: "cat"
+						})],
+						scales: {
+							angle: null,
+							radius: null
+						}
+					})],
+					scales: {
+						x: null,
+						y: null
+					},
+					color: {
+						domain: i.map((e) => e.cat),
+						range: o
+					}
+				});
+			}
+			case "barHorizontal": return s({
+				marks: d.map((e, t) => a(f, {
+					id: e,
+					y: r,
+					x: e,
+					fill: m(e, t),
+					radius: 4
+				})),
+				scales: {
+					y: { scale: () => _().padding(.25) },
+					x: {
+						scale: v,
+						nice: !0,
+						grid: !0
+					}
+				}
+			});
+			default: return s({
+				marks: d.map((e, t) => o(f, {
+					id: e,
+					x: r,
+					y: e,
+					fill: m(e, t),
+					radius: 4
+				})),
+				scales: {
+					x: { scale: () => _().padding(.25) },
+					y: {
+						scale: v,
+						nice: !0,
+						grid: !0
+					}
+				}
+			});
+		}
+	}, [e, t]);
 }
-function j({ config: e, surfaceColor: o, textColor: l, primaryColor: t }) {
-  const s = _(e, t), r = e.chart, f = D(null), [d, a] = E({
-    w: 0,
-    h: 0
-  });
-  if (z(() => {
-    const c = f.current;
-    if (!c) return;
-    const g = () => {
-      const i = c.getBoundingClientRect(), m = i.width && c.offsetWidth ? i.width / c.offsetWidth : 1;
-      a({
-        w: Math.max(1, Math.round(i.width / (m || 1))),
-        h: Math.max(1, Math.round(i.height / (m || 1)))
-      });
-    };
-    g();
-    const b = new ResizeObserver(g);
-    return b.observe(c), () => b.disconnect();
-  }, []), !s) return /* @__PURE__ */ u("div", {
-    className: "flow-data-empty",
-    children: e.columns.length === 0 ? "尚无数据，请在属性面板上传或填写数据" : "请在属性面板选择 X 轴与至少一个数值字段"
-  });
-  const n = r && r.xField ? `${y(e.columns, r.xField)} · ${(r.yFields ?? []).map((c) => y(e.columns, c)).join(", ")}` : "Chart";
-  return /* @__PURE__ */ u("div", {
-    className: "flow-data-chart",
-    ref: f,
-    style: l ? { color: l } : void 0,
-    children: d.h > 0 && /* @__PURE__ */ u(C, {
-      definition: s,
-      "aria-label": n,
-      height: d.h,
-      style: {
-        background: o ?? "transparent",
-        borderColor: "transparent",
-        color: l ?? "inherit",
-        padding: 0
-      }
-    })
-  });
+function E({ config: e, surfaceColor: t, textColor: n, primaryColor: i }) {
+	let a = T(e, i), o = e.chart, s = m(null), [c, l] = h({
+		w: 0,
+		h: 0
+	});
+	if (f(() => {
+		let e = s.current;
+		if (!e) return;
+		let t = () => {
+			let t = e.getBoundingClientRect(), n = t.width && e.offsetWidth ? t.width / e.offsetWidth : 1;
+			l({
+				w: Math.max(1, Math.round(t.width / (n || 1))),
+				h: Math.max(1, Math.round(t.height / (n || 1)))
+			});
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, []), !a) return /* @__PURE__ */ g("div", {
+		className: "flow-data-empty",
+		children: e.columns.length === 0 ? "尚无数据，请在属性面板上传或填写数据" : "请在属性面板选择 X 轴与至少一个数值字段"
+	});
+	let u = o && o.xField ? `${d(e.columns, o.xField)} · ${(o.yFields ?? []).map((t) => d(e.columns, t)).join(", ")}` : "Chart";
+	return /* @__PURE__ */ g("div", {
+		className: "flow-data-chart",
+		ref: s,
+		style: n ? { color: n } : void 0,
+		children: c.h > 0 && /* @__PURE__ */ g(r, {
+			definition: a,
+			"aria-label": u,
+			height: c.h,
+			style: {
+				background: t ?? "transparent",
+				borderColor: "transparent",
+				color: n ?? "inherit",
+				padding: 0
+			}
+		})
+	});
 }
-function ee({ config: e, surfaceColor: o, textColor: l, primaryColor: t }) {
-  return !e || e.columns.length === 0 ? /* @__PURE__ */ u("div", {
-    className: "flow-data-empty",
-    children: "尚无数据，请在属性面板上传或填写数据"
-  }) : e.view === "chart" ? /* @__PURE__ */ u(j, {
-    config: e,
-    surfaceColor: o,
-    textColor: l,
-    primaryColor: t
-  }) : /* @__PURE__ */ u(O, { config: e });
+function D({ config: e, surfaceColor: t, textColor: n, primaryColor: r }) {
+	return !e || e.columns.length === 0 ? /* @__PURE__ */ g("div", {
+		className: "flow-data-empty",
+		children: "尚无数据，请在属性面板上传或填写数据"
+	}) : e.view === "chart" ? /* @__PURE__ */ g(E, {
+		config: e,
+		surfaceColor: t,
+		textColor: n,
+		primaryColor: r
+	}) : /* @__PURE__ */ g(C, { config: e });
 }
-export {
-  ee as DataNodeView,
-  ee as default
-};
+//#endregion
+export { D as DataNodeView, D as default };
 
 //# sourceMappingURL=DataNodeView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataNodeView.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/DataNodeView.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState, useLayoutEffect } from 'react';\nimport Chart, {\n  areaY,\n  barX,\n  barY,\n  defineChart,\n  dot,\n  lineY,\n} from '../../../Chart';\nimport { scaleBand } from '@tanstack/charts/scales/band';\nimport { scaleLinear } from '@tanstack/charts/scales/linear';\nimport { scalePoint } from '@tanstack/charts/scales/point';\nimport { polar, pie, radialArc } from '@tanstack/charts/polar';\nimport DataTable, {\n  createColumn,\n  usePivotExtension,\n  type ColumnDef,\n  type PivotField,\n  type PivotValue,\n} from '../../DataTable';\nimport type { FlowDataConfig } from '../types';\nimport { DATA_CHART_PALETTE, labelFor } from './dataUtils';\n\n/** Renders the table (optionally pivoted) surface of a Data node. */\nfunction DataTableView({ config }: { config: FlowDataConfig }) {\n  const columns = useMemo<ColumnDef<Record<string, unknown>>[]>(\n    () =>\n      config.columns.map((col) =>\n        createColumn<Record<string, unknown>>(col.key, col.label ?? col.key, {\n          enableSorting: true,\n        }),\n      ),\n    [config.columns],\n  );\n\n  const pivotFields = useMemo<PivotField[]>(\n    () =>\n      config.columns.map((col) => ({\n        field: col.key,\n        label: col.label ?? col.key,\n        numeric: col.type === 'number',\n      })),\n    [config.columns],\n  );\n\n  const pivot = config.pivot;\n  // Remount the pivot extension when the inspector-controlled bits change, so\n  // the enabled toggle / initial fields take effect (the extension keeps its\n  // own interactive state otherwise). Panel placement stays reactive.\n  const pivotKey = JSON.stringify({\n    e: !!pivot?.enabled,\n    r: pivot?.rowFields ?? [],\n    c: pivot?.colFields ?? [],\n    v: pivot?.values ?? [],\n  });\n\n  return (\n    <div className=\"flow-data-table\">\n      <PivotableTable\n        key={pivotKey}\n        config={config}\n        columns={columns}\n        pivotFields={pivotFields}\n      />\n    </div>\n  );\n}\n\nfunction PivotableTable({\n  config,\n  columns,\n  pivotFields,\n}: {\n  config: FlowDataConfig;\n  columns: ColumnDef<Record<string, unknown>>[];\n  pivotFields: PivotField[];\n}) {\n  const pivot = config.pivot;\n  const pivotExtension = usePivotExtension<Record<string, unknown>>({\n    fields: pivotFields,\n    initialActive: !!pivot?.enabled,\n    initialRowFields: pivot?.rowFields ?? [],\n    initialColFields: pivot?.colFields ?? [],\n    initialValues: (pivot?.values as PivotValue[] | undefined) ?? [],\n    panelPlacement: pivot?.panelPlacement ?? 'top',\n    lang: 'zh',\n    // 透视开关由 Inspector 统一控制，节点内不再渲染开关，避免占用空间。\n    hideModeToggle: true,\n  });\n\n  return (\n    <DataTable<Record<string, unknown>>\n      data={config.rows}\n      columns={columns}\n      enableSorting\n      enablePagination={config.rows.length > 50}\n      pageSize={50}\n      extensions={[pivotExtension]}\n    />\n  );\n}\n\n/** Builds a TanStack Charts definition from the Data node's chart config. */\nfunction useChartDefinition(config: FlowDataConfig, primaryColor?: string) {\n  return useMemo(() => {\n    const chart = config.chart;\n    if (!chart) return null;\n    const xField = chart.xField;\n    const yFields = (chart.yFields ?? []).filter(Boolean);\n    if (!xField || yFields.length === 0) return null;\n\n    const rows = config.rows as any[];\n    // Series color resolution order: an explicit per-series override, then a\n    // configured chart palette, then the node's own `color` (the drawing's\n    // primary color), then the built-in default palette.\n    const paletteRange = chart.palette?.length ? chart.palette : null;\n    const seriesColor = (field: string, i: number) =>\n      chart.seriesColors?.[field]\n      ?? paletteRange?.[i % paletteRange.length]\n      ?? primaryColor\n      ?? DATA_CHART_PALETTE[i % DATA_CHART_PALETTE.length];\n\n    switch (chart.type) {\n      case 'line':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            lineY(rows, { id: yf, x: xField, y: yf, stroke: seriesColor(yf, i), points: true }),\n          ),\n          scales: {\n            x: { scale: () => scalePoint<string>().padding(0.35) },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'area':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            areaY(rows, {\n              id: yf,\n              x: xField,\n              y: yf,\n              fill: seriesColor(yf, i),\n              fillOpacity: 0.35,\n              stroke: seriesColor(yf, i),\n            }),\n          ),\n          scales: {\n            x: { scale: () => scalePoint<string>().padding(0.35) },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'scatter':\n        // Scatter uses the first two numeric fields as x/y.\n        return defineChart({\n          marks: [\n            dot(rows, {\n              id: 'points',\n              x: xField,\n              y: yFields[0],\n              r: 6,\n              fill: seriesColor(yFields[0], 0),\n            }),\n          ],\n          scales: {\n            x: { scale: scaleLinear, nice: true, grid: true },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'pie': {\n        // Part-to-whole via a polar pie over the first measure. Duplicate\n        // categories are aggregated (summed) so slices are unique.\n        const yf = yFields[0];\n        const totals = new Map<string, number>();\n        for (const r of rows) {\n          const k = String(r[xField] ?? '');\n          totals.set(k, (totals.get(k) ?? 0) + (Number(r[yf]) || 0));\n        }\n        const pieRows = Array.from(totals, ([cat, value]) => ({ cat, value }));\n        const arranged = pie(pieRows, { value: 'value' });\n        const range = chart.palette?.length ? chart.palette : DATA_CHART_PALETTE;\n        return defineChart({\n          marks: [\n            polar({\n              marks: [\n                radialArc(arranged, {\n                  startAngle: 'startAngle',\n                  endAngle: 'endAngle',\n                  padAngle: 'padAngle',\n                  innerRadius: 0,\n                  color: 'cat',\n                  key: 'cat',\n                }),\n              ],\n              scales: { angle: null, radius: null },\n            }),\n          ],\n          scales: { x: null, y: null },\n          color: { domain: pieRows.map((d) => d.cat), range },\n        });\n      }\n\n      case 'barHorizontal':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            barX(rows, { id: yf, y: xField, x: yf, fill: seriesColor(yf, i), radius: 4 }),\n          ),\n          scales: {\n            y: { scale: () => scaleBand<string>().padding(0.25) },\n            x: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'bar':\n      default:\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            barY(rows, { id: yf, x: xField, y: yf, fill: seriesColor(yf, i), radius: 4 }),\n          ),\n          scales: {\n            x: { scale: () => scaleBand<string>().padding(0.25) },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n    }\n  }, [config, primaryColor]);\n}\n\n/** Renders the chart surface of a Data node. */\nfunction DataChartView({ config, surfaceColor, textColor, primaryColor }: { config: FlowDataConfig; surfaceColor?: string; textColor?: string; primaryColor?: string }) {\n  const definition = useChartDefinition(config, primaryColor);\n  const chart = config.chart;\n\n  // TanStack Charts needs a concrete pixel height; inside the media overlay the\n  // node box is a fixed size but percentage heights don't always resolve before\n  // first paint (esp. in read-only / preview renders), leaving the chart blank.\n  // Measure the container and pass an explicit height.\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const [size, setSize] = useState<{ w: number; h: number }>({ w: 0, h: 0 });\n  useLayoutEffect(() => {\n    const el = wrapRef.current;\n    if (!el) return;\n    const measure = () => {\n      const rect = el.getBoundingClientRect();\n      // getBoundingClientRect includes the overlay's zoom scale; divide it out\n      // so the chart is laid out in unscaled (world) pixels.\n      const scale = rect.width && el.offsetWidth ? rect.width / el.offsetWidth : 1;\n      setSize({\n        w: Math.max(1, Math.round(rect.width / (scale || 1))),\n        h: Math.max(1, Math.round(rect.height / (scale || 1))),\n      });\n    };\n    measure();\n    const ro = new ResizeObserver(measure);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  if (!definition) {\n    return (\n      <div className=\"flow-data-empty\">\n        {config.columns.length === 0\n          ? '尚无数据，请在属性面板上传或填写数据'\n          : '请在属性面板选择 X 轴与至少一个数值字段'}\n      </div>\n    );\n  }\n\n  const label =\n    chart && chart.xField\n      ? `${labelFor(config.columns, chart.xField)} · ${(chart.yFields ?? [])\n          .map((f) => labelFor(config.columns, f))\n          .join(', ')}`\n      : 'Chart';\n\n  return (\n    <div\n      className=\"flow-data-chart\"\n      ref={wrapRef}\n      style={textColor ? ({ color: textColor } as React.CSSProperties) : undefined}\n    >\n      {size.h > 0 && (\n        <Chart\n          definition={definition as any}\n          aria-label={label}\n          height={size.h}\n          // Let the media node's fill show through instead of the Chart's\n          // default opaque white card, and let axis/label text inherit the\n          // node's text color so the chart matches Archify (or any) theming.\n          style={{\n            background: surfaceColor ?? 'transparent',\n            borderColor: 'transparent',\n            color: textColor ?? 'inherit',\n            padding: 0,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** Dispatches to the table or chart surface based on the node's view. */\nexport function DataNodeView({\n  config,\n  surfaceColor,\n  textColor,\n  primaryColor,\n}: {\n  config: FlowDataConfig;\n  surfaceColor?: string;\n  textColor?: string;\n  primaryColor?: string;\n}) {\n  if (!config || config.columns.length === 0) {\n    return <div className=\"flow-data-empty\">尚无数据，请在属性面板上传或填写数据</div>;\n  }\n  return config.view === 'chart' ? (\n    <DataChartView config={config} surfaceColor={surfaceColor} textColor={textColor} primaryColor={primaryColor} />\n  ) : (\n    <DataTableView config={config} />\n  );\n}\n\nexport default DataNodeView;\n"],"mappings":"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"}
+{"version":3,"file":"DataNodeView.js","names":[],"sources":["../../../../../src/components/pro/Flow/nodes/DataNodeView.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState, useLayoutEffect } from 'react';\nimport Chart, {\n  areaY,\n  barX,\n  barY,\n  defineChart,\n  dot,\n  lineY,\n} from '../../../Chart';\nimport { scaleBand } from '@tanstack/charts/scales/band';\nimport { scaleLinear } from '@tanstack/charts/scales/linear';\nimport { scalePoint } from '@tanstack/charts/scales/point';\nimport { polar, pie, radialArc } from '@tanstack/charts/polar';\nimport DataTable, {\n  createColumn,\n  usePivotExtension,\n  type ColumnDef,\n  type PivotField,\n  type PivotValue,\n} from '../../DataTable';\nimport type { FlowDataConfig } from '../types';\nimport { DATA_CHART_PALETTE, labelFor } from './dataUtils';\n\n/** Renders the table (optionally pivoted) surface of a Data node. */\nfunction DataTableView({ config }: { config: FlowDataConfig }) {\n  const columns = useMemo<ColumnDef<Record<string, unknown>>[]>(\n    () =>\n      config.columns.map((col) =>\n        createColumn<Record<string, unknown>>(col.key, col.label ?? col.key, {\n          enableSorting: true,\n        }),\n      ),\n    [config.columns],\n  );\n\n  const pivotFields = useMemo<PivotField[]>(\n    () =>\n      config.columns.map((col) => ({\n        field: col.key,\n        label: col.label ?? col.key,\n        numeric: col.type === 'number',\n      })),\n    [config.columns],\n  );\n\n  const pivot = config.pivot;\n  // Remount the pivot extension when the inspector-controlled bits change, so\n  // the enabled toggle / initial fields take effect (the extension keeps its\n  // own interactive state otherwise). Panel placement stays reactive.\n  const pivotKey = JSON.stringify({\n    e: !!pivot?.enabled,\n    r: pivot?.rowFields ?? [],\n    c: pivot?.colFields ?? [],\n    v: pivot?.values ?? [],\n  });\n\n  return (\n    <div className=\"flow-data-table\">\n      <PivotableTable\n        key={pivotKey}\n        config={config}\n        columns={columns}\n        pivotFields={pivotFields}\n      />\n    </div>\n  );\n}\n\nfunction PivotableTable({\n  config,\n  columns,\n  pivotFields,\n}: {\n  config: FlowDataConfig;\n  columns: ColumnDef<Record<string, unknown>>[];\n  pivotFields: PivotField[];\n}) {\n  const pivot = config.pivot;\n  const pivotExtension = usePivotExtension<Record<string, unknown>>({\n    fields: pivotFields,\n    initialActive: !!pivot?.enabled,\n    initialRowFields: pivot?.rowFields ?? [],\n    initialColFields: pivot?.colFields ?? [],\n    initialValues: (pivot?.values as PivotValue[] | undefined) ?? [],\n    panelPlacement: pivot?.panelPlacement ?? 'top',\n    lang: 'zh',\n    // 透视开关由 Inspector 统一控制，节点内不再渲染开关，避免占用空间。\n    hideModeToggle: true,\n  });\n\n  return (\n    <DataTable<Record<string, unknown>>\n      data={config.rows}\n      columns={columns}\n      enableSorting\n      enablePagination={config.rows.length > 50}\n      pageSize={50}\n      extensions={[pivotExtension]}\n    />\n  );\n}\n\n/** Builds a TanStack Charts definition from the Data node's chart config. */\nfunction useChartDefinition(config: FlowDataConfig, primaryColor?: string) {\n  return useMemo(() => {\n    const chart = config.chart;\n    if (!chart) return null;\n    const xField = chart.xField;\n    const yFields = (chart.yFields ?? []).filter(Boolean);\n    if (!xField || yFields.length === 0) return null;\n\n    const rows = config.rows as any[];\n    // Series color resolution order: an explicit per-series override, then a\n    // configured chart palette, then the node's own `color` (the drawing's\n    // primary color), then the built-in default palette.\n    const paletteRange = chart.palette?.length ? chart.palette : null;\n    const seriesColor = (field: string, i: number) =>\n      chart.seriesColors?.[field]\n      ?? paletteRange?.[i % paletteRange.length]\n      ?? primaryColor\n      ?? DATA_CHART_PALETTE[i % DATA_CHART_PALETTE.length];\n\n    switch (chart.type) {\n      case 'line':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            lineY(rows, { id: yf, x: xField, y: yf, stroke: seriesColor(yf, i), points: true }),\n          ),\n          scales: {\n            x: { scale: () => scalePoint<string>().padding(0.35) },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'area':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            areaY(rows, {\n              id: yf,\n              x: xField,\n              y: yf,\n              fill: seriesColor(yf, i),\n              fillOpacity: 0.35,\n              stroke: seriesColor(yf, i),\n            }),\n          ),\n          scales: {\n            x: { scale: () => scalePoint<string>().padding(0.35) },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'scatter':\n        // Scatter uses the first two numeric fields as x/y.\n        return defineChart({\n          marks: [\n            dot(rows, {\n              id: 'points',\n              x: xField,\n              y: yFields[0],\n              r: 6,\n              fill: seriesColor(yFields[0], 0),\n            }),\n          ],\n          scales: {\n            x: { scale: scaleLinear, nice: true, grid: true },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'pie': {\n        // Part-to-whole via a polar pie over the first measure. Duplicate\n        // categories are aggregated (summed) so slices are unique.\n        const yf = yFields[0];\n        const totals = new Map<string, number>();\n        for (const r of rows) {\n          const k = String(r[xField] ?? '');\n          totals.set(k, (totals.get(k) ?? 0) + (Number(r[yf]) || 0));\n        }\n        const pieRows = Array.from(totals, ([cat, value]) => ({ cat, value }));\n        const arranged = pie(pieRows, { value: 'value' });\n        const range = chart.palette?.length ? chart.palette : DATA_CHART_PALETTE;\n        return defineChart({\n          marks: [\n            polar({\n              marks: [\n                radialArc(arranged, {\n                  startAngle: 'startAngle',\n                  endAngle: 'endAngle',\n                  padAngle: 'padAngle',\n                  innerRadius: 0,\n                  color: 'cat',\n                  key: 'cat',\n                }),\n              ],\n              scales: { angle: null, radius: null },\n            }),\n          ],\n          scales: { x: null, y: null },\n          color: { domain: pieRows.map((d) => d.cat), range },\n        });\n      }\n\n      case 'barHorizontal':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            barX(rows, { id: yf, y: xField, x: yf, fill: seriesColor(yf, i), radius: 4 }),\n          ),\n          scales: {\n            y: { scale: () => scaleBand<string>().padding(0.25) },\n            x: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n\n      case 'bar':\n      default:\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            barY(rows, { id: yf, x: xField, y: yf, fill: seriesColor(yf, i), radius: 4 }),\n          ),\n          scales: {\n            x: { scale: () => scaleBand<string>().padding(0.25) },\n            y: { scale: scaleLinear, nice: true, grid: true },\n          },\n        });\n    }\n  }, [config, primaryColor]);\n}\n\n/** Renders the chart surface of a Data node. */\nfunction DataChartView({ config, surfaceColor, textColor, primaryColor }: { config: FlowDataConfig; surfaceColor?: string; textColor?: string; primaryColor?: string }) {\n  const definition = useChartDefinition(config, primaryColor);\n  const chart = config.chart;\n\n  // TanStack Charts needs a concrete pixel height; inside the media overlay the\n  // node box is a fixed size but percentage heights don't always resolve before\n  // first paint (esp. in read-only / preview renders), leaving the chart blank.\n  // Measure the container and pass an explicit height.\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const [size, setSize] = useState<{ w: number; h: number }>({ w: 0, h: 0 });\n  useLayoutEffect(() => {\n    const el = wrapRef.current;\n    if (!el) return;\n    const measure = () => {\n      const rect = el.getBoundingClientRect();\n      // getBoundingClientRect includes the overlay's zoom scale; divide it out\n      // so the chart is laid out in unscaled (world) pixels.\n      const scale = rect.width && el.offsetWidth ? rect.width / el.offsetWidth : 1;\n      setSize({\n        w: Math.max(1, Math.round(rect.width / (scale || 1))),\n        h: Math.max(1, Math.round(rect.height / (scale || 1))),\n      });\n    };\n    measure();\n    const ro = new ResizeObserver(measure);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  if (!definition) {\n    return (\n      <div className=\"flow-data-empty\">\n        {config.columns.length === 0\n          ? '尚无数据，请在属性面板上传或填写数据'\n          : '请在属性面板选择 X 轴与至少一个数值字段'}\n      </div>\n    );\n  }\n\n  const label =\n    chart && chart.xField\n      ? `${labelFor(config.columns, chart.xField)} · ${(chart.yFields ?? [])\n          .map((f) => labelFor(config.columns, f))\n          .join(', ')}`\n      : 'Chart';\n\n  return (\n    <div\n      className=\"flow-data-chart\"\n      ref={wrapRef}\n      style={textColor ? ({ color: textColor } as React.CSSProperties) : undefined}\n    >\n      {size.h > 0 && (\n        <Chart\n          definition={definition as any}\n          aria-label={label}\n          height={size.h}\n          // Let the media node's fill show through instead of the Chart's\n          // default opaque white card, and let axis/label text inherit the\n          // node's text color so the chart matches Archify (or any) theming.\n          style={{\n            background: surfaceColor ?? 'transparent',\n            borderColor: 'transparent',\n            color: textColor ?? 'inherit',\n            padding: 0,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** Dispatches to the table or chart surface based on the node's view. */\nexport function DataNodeView({\n  config,\n  surfaceColor,\n  textColor,\n  primaryColor,\n}: {\n  config: FlowDataConfig;\n  surfaceColor?: string;\n  textColor?: string;\n  primaryColor?: string;\n}) {\n  if (!config || config.columns.length === 0) {\n    return <div className=\"flow-data-empty\">尚无数据，请在属性面板上传或填写数据</div>;\n  }\n  return config.view === 'chart' ? (\n    <DataChartView config={config} surfaceColor={surfaceColor} textColor={textColor} primaryColor={primaryColor} />\n  ) : (\n    <DataTableView config={config} />\n  );\n}\n\nexport default DataNodeView;\n"],"mappings":"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"}