dishui 0.0.65 → 0.0.67

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

@@ -1,436 +1,432 @@
-import u from "../../../Button/index.js";
-import j from "../../../Input/index.js";
-import y from "../../../Label/index.js";
-import f from "../../../Select/index.js";
-import { DATA_CHART_PALETTE as w, applyCsvText as $, labelFor as z, makeDefaultDataConfig as E, matrixToTable as G, numericFields as W, parseCsv as X, parseDataFile as q, toCsv as J } from "../nodes/dataUtils.js";
-import { ExpandableTextarea as K } from "./ExpandableTextarea.js";
-import { useEffect as Q, useMemo as Z, useRef as O, useState as U } from "react";
-import { Fragment as N, jsx as s, jsxs as n } from "react/jsx-runtime";
-var ee = [
-  {
-    value: "string",
-    label: "文本"
-  },
-  {
-    value: "number",
-    label: "数值"
-  },
-  {
-    value: "date",
-    label: "日期"
-  },
-  {
-    value: "boolean",
-    label: "布尔"
-  }
-], le = [
-  {
-    value: "bar",
-    label: "柱状图"
-  },
-  {
-    value: "barHorizontal",
-    label: "横向柱状图"
-  },
-  {
-    value: "line",
-    label: "折线图"
-  },
-  {
-    value: "area",
-    label: "面积图"
-  },
-  {
-    value: "scatter",
-    label: "散点图"
-  },
-  {
-    value: "pie",
-    label: "饼图"
-  }
-], te = [
-  {
-    value: "top",
-    label: "上方"
-  },
-  {
-    value: "bottom",
-    label: "下方"
-  },
-  {
-    value: "left",
-    label: "左侧"
-  },
-  {
-    value: "right",
-    label: "右侧"
-  }
-], se = {
-  columns: [],
-  rows: [],
-  view: "table"
+import e from "../../../Button/index.js";
+import t from "../../../Input/index.js";
+import n from "../../../Label/index.js";
+import r from "../../../Select/index.js";
+import { DATA_CHART_PALETTE as i, applyCsvText as a, labelFor as o, makeDefaultDataConfig as s, matrixToTable as c, numericFields as l, parseCsv as u, parseDataFile as d, toCsv as f } from "../nodes/dataUtils.js";
+import { ExpandableTextarea as p } from "./ExpandableTextarea.js";
+import { useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/DataInspectorSection.tsx
+var x = [
+	{
+		value: "string",
+		label: "文本"
+	},
+	{
+		value: "number",
+		label: "数值"
+	},
+	{
+		value: "date",
+		label: "日期"
+	},
+	{
+		value: "boolean",
+		label: "布尔"
+	}
+], S = [
+	{
+		value: "bar",
+		label: "柱状图"
+	},
+	{
+		value: "barHorizontal",
+		label: "横向柱状图"
+	},
+	{
+		value: "line",
+		label: "折线图"
+	},
+	{
+		value: "area",
+		label: "面积图"
+	},
+	{
+		value: "scatter",
+		label: "散点图"
+	},
+	{
+		value: "pie",
+		label: "饼图"
+	}
+], C = [
+	{
+		value: "top",
+		label: "上方"
+	},
+	{
+		value: "bottom",
+		label: "下方"
+	},
+	{
+		value: "left",
+		label: "左侧"
+	},
+	{
+		value: "right",
+		label: "右侧"
+	}
+], w = {
+	columns: [],
+	rows: [],
+	view: "table"
 };
-function ue({ node: h, onUpdateData: b }) {
-  const t = h.data.dataConfig ?? se, x = O(null), p = (e) => {
-    b(h.id, "dataConfig", {
-      ...t,
-      ...e
-    });
-  }, m = Z(() => J(t.columns, t.rows), [t.columns, t.rows]), [A, k] = U(m), g = O(m);
-  Q(() => {
-    m !== g.current && (g.current = m, k(m));
-  }, [m]);
-  const I = (e) => {
-    e !== g.current && (g.current = e, b(h.id, "dataConfig", $(t, e)));
-  }, V = async (e) => {
-    try {
-      const l = await q(e);
-      if (l.columns.length === 0) {
-        window.alert("未能从文件中解析出任何数据。");
-        return;
-      }
-      b(h.id, "dataConfig", E(l, e.name));
-    } catch (l) {
-      window.alert(`解析失败：${l?.message ?? l}`);
-    }
-  }, F = (e, l) => {
-    const o = t.columns.map((r, i) => i === e ? {
-      ...r,
-      ...l
-    } : r);
-    p({ columns: o });
-  }, D = () => {
-    const e = new Set(t.columns.map((v) => v.key));
-    let l = "col", o = 1;
-    for (; e.has(l); ) l = `col_${o++}`;
-    const r = [...t.columns, {
-      key: l,
-      label: l,
-      type: "string"
-    }], i = t.rows.map((v) => ({
-      ...v,
-      [l]: ""
-    }));
-    p({
-      columns: r,
-      rows: i
-    });
-  }, R = (e) => {
-    const l = t.columns[e], o = t.columns.filter((c, _) => _ !== e), r = t.rows.map((c) => {
-      const { [l.key]: _, ...Y } = c;
-      return Y;
-    }), i = t.chart ? {
-      ...t.chart,
-      xField: t.chart.xField === l.key ? o.find((c) => c.type !== "number")?.key ?? o[0]?.key : t.chart.xField,
-      yFields: (t.chart.yFields ?? []).filter((c) => c !== l.key)
-    } : t.chart, v = t.pivot ? {
-      ...t.pivot,
-      rowFields: t.pivot.rowFields.filter((c) => c !== l.key),
-      colFields: t.pivot.colFields.filter((c) => c !== l.key),
-      values: t.pivot.values.filter((c) => c.field !== l.key)
-    } : t.pivot;
-    p({
-      columns: o,
-      rows: r,
-      chart: i,
-      pivot: v
-    });
-  }, L = () => {
-    const e = window.prompt("粘贴 CSV 文本（第一行为表头）：");
-    if (!e) return;
-    const l = G(X(e));
-    if (l.columns.length === 0) {
-      window.alert("未能解析出数据。");
-      return;
-    }
-    b(h.id, "dataConfig", E(l));
-  }, T = W(t.columns), a = t.chart ?? { type: "bar" }, d = (e) => p({ chart: {
-    ...a,
-    ...e
-  } }), M = (e, l) => {
-    d({ seriesColors: {
-      ...a.seriesColors ?? {},
-      [e]: l
-    } });
-  }, B = (e) => {
-    const l = { ...a.seriesColors ?? {} };
-    delete l[e], d({ seriesColors: Object.keys(l).length ? l : void 0 });
-  }, S = a.palette?.length ? a.palette : w, H = (e, l) => {
-    const o = w.map((r, i) => i === e ? l : a.palette?.[i] ?? r);
-    d({ palette: o });
-  }, C = t.pivot ?? {
-    enabled: !1,
-    rowFields: [],
-    colFields: [],
-    values: []
-  }, P = (e) => p({ pivot: {
-    ...C,
-    ...e
-  } });
-  return /* @__PURE__ */ n("div", {
-    className: "flow-inspector-section",
-    children: [
-      /* @__PURE__ */ s("div", {
-        className: "flow-inspector-section-title",
-        children: "Data"
-      }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-inspector-row",
-        children: [
-          /* @__PURE__ */ s("input", {
-            ref: x,
-            type: "file",
-            accept: ".csv,.tsv,.txt,.xlsx,.xlsm,text/csv",
-            hidden: !0,
-            onChange: (e) => {
-              const l = e.target.files?.[0];
-              e.target.value = "", l && V(l);
-            }
-          }),
-          /* @__PURE__ */ s(u, {
-            size: "xs",
-            variant: "neutral",
-            onClick: () => x.current?.click(),
-            children: "上传 CSV / Excel"
-          }),
-          /* @__PURE__ */ s(u, {
-            size: "xs",
-            variant: "ghost",
-            onClick: L,
-            children: "粘贴 CSV"
-          })
-        ]
-      }),
-      t.sourceName && /* @__PURE__ */ n("div", {
-        className: "flow-inspector-help",
-        children: ["来源：", t.sourceName]
-      }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-inspector-row",
-        children: [/* @__PURE__ */ s(y, {
-          size: "xs",
-          className: "flow-inspector-label",
-          children: "视图"
-        }), /* @__PURE__ */ s(f, {
-          options: [{
-            value: "table",
-            label: "表格 / 透视"
-          }, {
-            value: "chart",
-            label: "图表"
-          }],
-          value: t.view,
-          onChange: (e) => p({ view: e })
-        })]
-      }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-inspector-subtitle",
-        children: [
-          "列配置（",
-          t.columns.length,
-          "）"
-        ]
-      }),
-      t.columns.map((e, l) => /* @__PURE__ */ n("div", {
-        className: "flow-data-col-row",
-        children: [
-          /* @__PURE__ */ s(j, {
-            size: "xs",
-            value: e.label ?? e.key,
-            placeholder: "列名",
-            onChange: (o) => F(l, { label: o.target.value }),
-            className: "flex-1"
-          }),
-          /* @__PURE__ */ s(f, {
-            options: ee,
-            value: e.type,
-            onChange: (o) => F(l, { type: o })
-          }),
-          /* @__PURE__ */ s(u, {
-            size: "xs",
-            variant: "ghost",
-            onClick: () => R(l),
-            children: "✕"
-          })
-        ]
-      }, l)),
-      /* @__PURE__ */ s("div", {
-        className: "flow-inspector-row",
-        children: /* @__PURE__ */ s(u, {
-          size: "xs",
-          variant: "ghost",
-          onClick: D,
-          children: "+ 添加列"
-        })
-      }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-inspector-subtitle",
-        children: [
-          "数据（CSV · ",
-          t.rows.length,
-          " 行）"
-        ]
-      }),
-      /* @__PURE__ */ s(K, {
-        label: "CSV 数据（首行为表头）",
-        value: A,
-        onChange: k,
-        onBlur: I,
-        rows: 8,
-        placeholder: `类别,数值
-A,30
-B,45`
-      }),
-      /* @__PURE__ */ s("div", {
-        className: "flow-inspector-help",
-        children: "直接编辑 CSV 文本，失焦或关闭全屏后生效。已有列的类型会保留。"
-      }),
-      t.view === "chart" && /* @__PURE__ */ n(N, { children: [
-        /* @__PURE__ */ s("div", {
-          className: "flow-inspector-subtitle",
-          children: "图表配置"
-        }),
-        /* @__PURE__ */ n("div", {
-          className: "flow-inspector-row",
-          children: [/* @__PURE__ */ s(y, {
-            size: "xs",
-            className: "flow-inspector-label",
-            children: "类型"
-          }), /* @__PURE__ */ s(f, {
-            options: le,
-            value: a.type,
-            onChange: (e) => d({ type: e })
-          })]
-        }),
-        /* @__PURE__ */ n("div", {
-          className: "flow-inspector-row",
-          children: [/* @__PURE__ */ s(y, {
-            size: "xs",
-            className: "flow-inspector-label",
-            children: a.type === "scatter" ? "X 字段" : "类别轴"
-          }), /* @__PURE__ */ s(f, {
-            options: t.columns.map((e) => ({
-              value: e.key,
-              label: e.label ?? e.key
-            })),
-            value: a.xField ?? "",
-            onChange: (e) => d({ xField: typeof e == "string" ? e : String(e) })
-          })]
-        }),
-        /* @__PURE__ */ s("div", {
-          className: "flow-inspector-subtitle-sm",
-          children: a.type === "scatter" || a.type === "pie" ? "数值字段" : "数值字段（可多选，多系列）"
-        }),
-        T.length === 0 && /* @__PURE__ */ s("div", {
-          className: "flow-inspector-help",
-          children: "没有数值列，请先将某列类型设为「数值」。"
-        }),
-        T.map((e) => {
-          const l = (a.yFields ?? []).includes(e), o = a.type === "scatter" || a.type === "pie";
-          return /* @__PURE__ */ n("label", {
-            className: "flow-data-field-toggle",
-            children: [/* @__PURE__ */ s("input", {
-              type: o ? "radio" : "checkbox",
-              className: o ? "radio radio-xs radio-primary" : "checkbox checkbox-xs checkbox-primary",
-              checked: l,
-              onChange: (r) => {
-                if (o) {
-                  d({ yFields: [e] });
-                  return;
-                }
-                const i = new Set(a.yFields ?? []);
-                r.target.checked ? i.add(e) : i.delete(e), d({ yFields: Array.from(i) });
-              }
-            }), /* @__PURE__ */ s("span", { children: z(t.columns, e) })]
-          }, e);
-        }),
-        (a.yFields ?? []).length > 0 && a.type !== "pie" && /* @__PURE__ */ n(N, { children: [/* @__PURE__ */ s("div", {
-          className: "flow-inspector-subtitle-sm",
-          children: "系列颜色"
-        }), (a.yFields ?? []).map((e, l) => {
-          const o = a.seriesColors?.[e] ?? w[l % w.length], r = !!a.seriesColors?.[e];
-          return /* @__PURE__ */ n("div", {
-            className: "flow-data-color-row",
-            children: [
-              /* @__PURE__ */ s("input", {
-                type: "color",
-                value: o,
-                onChange: (i) => M(e, i.target.value)
-              }),
-              /* @__PURE__ */ s("span", {
-                className: "flow-data-color-label",
-                children: z(t.columns, e)
-              }),
-              r && /* @__PURE__ */ s(u, {
-                size: "xs",
-                variant: "ghost",
-                onClick: () => B(e),
-                children: "重置"
-              })
-            ]
-          }, e);
-        })] }),
-        a.type === "pie" && /* @__PURE__ */ n(N, { children: [
-          /* @__PURE__ */ s("div", {
-            className: "flow-inspector-subtitle-sm",
-            children: "饼图配色"
-          }),
-          /* @__PURE__ */ s("div", {
-            className: "flow-data-palette",
-            children: w.map((e, l) => /* @__PURE__ */ s("input", {
-              type: "color",
-              value: S[l % S.length],
-              onChange: (o) => H(l, o.target.value)
-            }, l))
-          }),
-          a.palette && /* @__PURE__ */ s("div", {
-            className: "flow-inspector-row",
-            children: /* @__PURE__ */ s(u, {
-              size: "xs",
-              variant: "ghost",
-              onClick: () => d({ palette: void 0 }),
-              children: "重置为默认配色"
-            })
-          })
-        ] })
-      ] }),
-      t.view === "table" && /* @__PURE__ */ n(N, { children: [
-        /* @__PURE__ */ s("div", {
-          className: "flow-inspector-subtitle",
-          children: "透视（Pivot）"
-        }),
-        /* @__PURE__ */ n("label", {
-          className: "flow-data-field-toggle",
-          children: [/* @__PURE__ */ s("input", {
-            type: "checkbox",
-            className: "toggle toggle-xs toggle-primary",
-            checked: C.enabled,
-            onChange: (e) => P({ enabled: e.target.checked })
-          }), /* @__PURE__ */ s("span", { children: "开启透视模式" })]
-        }),
-        C.enabled && /* @__PURE__ */ n("div", {
-          className: "flow-inspector-row",
-          children: [/* @__PURE__ */ s(y, {
-            size: "xs",
-            className: "flow-inspector-label",
-            children: "面板位置"
-          }), /* @__PURE__ */ s(f, {
-            options: te,
-            value: C.panelPlacement ?? "top",
-            onChange: (e) => P({ panelPlacement: e })
-          })]
-        }),
-        /* @__PURE__ */ s("div", {
-          className: "flow-inspector-help",
-          children: "透视的行/列/度量可在画布节点内的透视面板上交互拖拽调整。"
-        })
-      ] })
-    ]
-  });
+function T({ node: T, onUpdateData: E }) {
+	let D = T.data.dataConfig ?? w, O = g(null), k = (e) => {
+		E(T.id, "dataConfig", {
+			...D,
+			...e
+		});
+	}, A = h(() => f(D.columns, D.rows), [D.columns, D.rows]), [j, M] = _(A), N = g(A);
+	m(() => {
+		A !== N.current && (N.current = A, M(A));
+	}, [A]);
+	let P = (e) => {
+		e !== N.current && (N.current = e, E(T.id, "dataConfig", a(D, e)));
+	}, F = async (e) => {
+		try {
+			let t = await d(e);
+			if (t.columns.length === 0) {
+				window.alert("未能从文件中解析出任何数据。");
+				return;
+			}
+			E(T.id, "dataConfig", s(t, e.name));
+		} catch (e) {
+			window.alert(`解析失败：${e?.message ?? e}`);
+		}
+	}, I = (e, t) => {
+		let n = D.columns.map((n, r) => r === e ? {
+			...n,
+			...t
+		} : n);
+		k({ columns: n });
+	}, L = () => {
+		let e = new Set(D.columns.map((e) => e.key)), t = "col", n = 1;
+		for (; e.has(t);) t = `col_${n++}`;
+		let r = [...D.columns, {
+			key: t,
+			label: t,
+			type: "string"
+		}], i = D.rows.map((e) => ({
+			...e,
+			[t]: ""
+		}));
+		k({
+			columns: r,
+			rows: i
+		});
+	}, R = (e) => {
+		let t = D.columns[e], n = D.columns.filter((t, n) => n !== e), r = D.rows.map((e) => {
+			let { [t.key]: n, ...r } = e;
+			return r;
+		}), i = D.chart ? {
+			...D.chart,
+			xField: D.chart.xField === t.key ? n.find((e) => e.type !== "number")?.key ?? n[0]?.key : D.chart.xField,
+			yFields: (D.chart.yFields ?? []).filter((e) => e !== t.key)
+		} : D.chart, a = D.pivot ? {
+			...D.pivot,
+			rowFields: D.pivot.rowFields.filter((e) => e !== t.key),
+			colFields: D.pivot.colFields.filter((e) => e !== t.key),
+			values: D.pivot.values.filter((e) => e.field !== t.key)
+		} : D.pivot;
+		k({
+			columns: n,
+			rows: r,
+			chart: i,
+			pivot: a
+		});
+	}, z = () => {
+		let e = window.prompt("粘贴 CSV 文本（第一行为表头）：");
+		if (!e) return;
+		let t = c(u(e));
+		if (t.columns.length === 0) {
+			window.alert("未能解析出数据。");
+			return;
+		}
+		E(T.id, "dataConfig", s(t));
+	}, B = l(D.columns), V = D.chart ?? { type: "bar" }, H = (e) => k({ chart: {
+		...V,
+		...e
+	} }), U = (e, t) => {
+		H({ seriesColors: {
+			...V.seriesColors,
+			[e]: t
+		} });
+	}, W = (e) => {
+		let t = { ...V.seriesColors };
+		delete t[e], H({ seriesColors: Object.keys(t).length ? t : void 0 });
+	}, G = V.palette?.length ? V.palette : i, K = (e, t) => {
+		let n = i.map((n, r) => r === e ? t : V.palette?.[r] ?? n);
+		H({ palette: n });
+	}, q = D.pivot ?? {
+		enabled: !1,
+		rowFields: [],
+		colFields: [],
+		values: []
+	}, J = (e) => k({ pivot: {
+		...q,
+		...e
+	} });
+	return /* @__PURE__ */ b("div", {
+		className: "flow-inspector-section",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flow-inspector-section-title",
+				children: "Data"
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flow-inspector-row",
+				children: [
+					/* @__PURE__ */ y("input", {
+						ref: O,
+						type: "file",
+						accept: ".csv,.tsv,.txt,.xlsx,.xlsm,text/csv",
+						hidden: !0,
+						onChange: (e) => {
+							let t = e.target.files?.[0];
+							e.target.value = "", t && F(t);
+						}
+					}),
+					/* @__PURE__ */ y(e, {
+						size: "xs",
+						variant: "neutral",
+						onClick: () => O.current?.click(),
+						children: "上传 CSV / Excel"
+					}),
+					/* @__PURE__ */ y(e, {
+						size: "xs",
+						variant: "ghost",
+						onClick: z,
+						children: "粘贴 CSV"
+					})
+				]
+			}),
+			D.sourceName && /* @__PURE__ */ b("div", {
+				className: "flow-inspector-help",
+				children: ["来源：", D.sourceName]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flow-inspector-row",
+				children: [/* @__PURE__ */ y(n, {
+					size: "xs",
+					className: "flow-inspector-label",
+					children: "视图"
+				}), /* @__PURE__ */ y(r, {
+					options: [{
+						value: "table",
+						label: "表格 / 透视"
+					}, {
+						value: "chart",
+						label: "图表"
+					}],
+					value: D.view,
+					onChange: (e) => k({ view: e })
+				})]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flow-inspector-subtitle",
+				children: [
+					"列配置（",
+					D.columns.length,
+					"）"
+				]
+			}),
+			D.columns.map((n, i) => /* @__PURE__ */ b("div", {
+				className: "flow-data-col-row",
+				children: [
+					/* @__PURE__ */ y(t, {
+						size: "xs",
+						value: n.label ?? n.key,
+						placeholder: "列名",
+						onChange: (e) => I(i, { label: e.target.value }),
+						className: "flex-1"
+					}),
+					/* @__PURE__ */ y(r, {
+						options: x,
+						value: n.type,
+						onChange: (e) => I(i, { type: e })
+					}),
+					/* @__PURE__ */ y(e, {
+						size: "xs",
+						variant: "ghost",
+						onClick: () => R(i),
+						children: "✕"
+					})
+				]
+			}, i)),
+			/* @__PURE__ */ y("div", {
+				className: "flow-inspector-row",
+				children: /* @__PURE__ */ y(e, {
+					size: "xs",
+					variant: "ghost",
+					onClick: L,
+					children: "+ 添加列"
+				})
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flow-inspector-subtitle",
+				children: [
+					"数据（CSV · ",
+					D.rows.length,
+					" 行）"
+				]
+			}),
+			/* @__PURE__ */ y(p, {
+				label: "CSV 数据（首行为表头）",
+				value: j,
+				onChange: M,
+				onBlur: P,
+				rows: 8,
+				placeholder: "类别,数值\nA,30\nB,45"
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flow-inspector-help",
+				children: "直接编辑 CSV 文本，失焦或关闭全屏后生效。已有列的类型会保留。"
+			}),
+			D.view === "chart" && /* @__PURE__ */ b(v, { children: [
+				/* @__PURE__ */ y("div", {
+					className: "flow-inspector-subtitle",
+					children: "图表配置"
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "flow-inspector-row",
+					children: [/* @__PURE__ */ y(n, {
+						size: "xs",
+						className: "flow-inspector-label",
+						children: "类型"
+					}), /* @__PURE__ */ y(r, {
+						options: S,
+						value: V.type,
+						onChange: (e) => H({ type: e })
+					})]
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "flow-inspector-row",
+					children: [/* @__PURE__ */ y(n, {
+						size: "xs",
+						className: "flow-inspector-label",
+						children: V.type === "scatter" ? "X 字段" : "类别轴"
+					}), /* @__PURE__ */ y(r, {
+						options: D.columns.map((e) => ({
+							value: e.key,
+							label: e.label ?? e.key
+						})),
+						value: V.xField ?? "",
+						onChange: (e) => H({ xField: typeof e == "string" ? e : String(e) })
+					})]
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flow-inspector-subtitle-sm",
+					children: V.type === "scatter" || V.type === "pie" ? "数值字段" : "数值字段（可多选，多系列）"
+				}),
+				B.length === 0 && /* @__PURE__ */ y("div", {
+					className: "flow-inspector-help",
+					children: "没有数值列，请先将某列类型设为「数值」。"
+				}),
+				B.map((e) => {
+					let t = (V.yFields ?? []).includes(e), n = V.type === "scatter" || V.type === "pie";
+					return /* @__PURE__ */ b("label", {
+						className: "flow-data-field-toggle",
+						children: [/* @__PURE__ */ y("input", {
+							type: n ? "radio" : "checkbox",
+							className: n ? "radio radio-xs radio-primary" : "checkbox checkbox-xs checkbox-primary",
+							checked: t,
+							onChange: (t) => {
+								if (n) {
+									H({ yFields: [e] });
+									return;
+								}
+								let r = new Set(V.yFields ?? []);
+								t.target.checked ? r.add(e) : r.delete(e), H({ yFields: Array.from(r) });
+							}
+						}), /* @__PURE__ */ y("span", { children: o(D.columns, e) })]
+					}, e);
+				}),
+				(V.yFields ?? []).length > 0 && V.type !== "pie" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("div", {
+					className: "flow-inspector-subtitle-sm",
+					children: "系列颜色"
+				}), (V.yFields ?? []).map((t, n) => {
+					let r = V.seriesColors?.[t] ?? i[n % i.length], a = !!V.seriesColors?.[t];
+					return /* @__PURE__ */ b("div", {
+						className: "flow-data-color-row",
+						children: [
+							/* @__PURE__ */ y("input", {
+								type: "color",
+								value: r,
+								onChange: (e) => U(t, e.target.value)
+							}),
+							/* @__PURE__ */ y("span", {
+								className: "flow-data-color-label",
+								children: o(D.columns, t)
+							}),
+							a && /* @__PURE__ */ y(e, {
+								size: "xs",
+								variant: "ghost",
+								onClick: () => W(t),
+								children: "重置"
+							})
+						]
+					}, t);
+				})] }),
+				V.type === "pie" && /* @__PURE__ */ b(v, { children: [
+					/* @__PURE__ */ y("div", {
+						className: "flow-inspector-subtitle-sm",
+						children: "饼图配色"
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "flow-data-palette",
+						children: i.map((e, t) => /* @__PURE__ */ y("input", {
+							type: "color",
+							value: G[t % G.length],
+							onChange: (e) => K(t, e.target.value)
+						}, t))
+					}),
+					V.palette && /* @__PURE__ */ y("div", {
+						className: "flow-inspector-row",
+						children: /* @__PURE__ */ y(e, {
+							size: "xs",
+							variant: "ghost",
+							onClick: () => H({ palette: void 0 }),
+							children: "重置为默认配色"
+						})
+					})
+				] })
+			] }),
+			D.view === "table" && /* @__PURE__ */ b(v, { children: [
+				/* @__PURE__ */ y("div", {
+					className: "flow-inspector-subtitle",
+					children: "透视（Pivot）"
+				}),
+				/* @__PURE__ */ b("label", {
+					className: "flow-data-field-toggle",
+					children: [/* @__PURE__ */ y("input", {
+						type: "checkbox",
+						className: "toggle toggle-xs toggle-primary",
+						checked: q.enabled,
+						onChange: (e) => J({ enabled: e.target.checked })
+					}), /* @__PURE__ */ y("span", { children: "开启透视模式" })]
+				}),
+				q.enabled && /* @__PURE__ */ b("div", {
+					className: "flow-inspector-row",
+					children: [/* @__PURE__ */ y(n, {
+						size: "xs",
+						className: "flow-inspector-label",
+						children: "面板位置"
+					}), /* @__PURE__ */ y(r, {
+						options: C,
+						value: q.panelPlacement ?? "top",
+						onChange: (e) => J({ panelPlacement: e })
+					})]
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flow-inspector-help",
+					children: "透视的行/列/度量可在画布节点内的透视面板上交互拖拽调整。"
+				})
+			] })
+		]
+	});
 }
-export {
-  ue as DataInspectorSection,
-  ue as default
-};
+//#endregion
+export { T as DataInspectorSection, T as default };
 
 //# sourceMappingURL=DataInspectorSection.js.map