dishui 0.0.83 → 0.0.89

package/dist/components/pro/DataTable/useDataTableModel.js

@@ -0,0 +1,148 @@
+import { builtInSortFns as e, useReactTable as t } from "./tanstack-table.js";
+import { createTreeSortingFns as n, findAllChildRowIds as r, prepareTreeData as i } from "./treeDataUtils.js";
+import { deepEqual as a, useControllableState as o } from "../../../hooks/useControllableState.js";
+import { useCallback as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d } from "react";
+//#region src/components/pro/DataTable/useDataTableModel.ts
+function f(e, t, n = 0) {
+	if (!Number.isSafeInteger(t) || t < n) throw RangeError(`DataTable: ${e} must be an integer >= ${n}.`);
+}
+function p(p) {
+	let { data: m, columns: h, getRowId: g, subDataKey: _ = "subs", enableExpanding: v = !1, enableTreeSort: y = !0, enablePagination: b = !0, manualPagination: x = !1, enableSorting: S = !0, enableFiltering: C = !0, enableSelection: w = !0, manualSorting: T = !1, manualFiltering: E = !1, rowCount: D, pageCount: O } = p, [k, A] = o(p.sortingState, p.onSortingChange, a, p.defaultSortingState ?? []), [j, M] = o(p.selectedRows, p.onRowSelectionChange, a, p.defaultSelectedRows ?? {}), [N, P] = o(p.columnFilters, p.onColumnFiltersChange, a, p.defaultColumnFilters ?? []), [F, I] = o(p.columnVisibility, p.onColumnVisibilityChange, a, p.defaultColumnVisibility ?? {}), [L, R] = o(p.columnOrder, p.onColumnOrderChange, a, p.defaultColumnOrder ?? []), [z, B] = o(p.expandedRows, p.onExpandedRowsChange, a, p.defaultExpandedRows ?? {}), [V, H] = o(p.pageIndex, p.onPageChange, Object.is, p.defaultPageIndex ?? 0), [U, W] = o(p.pageSize, p.onPageSizeChange, Object.is, p.defaultPageSize ?? 10);
+	if (f("pageIndex", V), f("pageSize", U, 1), x && (D !== void 0 && f("rowCount", D), O !== void 0 && f("pageCount", O), b && D === void 0 && O === void 0)) throw Error("DataTable: manualPagination requires rowCount or pageCount.");
+	let G = u(() => v ? i(m, z, _, g) : m, [
+		m,
+		v,
+		z,
+		_,
+		g
+	]), K = u(() => {
+		if (!v || !y) return h;
+		let t = n().treeSortAsc, r = (n) => n.map((n) => {
+			if ("columns" in n) return {
+				...n,
+				columns: r(n.columns ?? [])
+			};
+			if (n.enableSorting === !1) return n;
+			let i = n.sortFn, a = typeof i == "function" ? i : i && i !== "auto" ? e[i] : t;
+			return {
+				...n,
+				sortUndefined: !1,
+				sortFn: (e, n, r) => e.depth > 0 || n.depth > 0 ? 0 : (a ?? t)(e, n, r)
+			};
+		});
+		return r(h);
+	}, [
+		h,
+		v,
+		y
+	]), q = {
+		pageIndex: V,
+		pageSize: U
+	}, J = d(q);
+	l(() => {
+		J.current = q;
+	});
+	let Y = s((e) => {
+		let t = J.current, n = typeof e == "function" ? e(t) : e;
+		f("pageIndex", n.pageIndex), f("pageSize", n.pageSize, 1), J.current = {
+			pageIndex: p.pageIndex === void 0 ? n.pageIndex : t.pageIndex,
+			pageSize: p.pageSize === void 0 ? n.pageSize : t.pageSize
+		}, W(n.pageSize), H(n.pageIndex);
+	}, [
+		p.pageIndex,
+		p.pageSize,
+		H,
+		W
+	]), X = t({
+		data: G,
+		columns: K,
+		getRowId: (e, t) => v ? String(e.__id) : g?.(e, t) ?? String(t),
+		getSubRows: v ? (e) => e[_] : void 0,
+		manualPagination: x || !b,
+		manualSorting: x || T || !S,
+		manualFiltering: x || E || !C,
+		pageCount: x ? O : void 0,
+		rowCount: x ? D : void 0,
+		paginateExpandedRows: !1,
+		maxLeafRowFilterDepth: v ? 0 : void 0,
+		enableSorting: S,
+		enableFilters: C,
+		enableRowSelection: w,
+		enableSubRowSelection: !1,
+		autoResetPageIndex: !1,
+		autoResetExpanded: !1,
+		state: {
+			sorting: k,
+			rowSelection: j,
+			columnFilters: N,
+			columnVisibility: F,
+			columnOrder: L,
+			expanded: z,
+			pagination: {
+				pageIndex: V,
+				pageSize: U
+			}
+		},
+		onSortingChange: A,
+		onRowSelectionChange: M,
+		onColumnFiltersChange: P,
+		onColumnVisibilityChange: I,
+		onColumnOrderChange: R,
+		onExpandedChange: (e) => B((t) => {
+			let n = typeof e == "function" ? e(t) : e;
+			return n === !0 ? Object.fromEntries(X.getCoreRowModel().flatRows.map((e) => [e.id, !0])) : n;
+		}),
+		onPaginationChange: Y
+	}), Z = X.getPageCount(), Q = d({
+		sorting: k,
+		columnFilters: N,
+		size: U
+	});
+	c(() => {
+		let e = Q.current;
+		Q.current = {
+			sorting: k,
+			columnFilters: N,
+			size: U
+		}, b && !x && p.pageIndex === void 0 && (!a(e.sorting, k) || !a(e.columnFilters, N) || e.size !== U ? H(0) : V >= Z && H(Math.max(0, Z - 1)));
+	}, [
+		k,
+		N,
+		U,
+		V,
+		Z,
+		b,
+		x,
+		p.pageIndex,
+		H
+	]);
+	let $ = (e, t) => {
+		let n = !z[e];
+		B((i) => {
+			let a = {
+				...i,
+				[e]: n
+			};
+			return n || r(t, e, _, g).forEach((e) => {
+				a[e] = !1;
+			}), a;
+		}), p.onRowExpand?.(t, n);
+	}, ee = new Map(X.getCoreRowModel().flatRows.map((e) => [e.original, e.id]));
+	return {
+		table: X,
+		rowSelection: j,
+		visibilityState: F,
+		columnOrderState: X.getAllLeafColumns().map((e) => e.id),
+		setColumnOrderState: R,
+		expandedRowsState: z,
+		handleRowExpand: $,
+		resolveRowId: (e, t) => ee.get(e) ?? g?.(e, t) ?? String(t),
+		internalPageIndex: V,
+		internalPageSize: U,
+		handlePaginationChange: Y
+	};
+}
+//#endregion
+export { p as useDataTableModel };
+
+//# sourceMappingURL=useDataTableModel.js.map

package/dist/components/pro/DataTable/useDataTableModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableModel.js","names":[],"sources":["../../../../src/components/pro/DataTable/useDataTableModel.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';\nimport { useControllableState, deepEqual } from '../../../hooks/useControllableState';\nimport {\n  useReactTable, builtInSortFns,\n  type ColumnDef, type SortingFn, type PaginationState, type Updater,\n} from './tanstack-table';\nimport type { DataTableProps } from './types';\nimport { createTreeSortingFns, findAllChildRowIds, prepareTreeData } from './treeDataUtils';\n\nfunction assertInteger(name: string, value: number, minimum = 0) {\n  if (!Number.isSafeInteger(value) || value < minimum) {\n    throw new RangeError(`DataTable: ${name} must be an integer >= ${minimum}.`);\n  }\n}\n\n/** Shared by the view and executable row-model regression tests. */\nexport function useDataTableModel<T extends object>(props: DataTableProps<T>) {\n  const {\n    data, columns, getRowId, subDataKey = 'subs', enableExpanding = false,\n    enableTreeSort = true, enablePagination = true, manualPagination = false,\n    enableSorting = true, enableFiltering = true, enableSelection = true,\n    manualSorting = false, manualFiltering = false, rowCount, pageCount,\n  } = props;\n  const [sorting, setSorting] = useControllableState(\n    props.sortingState, props.onSortingChange, deepEqual, props.defaultSortingState ?? [],\n  );\n  const [rowSelection, setRowSelection] = useControllableState(\n    props.selectedRows, props.onRowSelectionChange, deepEqual, props.defaultSelectedRows ?? {},\n  );\n  const [columnFilters, setColumnFilters] = useControllableState(\n    props.columnFilters, props.onColumnFiltersChange, deepEqual, props.defaultColumnFilters ?? [],\n  );\n  const [visibilityState, setVisibilityState] = useControllableState(\n    props.columnVisibility, props.onColumnVisibilityChange, deepEqual, props.defaultColumnVisibility ?? {},\n  );\n  const [columnOrder, setColumnOrderState] = useControllableState(\n    props.columnOrder, props.onColumnOrderChange, deepEqual, props.defaultColumnOrder ?? [],\n  );\n  const [expandedRowsState, setExpandedRowsState] = useControllableState(\n    props.expandedRows, props.onExpandedRowsChange, deepEqual, props.defaultExpandedRows ?? {},\n  );\n  const [internalPageIndex, setInternalPageIndex] = useControllableState(\n    props.pageIndex, props.onPageChange, Object.is, props.defaultPageIndex ?? 0,\n  );\n  const [internalPageSize, setInternalPageSize] = useControllableState(\n    props.pageSize, props.onPageSizeChange, Object.is, props.defaultPageSize ?? 10,\n  );\n  assertInteger('pageIndex', internalPageIndex);\n  assertInteger('pageSize', internalPageSize, 1);\n  if (manualPagination) {\n    if (rowCount !== undefined) assertInteger('rowCount', rowCount);\n    if (pageCount !== undefined) assertInteger('pageCount', pageCount);\n    if (enablePagination && rowCount === undefined && pageCount === undefined) {\n      throw new Error('DataTable: manualPagination requires rowCount or pageCount.');\n    }\n  }\n\n  const tableData = useMemo(() => enableExpanding\n    ? prepareTreeData(data, expandedRowsState, subDataKey, getRowId)\n    : data, [data, enableExpanding, expandedRowsState, subDataKey, getRowId]);\n\n  const processedColumns = useMemo(() => {\n    if (!enableExpanding || !enableTreeSort) return columns;\n    const defaultSort = createTreeSortingFns<T>().treeSortAsc;\n    const wrap = (defs: readonly ColumnDef<T, any>[]): ColumnDef<T, any>[] => defs.map(column => {\n      if ('columns' in column) return { ...column, columns: wrap(column.columns ?? []) };\n      if (column.enableSorting === false) return column;\n      const originalSort = column.sortFn;\n      const sort = typeof originalSort === 'function' ? originalSort\n        : originalSort && originalSort !== 'auto'\n          ? builtInSortFns[originalSort as keyof typeof builtInSortFns] as SortingFn<T>\n          : defaultSort;\n      return {\n        ...column,\n        // TanStack handles undefined before invoking sortFn. Disable that shortcut\n        // so an undefined child value cannot reorder an otherwise unsorted subtree.\n        sortUndefined: false,\n        sortFn: (a, b, id) => a.depth > 0 || b.depth > 0 ? 0 : (sort ?? defaultSort)(a, b, id),\n      };\n    });\n    return wrap(columns);\n  }, [columns, enableExpanding, enableTreeSort]);\n\n  const pagination = { pageIndex: internalPageIndex, pageSize: internalPageSize };\n  const paginationRef = useRef(pagination);\n  useLayoutEffect(() => { paginationRef.current = pagination; });\n  const handlePaginationChange = useCallback((updater: Updater<PaginationState>) => {\n    const current = paginationRef.current;\n    const next = typeof updater === 'function' ? updater(current) : updater;\n    assertInteger('pageIndex', next.pageIndex);\n    assertInteger('pageSize', next.pageSize, 1);\n    // Preserve pending uncontrolled slices across batched TanStack updaters,\n    // while controlled slices continue to use the parent's committed values.\n    paginationRef.current = {\n      pageIndex: props.pageIndex === undefined ? next.pageIndex : current.pageIndex,\n      pageSize: props.pageSize === undefined ? next.pageSize : current.pageSize,\n    };\n    setInternalPageSize(next.pageSize);\n    setInternalPageIndex(next.pageIndex);\n  }, [props.pageIndex, props.pageSize, setInternalPageIndex, setInternalPageSize]);\n\n  const table = useReactTable<T>({\n    data: tableData,\n    columns: processedColumns,\n    getRowId: (row, index) => enableExpanding\n      ? String((row as Record<string, unknown>).__id)\n      : getRowId?.(row, index) ?? String(index),\n    getSubRows: enableExpanding\n      ? row => (row as Record<string, unknown>)[subDataKey] as T[]\n      : undefined,\n    // Local pipeline sees the full hierarchy. Only server mode bypasses all\n    // processing; hiding pagination alone still permits local sort/filter.\n    manualPagination: manualPagination || !enablePagination,\n    manualSorting: manualPagination || manualSorting || !enableSorting,\n    manualFiltering: manualPagination || manualFiltering || !enableFiltering,\n    pageCount: manualPagination ? pageCount : undefined,\n    rowCount: manualPagination ? rowCount : undefined,\n    paginateExpandedRows: false,\n    maxLeafRowFilterDepth: enableExpanding ? 0 : undefined,\n    enableSorting,\n    enableFilters: enableFiltering,\n    enableRowSelection: enableSelection,\n    enableSubRowSelection: false,\n    autoResetPageIndex: false,\n    autoResetExpanded: false,\n    state: {\n      sorting, rowSelection, columnFilters, columnVisibility: visibilityState,\n      columnOrder, expanded: expandedRowsState,\n      pagination: { pageIndex: internalPageIndex, pageSize: internalPageSize },\n    },\n    onSortingChange: setSorting,\n    onRowSelectionChange: setRowSelection,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setVisibilityState,\n    onColumnOrderChange: setColumnOrderState,\n    onExpandedChange: updater => setExpandedRowsState(previous => {\n      const next = typeof updater === 'function' ? updater(previous) : updater;\n      return next === true\n        ? Object.fromEntries(table.getCoreRowModel().flatRows.map(row => [row.id, true]))\n        : next;\n    }),\n    onPaginationChange: handlePaginationChange,\n  });\n\n  const localPageCount = table.getPageCount();\n  const previousQuery = useRef({ sorting, columnFilters, size: internalPageSize });\n  useEffect(() => {\n    const previous = previousQuery.current;\n    previousQuery.current = { sorting, columnFilters, size: internalPageSize };\n    // Never rewrite a controlled page or a server request. Their owner must\n    // reset/clamp the page along with the query and remote total.\n    if (!enablePagination || manualPagination || props.pageIndex !== undefined) return;\n    if (!deepEqual(previous.sorting, sorting) || !deepEqual(previous.columnFilters, columnFilters)\n      || previous.size !== internalPageSize) {\n      setInternalPageIndex(0);\n    } else if (internalPageIndex >= localPageCount) {\n      setInternalPageIndex(Math.max(0, localPageCount - 1));\n    }\n  }, [sorting, columnFilters, internalPageSize, internalPageIndex, localPageCount,\n    enablePagination, manualPagination, props.pageIndex, setInternalPageIndex]);\n\n  const handleRowExpand = (rowId: string, row: T) => {\n    const expanded = !expandedRowsState[rowId];\n    setExpandedRowsState(previous => {\n      const next = { ...previous, [rowId]: expanded };\n      if (!expanded) {\n        findAllChildRowIds(row, rowId, subDataKey, getRowId).forEach(id => { next[id] = false; });\n      }\n      return next;\n    });\n    props.onRowExpand?.(row, expanded);\n  };\n\n  // TanStack owns mutable row models; snapshot IDs per render rather than\n  // caching by flatRows identity, which does not guarantee unchanged contents.\n  const rowIds = new Map(table.getCoreRowModel().flatRows.map(row => [row.original, row.id]));\n  const resolveRowId = (row: T, index: number) =>\n    rowIds.get(row) ?? getRowId?.(row, index) ?? String(index);\n\n  // Derive the default order instead of notifying the parent on mount.\n  const columnOrderState = table.getAllLeafColumns().map(column => column.id);\n  return {\n    table, rowSelection, visibilityState, columnOrderState, setColumnOrderState,\n    expandedRowsState, handleRowExpand, resolveRowId,\n    internalPageIndex, internalPageSize, handlePaginationChange,\n  };\n}\n"],"mappings":"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"}

package/dist/components/pro/FileExplorer/Breadcrumb.js

@@ -1,5 +1,5 @@
-import { useClickOutside as e } from "../../../hooks/useClickOutside.js";
-import t from "../../Tree/Tree.js";
+import e from "../../Tree/Tree.js";
+import { useClickOutside as t } from "../../../hooks/useClickOutside.js";
 import n, { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/pro/FileExplorer/Breadcrumb.tsx
@@ -43,7 +43,7 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 		d: "M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z",
 		clipRule: "evenodd"
 	})
-}), m = ({ path: e, adapter: n, onNavigate: a }) => {
+}), m = ({ path: t, adapter: n, onNavigate: a }) => {
 	let [c, l] = o([]), [u, d] = o(!1), m = r(async (e) => {
 		try {
 			return (await n.list(e)).sort((e, t) => e.type === t.type ? String(e.name).localeCompare(String(t.name)) : e.type === "folder" ? -1 : 1).map((e) => ({
@@ -61,13 +61,13 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 		}
 	}, [n]);
 	i(() => {
-		let t = !0;
-		return d(!0), m(e).then((e) => {
-			t && (l(e), d(!1));
+		let e = !0;
+		return d(!0), m(t).then((t) => {
+			e && (l(t), d(!1));
 		}), () => {
-			t = !1;
+			e = !1;
 		};
-	}, [e, m]);
+	}, [t, m]);
 	let h = r(async (e, t) => {
 		if (!t) return;
 		let n = String(e), r = (e, t) => {
@@ -104,7 +104,7 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 		children: "Empty Folder"
 	}) : /* @__PURE__ */ s("div", {
 		className: "p-1 w-64 max-h-[300px] overflow-y-auto sm:min-w-[200px] max-w-[80vw]",
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ s(e, {
 			data: c,
 			onNodeClick: g,
 			onNodeToggle: h,
@@ -117,9 +117,9 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 			indent: 12
 		})
 	});
-}, h = ({ path: t, adapter: n, onNavigate: r }) => {
+}, h = ({ path: e, adapter: n, onNavigate: r }) => {
 	let [i, l] = o(!1), u = a(null);
-	return e(u, () => l(!1), i), /* @__PURE__ */ c("div", {
+	return t(u, () => l(!1), i), /* @__PURE__ */ c("div", {
 		className: "relative flex items-center",
 		ref: u,
 		children: [n ? /* @__PURE__ */ s("button", {
@@ -135,7 +135,7 @@ var l = { root: "Root" }, u = () => /* @__PURE__ */ s("svg", {
 			className: "absolute top-full left-1/2 -translate-x-1/2 mt-1 bg-base-100 shadow-2xl border border-base-200 rounded-xl z-[9999]",
 			onClick: (e) => e.stopPropagation(),
 			children: /* @__PURE__ */ s(m, {
-				path: t,
+				path: e,
 				adapter: n,
 				onNavigate: (e) => {
 					r(e), l(!1);

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

@@ -3,15 +3,16 @@ 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";
+import { showLinePoints as f, withChartGeometryBudget as p } from "./chartGeometryBudget.js";
+import { useLayoutEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { scaleBand as y } from "@tanstack/charts/scales/band";
+import { scaleLinear as b } from "@tanstack/charts/scales/linear";
+import { scalePoint as x } from "@tanstack/charts/scales/point";
+import { pie as S, polar as C, radialArc as w } 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) => ({
+function T({ config: e }) {
+	let t = h(() => e.columns.map((e) => n(e.key, e.label ?? e.key, { enableSorting: !0 })), [e.columns]), r = h(() => e.columns.map((e) => ({
 		field: e.key,
 		label: e.label ?? e.key,
 		numeric: e.type === "number"
@@ -21,16 +22,16 @@ function C({ config: e }) {
 		c: i?.colFields ?? [],
 		v: i?.values ?? []
 	});
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ v("div", {
 		className: "flow-data-table",
-		children: /* @__PURE__ */ g(w, {
+		children: /* @__PURE__ */ v(E, {
 			config: e,
 			columns: t,
 			pivotFields: r
 		}, a)
 	});
 }
-function w({ config: n, columns: r, pivotFields: i }) {
+function E({ config: n, columns: r, pivotFields: i }) {
 	let a = n.pivot, o = e({
 		fields: i,
 		initialActive: !!a?.enabled,
@@ -41,7 +42,7 @@ function w({ config: n, columns: r, pivotFields: i }) {
 		lang: "zh",
 		hideModeToggle: !0
 	});
-	return /* @__PURE__ */ g(t, {
+	return /* @__PURE__ */ v(t, {
 		data: n.rows,
 		columns: r,
 		enableSorting: !0,
@@ -50,83 +51,83 @@ function w({ config: n, columns: r, pivotFields: i }) {
 		extensions: [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) {
+function D(e, t, n) {
+	return h(() => {
+		let r = e.chart;
+		if (!r) return null;
+		let d = r.xField, m = (r.yFields ?? []).filter(Boolean);
+		if (!d || m.length === 0) return null;
+		let h = e.rows, g = r.palette?.length ? r.palette : null, _ = (e, t) => r.seriesColors?.[e] ?? g?.[t % g.length] ?? n ?? u[t % u.length];
+		switch (r.type) {
 			case "line": return s({
-				marks: d.map((e, t) => l(f, {
+				marks: m.map((e, n) => p(l(h, {
 					id: e,
-					x: r,
+					x: d,
 					y: e,
-					stroke: m(e, t),
-					points: !0
-				})),
+					stroke: _(e, n),
+					points: f(h.length, m.length, t)
+				}))),
 				scales: {
-					x: { scale: () => y().padding(.35) },
+					x: { scale: () => x().padding(.35) },
 					y: {
-						scale: v,
+						scale: b,
 						nice: !0,
 						grid: !0
 					}
 				}
 			});
 			case "area": return s({
-				marks: d.map((e, t) => i(f, {
+				marks: m.map((e, t) => p(i(h, {
 					id: e,
-					x: r,
+					x: d,
 					y: e,
-					fill: m(e, t),
+					fill: _(e, t),
 					fillOpacity: .35,
-					stroke: m(e, t)
-				})),
+					stroke: _(e, t)
+				}))),
 				scales: {
-					x: { scale: () => y().padding(.35) },
+					x: { scale: () => x().padding(.35) },
 					y: {
-						scale: v,
+						scale: b,
 						nice: !0,
 						grid: !0
 					}
 				}
 			});
 			case "scatter": return s({
-				marks: [c(f, {
+				marks: [c(h, {
 					id: "points",
-					x: r,
-					y: d[0],
+					x: d,
+					y: m[0],
 					r: 6,
-					fill: m(d[0], 0)
+					fill: _(m[0], 0)
 				})],
 				scales: {
 					x: {
-						scale: v,
+						scale: b,
 						nice: !0,
 						grid: !0
 					},
 					y: {
-						scale: v,
+						scale: b,
 						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 e = m[0], t = /* @__PURE__ */ new Map();
+				for (let n of h) {
+					let r = String(n[d] ?? "");
+					t.set(r, (t.get(r) ?? 0) + (Number(n[e]) || 0));
 				}
-				let i = Array.from(t, ([e, t]) => ({
+				let n = Array.from(t, ([e, t]) => ({
 					cat: e,
 					value: t
-				})), a = b(i, { value: "value" }), o = n.palette?.length ? n.palette : u;
+				})), i = S(n, { value: "value" }), a = r.palette?.length ? r.palette : u;
 				return s({
-					marks: [x({
-						marks: [S(a, {
+					marks: [C({
+						marks: [w(i, {
 							startAngle: "startAngle",
 							endAngle: "endAngle",
 							padAngle: "padAngle",
@@ -144,79 +145,83 @@ function T(e, t) {
 						y: null
 					},
 					color: {
-						domain: i.map((e) => e.cat),
-						range: o
+						domain: n.map((e) => e.cat),
+						range: a
 					}
 				});
 			}
 			case "barHorizontal": return s({
-				marks: d.map((e, t) => a(f, {
+				marks: m.map((e, t) => a(h, {
 					id: e,
-					y: r,
+					y: d,
 					x: e,
-					fill: m(e, t),
+					fill: _(e, t),
 					radius: 4
 				})),
 				scales: {
-					y: { scale: () => _().padding(.25) },
+					y: { scale: () => y().padding(.25) },
 					x: {
-						scale: v,
+						scale: b,
 						nice: !0,
 						grid: !0
 					}
 				}
 			});
 			default: return s({
-				marks: d.map((e, t) => o(f, {
+				marks: m.map((e, t) => o(h, {
 					id: e,
-					x: r,
+					x: d,
 					y: e,
-					fill: m(e, t),
+					fill: _(e, t),
 					radius: 4
 				})),
 				scales: {
-					x: { scale: () => _().padding(.25) },
+					x: { scale: () => y().padding(.25) },
 					y: {
-						scale: v,
+						scale: b,
 						nice: !0,
 						grid: !0
 					}
 				}
 			});
 		}
-	}, [e, t]);
+	}, [
+		e,
+		t,
+		n
+	]);
 }
-function E({ config: e, surfaceColor: t, textColor: n, primaryColor: i }) {
-	let a = T(e, i), o = e.chart, s = m(null), [c, l] = h({
+function O({ config: e, surfaceColor: t, textColor: n, primaryColor: i }) {
+	let a = e.chart, o = g(null), [s, c] = _({
 		w: 0,
 		h: 0
-	});
-	if (f(() => {
-		let e = s.current;
+	}), l = D(e, s.w, i);
+	if (m(() => {
+		let e = o.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)))
+			let t = e.getBoundingClientRect(), n = t.width && e.offsetWidth ? t.width / e.offsetWidth : 1, r = Math.max(1, Math.round(t.width / (n || 1))), i = Math.max(1, Math.round(t.height / (n || 1)));
+			c((e) => e.w === r && e.h === i ? e : {
+				w: r,
+				h: i
 			});
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, []), !a) return /* @__PURE__ */ g("div", {
+	}, []), !l) return /* @__PURE__ */ v("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", {
+	let u = a && a.xField ? `${d(e.columns, a.xField)} · ${(a.yFields ?? []).map((t) => d(e.columns, t)).join(", ")}` : "Chart";
+	return /* @__PURE__ */ v("div", {
 		className: "flow-data-chart",
-		ref: s,
+		ref: o,
 		style: n ? { color: n } : void 0,
-		children: c.h > 0 && /* @__PURE__ */ g(r, {
-			definition: a,
+		children: s.h > 0 && /* @__PURE__ */ v(r, {
+			definition: l,
 			"aria-label": u,
-			height: c.h,
+			height: s.h,
 			style: {
 				background: t ?? "transparent",
 				borderColor: "transparent",
@@ -226,18 +231,18 @@ function E({ config: e, surfaceColor: t, textColor: n, primaryColor: i }) {
 		})
 	});
 }
-function D({ config: e, surfaceColor: t, textColor: n, primaryColor: r }) {
-	return !e || e.columns.length === 0 ? /* @__PURE__ */ g("div", {
+function k({ config: e, surfaceColor: t, textColor: n, primaryColor: r }) {
+	return !e || e.columns.length === 0 ? /* @__PURE__ */ v("div", {
 		className: "flow-data-empty",
 		children: "尚无数据，请在属性面板上传或填写数据"
-	}) : e.view === "chart" ? /* @__PURE__ */ g(E, {
+	}) : e.view === "chart" ? /* @__PURE__ */ v(O, {
 		config: e,
 		surfaceColor: t,
 		textColor: n,
 		primaryColor: r
-	}) : /* @__PURE__ */ g(C, { config: e });
+	}) : /* @__PURE__ */ v(T, { config: e });
 }
 //#endregion
-export { D as DataNodeView, D as default };
+export { k as DataNodeView, k 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":";;;;;;;;;;;;AAwBA,SAAS,EAAc,EAAE,aAAsC;CAC7D,IAAM,IAAU,QAEZ,EAAO,QAAQ,KAAK,MAClB,EAAsC,EAAI,KAAK,EAAI,SAAS,EAAI,KAAK,EACnE,eAAe,GACjB,CAAC,CACH,GACF,CAAC,EAAO,OAAO,CACjB,GAEM,IAAc,QAEhB,EAAO,QAAQ,KAAK,OAAS;EAC3B,OAAO,EAAI;EACX,OAAO,EAAI,SAAS,EAAI;EACxB,SAAS,EAAI,SAAS;CACxB,EAAE,GACJ,CAAC,EAAO,OAAO,CACjB,GAEM,IAAQ,EAAO,OAIf,IAAW,KAAK,UAAU;EAC9B,GAAG,CAAC,CAAC,GAAO;EACZ,GAAG,GAAO,aAAa,CAAC;EACxB,GAAG,GAAO,aAAa,CAAC;EACxB,GAAG,GAAO,UAAU,CAAC;CACvB,CAAC;CAED,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,GAAD;GAEU;GACC;GACI;EACd,GAJM,CAIN;CACE,CAAA;AAET;AAEA,SAAS,EAAe,EACtB,WACA,YACA,kBAKC;CACD,IAAM,IAAQ,EAAO,OACf,IAAiB,EAA2C;EAChE,QAAQ;EACR,eAAe,CAAC,CAAC,GAAO;EACxB,kBAAkB,GAAO,aAAa,CAAC;EACvC,kBAAkB,GAAO,aAAa,CAAC;EACvC,eAAgB,GAAO,UAAuC,CAAC;EAC/D,gBAAgB,GAAO,kBAAkB;EACzC,MAAM;EAEN,gBAAgB;CAClB,CAAC;CAED,OACE,kBAAC,GAAD;EACE,MAAM,EAAO;EACJ;EACT,eAAA;EACA,kBAAkB,EAAO,KAAK,SAAS;EACvC,UAAU;EACV,YAAY,CAAC,CAAc;CAC5B,CAAA;AAEL;AAGA,SAAS,EAAmB,GAAwB,GAAuB;CACzE,OAAO,QAAc;EACnB,IAAM,IAAQ,EAAO;EACrB,IAAI,CAAC,GAAO,OAAO;EACnB,IAAM,IAAS,EAAM,QACf,KAAW,EAAM,WAAW,CAAC,EAAA,CAAG,OAAO,OAAO;EACpD,IAAI,CAAC,KAAU,EAAQ,WAAW,GAAG,OAAO;EAE5C,IAAM,IAAO,EAAO,MAId,IAAe,EAAM,SAAS,SAAS,EAAM,UAAU,MACvD,KAAe,GAAe,MAClC,EAAM,eAAe,MAClB,IAAe,IAAI,EAAa,WAChC,KACA,EAAmB,IAAI,EAAmB;EAE/C,QAAQ,EAAM,MAAd;GACE,KAAK,QACH,OAAO,EAAY;IACjB,OAAO,EAAQ,KAAK,GAAI,MACtB,EAAM,GAAM;KAAE,IAAI;KAAI,GAAG;KAAQ,GAAG;KAAI,QAAQ,EAAY,GAAI,CAAC;KAAG,QAAQ;IAAK,CAAC,CACpF;IACA,QAAQ;KACN,GAAG,EAAE,aAAa,EAAmB,CAAC,CAAC,QAAQ,GAAI,EAAE;KACrD,GAAG;MAAE,OAAO;MAAa,MAAM;MAAM,MAAM;KAAK;IAClD;GACF,CAAC;GAEH,KAAK,QACH,OAAO,EAAY;IACjB,OAAO,EAAQ,KAAK,GAAI,MACtB,EAAM,GAAM;KACV,IAAI;KACJ,GAAG;KACH,GAAG;KACH,MAAM,EAAY,GAAI,CAAC;KACvB,aAAa;KACb,QAAQ,EAAY,GAAI,CAAC;IAC3B,CAAC,CACH;IACA,QAAQ;KACN,GAAG,EAAE,aAAa,EAAmB,CAAC,CAAC,QAAQ,GAAI,EAAE;KACrD,GAAG;MAAE,OAAO;MAAa,MAAM;MAAM,MAAM;KAAK;IAClD;GACF,CAAC;GAEH,KAAK,WAEH,OAAO,EAAY;IACjB,OAAO,CACL,EAAI,GAAM;KACR,IAAI;KACJ,GAAG;KACH,GAAG,EAAQ;KACX,GAAG;KACH,MAAM,EAAY,EAAQ,IAAI,CAAC;IACjC,CAAC,CACH;IACA,QAAQ;KACN,GAAG;MAAE,OAAO;MAAa,MAAM;MAAM,MAAM;KAAK;KAChD,GAAG;MAAE,OAAO;MAAa,MAAM;MAAM,MAAM;KAAK;IAClD;GACF,CAAC;GAEH,KAAK,OAAO;IAGV,IAAM,IAAK,EAAQ,IACb,oBAAS,IAAI,IAAoB;IACvC,KAAK,IAAM,KAAK,GAAM;KACpB,IAAM,IAAI,OAAO,EAAE,MAAW,EAAE;KAChC,EAAO,IAAI,IAAI,EAAO,IAAI,CAAC,KAAK,MAAM,OAAO,EAAE,EAAG,KAAK,EAAE;IAC3D;IACA,IAAM,IAAU,MAAM,KAAK,IAAS,CAAC,GAAK,QAAY;KAAE;KAAK;IAAM,EAAE,GAC/D,IAAW,EAAI,GAAS,EAAE,OAAO,QAAQ,CAAC,GAC1C,IAAQ,EAAM,SAAS,SAAS,EAAM,UAAU;IACtD,OAAO,EAAY;KACjB,OAAO,CACL,EAAM;MACJ,OAAO,CACL,EAAU,GAAU;OAClB,YAAY;OACZ,UAAU;OACV,UAAU;OACV,aAAa;OACb,OAAO;OACP,KAAK;MACP,CAAC,CACH;MACA,QAAQ;OAAE,OAAO;OAAM,QAAQ;MAAK;KACtC,CAAC,CACH;KACA,QAAQ;MAAE,GAAG;MAAM,GAAG;KAAK;KAC3B,OAAO;MAAE,QAAQ,EAAQ,KAAK,MAAM,EAAE,GAAG;MAAG;KAAM;IACpD,CAAC;GACH;GAEA,KAAK,iBACH,OAAO,EAAY;IACjB,OAAO,EAAQ,KAAK,GAAI,MACtB,EAAK,GAAM;KAAE,IAAI;KAAI,GAAG;KAAQ,GAAG;KAAI,MAAM,EAAY,GAAI,CAAC;KAAG,QAAQ;IAAE,CAAC,CAC9E;IACA,QAAQ;KACN,GAAG,EAAE,aAAa,EAAkB,CAAC,CAAC,QAAQ,GAAI,EAAE;KACpD,GAAG;MAAE,OAAO;MAAa,MAAM;MAAM,MAAM;KAAK;IAClD;GACF,CAAC;GAGH,SACE,OAAO,EAAY;IACjB,OAAO,EAAQ,KAAK,GAAI,MACtB,EAAK,GAAM;KAAE,IAAI;KAAI,GAAG;KAAQ,GAAG;KAAI,MAAM,EAAY,GAAI,CAAC;KAAG,QAAQ;IAAE,CAAC,CAC9E;IACA,QAAQ;KACN,GAAG,EAAE,aAAa,EAAkB,CAAC,CAAC,QAAQ,GAAI,EAAE;KACpD,GAAG;MAAE,OAAO;MAAa,MAAM;MAAM,MAAM;KAAK;IAClD;GACF,CAAC;EACL;CACF,GAAG,CAAC,GAAQ,CAAY,CAAC;AAC3B;AAGA,SAAS,EAAc,EAAE,WAAQ,iBAAc,cAAW,mBAA8G;CACtK,IAAM,IAAa,EAAmB,GAAQ,CAAY,GACpD,IAAQ,EAAO,OAMf,IAAU,EAAuB,IAAI,GACrC,CAAC,GAAM,KAAW,EAAmC;EAAE,GAAG;EAAG,GAAG;CAAE,CAAC;CAoBzE,IAnBA,QAAsB;EACpB,IAAM,IAAK,EAAQ;EACnB,IAAI,CAAC,GAAI;EACT,IAAM,UAAgB;GACpB,IAAM,IAAO,EAAG,sBAAsB,GAGhC,IAAQ,EAAK,SAAS,EAAG,cAAc,EAAK,QAAQ,EAAG,cAAc;GAC3E,EAAQ;IACN,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,EAAK,SAAS,KAAS,EAAE,CAAC;IACpD,GAAG,KAAK,IAAI,GAAG,KAAK,MAAM,EAAK,UAAU,KAAS,EAAE,CAAC;GACvD,CAAC;EACH;EACA,EAAQ;EACR,IAAM,IAAK,IAAI,eAAe,CAAO;EAErC,OADA,EAAG,QAAQ,CAAE,SACA,EAAG,WAAW;CAC7B,GAAG,CAAC,CAAC,GAED,CAAC,GACH,OACE,kBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,EAAO,QAAQ,WAAW,IACvB,uBACA;CACD,CAAA;CAIT,IAAM,IACJ,KAAS,EAAM,SACX,GAAG,EAAS,EAAO,SAAS,EAAM,MAAM,EAAE,MAAM,EAAM,WAAW,CAAC,EAAA,CAC/D,KAAK,MAAM,EAAS,EAAO,SAAS,CAAC,CAAC,CAAC,CACvC,KAAK,IAAI,MACZ;CAEN,OACE,kBAAC,OAAD;EACE,WAAU;EACV,KAAK;EACL,OAAO,IAAa,EAAE,OAAO,EAAU,IAA4B,KAAA;EAElE,UAAA,EAAK,IAAI,KACR,kBAAC,GAAD;GACc;GACZ,cAAY;GACZ,QAAQ,EAAK;GAIb,OAAO;IACL,YAAY,KAAgB;IAC5B,aAAa;IACb,OAAO,KAAa;IACpB,SAAS;GACX;EACD,CAAA;CAEA,CAAA;AAET;AAGA,SAAgB,EAAa,EAC3B,WACA,iBACA,cACA,mBAMC;CAID,OAHI,CAAC,KAAU,EAAO,QAAQ,WAAW,IAChC,kBAAC,OAAD;EAAK,WAAU;EAAkB,UAAA;CAAuB,CAAA,IAE1D,EAAO,SAAS,UACrB,kBAAC,GAAD;EAAuB;EAAsB;EAAyB;EAAyB;CAAe,CAAA,IAE9G,kBAAC,GAAD,EAAuB,UAAS,CAAA;AAEpC"}
+{"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';\nimport { showLinePoints, withChartGeometryBudget } from './chartGeometryBudget';\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, width: number, 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            withChartGeometryBudget(lineY(rows, {\n              id: yf, x: xField, y: yf, stroke: seriesColor(yf, i),\n              points: showLinePoints(rows.length, yFields.length, width),\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 'area':\n        return defineChart({\n          marks: yFields.map((yf, i) =>\n            withChartGeometryBudget(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, width, 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 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  const definition = useChartDefinition(config, size.w, primaryColor);\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      const w = Math.max(1, Math.round(rect.width / (scale || 1)));\n      const h = Math.max(1, Math.round(rect.height / (scale || 1)));\n      setSize(previous => previous.w === w && previous.h === h ? previous : { w, h });\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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"}

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

@@ -84,7 +84,7 @@ function y({ content: e, interactive: t, color: n, fontSize: r }) {
 		title: "html-media",
 		className: "flow-media-iframe",
 		style: { pointerEvents: t ? "auto" : "none" },
-		sandbox: "allow-scripts allow-same-origin allow-popups allow-forms",
+		sandbox: "allow-scripts",
 		srcDoc: i
 	});
 }