dishui 0.0.65 → 0.0.67

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

@@ -1 +1 @@
-{"version":3,"file":"DataInspectorSection.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/DataInspectorSection.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport Input from '../../../Input';\nimport Select from '../../../Select';\nimport Button from '../../../Button';\nimport Label from '../../../Label';\nimport { ExpandableTextarea } from './ExpandableTextarea';\nimport type {\n  FlowNode,\n  FlowDataConfig,\n  FlowDataColumn,\n  FlowDataColumnType,\n  FlowDataChartType,\n  FlowDataView,\n  FlowDataPivotPanelPlacement,\n} from '../types';\nimport {\n  parseDataFile,\n  parseCsv,\n  matrixToTable,\n  makeDefaultDataConfig,\n  applyCsvText,\n  toCsv,\n  numericFields,\n  labelFor,\n  DATA_CHART_PALETTE,\n} from '../nodes/dataUtils';\n\nconst COLUMN_TYPE_OPTIONS: Array<{ value: FlowDataColumnType; label: string }> = [\n  { value: 'string', label: '文本' },\n  { value: 'number', label: '数值' },\n  { value: 'date', label: '日期' },\n  { value: 'boolean', label: '布尔' },\n];\n\nconst CHART_TYPE_OPTIONS: Array<{ value: FlowDataChartType; label: string }> = [\n  { value: 'bar', label: '柱状图' },\n  { value: 'barHorizontal', label: '横向柱状图' },\n  { value: 'line', label: '折线图' },\n  { value: 'area', label: '面积图' },\n  { value: 'scatter', label: '散点图' },\n  { value: 'pie', label: '饼图' },\n];\n\nconst PIVOT_PLACEMENT_OPTIONS: Array<{ value: FlowDataPivotPanelPlacement; label: string }> = [\n  { value: 'top', label: '上方' },\n  { value: 'bottom', label: '下方' },\n  { value: 'left', label: '左侧' },\n  { value: 'right', label: '右侧' },\n];\n\nconst EMPTY_CONFIG: FlowDataConfig = { columns: [], rows: [], view: 'table' };\n\n/**\n * Inspector controls for a Data node: upload CSV/Excel, edit columns, edit rows\n * as CSV text (with fullscreen), and configure the table (pivot) or chart view.\n */\nexport function DataInspectorSection({\n  node,\n  onUpdateData,\n}: {\n  node: FlowNode;\n  onUpdateData: (id: string, key: string, value: any) => void;\n}) {\n  const config = node.data.dataConfig ?? EMPTY_CONFIG;\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const update = (patch: Partial<FlowDataConfig>) => {\n    onUpdateData(node.id, 'dataConfig', { ...config, ...patch });\n  };\n\n  // ── CSV text editing (local draft, committed on blur) ────────────────────\n  // The textarea edits a CSV serialization of columns+rows. We keep a local\n  // draft so typing isn't interrupted by re-parsing; the parse (which re-infers\n  // nothing for known columns and preserves chart/pivot field refs) runs once\n  // on blur / fullscreen close. When the config changes externally (upload,\n  // paste), the draft is re-synced.\n  const csvText = useMemo(() => toCsv(config.columns, config.rows), [config.columns, config.rows]);\n  const [csvDraft, setCsvDraft] = useState(csvText);\n  const lastCommitted = useRef(csvText);\n  useEffect(() => {\n    if (csvText !== lastCommitted.current) {\n      lastCommitted.current = csvText;\n      setCsvDraft(csvText);\n    }\n  }, [csvText]);\n\n  const commitCsv = (text: string) => {\n    if (text === lastCommitted.current) return;\n    lastCommitted.current = text;\n    onUpdateData(node.id, 'dataConfig', applyCsvText(config, text));\n  };\n\n  // ── File upload ────────────────────────────────────────────────────────\n  const handleFile = async (file: File) => {\n    try {\n      const parsed = await parseDataFile(file);\n      if (parsed.columns.length === 0) {\n        window.alert('未能从文件中解析出任何数据。');\n        return;\n      }\n      onUpdateData(node.id, 'dataConfig', makeDefaultDataConfig(parsed, file.name));\n    } catch (e: any) {\n      window.alert(`解析失败：${e?.message ?? e}`);\n    }\n  };\n\n  // ── Column editing ─────────────────────────────────────────────────────\n  const setColumn = (index: number, patch: Partial<FlowDataColumn>) => {\n    const columns = config.columns.map((c, i) => (i === index ? { ...c, ...patch } : c));\n    update({ columns });\n  };\n\n  const addColumn = () => {\n    const used = new Set(config.columns.map((c) => c.key));\n    let key = 'col';\n    let n = 1;\n    while (used.has(key)) key = `col_${n++}`;\n    const columns: FlowDataColumn[] = [...config.columns, { key, label: key, type: 'string' }];\n    // pad existing rows with an empty value for the new column\n    const rows = config.rows.map((r) => ({ ...r, [key]: '' }));\n    update({ columns, rows });\n  };\n\n  const removeColumn = (index: number) => {\n    const col = config.columns[index];\n    const columns = config.columns.filter((_, i) => i !== index);\n    const rows = config.rows.map((r) => {\n      const { [col.key]: _drop, ...rest } = r;\n      return rest;\n    });\n    // prune chart/pivot references to the removed column\n    const chart = config.chart\n      ? {\n          ...config.chart,\n          xField: config.chart.xField === col.key ? columns.find((c) => c.type !== 'number')?.key ?? columns[0]?.key : config.chart.xField,\n          yFields: (config.chart.yFields ?? []).filter((f) => f !== col.key),\n        }\n      : config.chart;\n    const pivot = config.pivot\n      ? {\n          ...config.pivot,\n          rowFields: config.pivot.rowFields.filter((f) => f !== col.key),\n          colFields: config.pivot.colFields.filter((f) => f !== col.key),\n          values: config.pivot.values.filter((v) => v.field !== col.key),\n        }\n      : config.pivot;\n    update({ columns, rows, chart, pivot });\n  };\n\n  // ── Paste CSV (replace whole table) ─────────────────────────────────────\n  const pasteCsv = () => {\n    const text = window.prompt('粘贴 CSV 文本（第一行为表头）：');\n    if (!text) return;\n    const parsed = matrixToTable(parseCsv(text));\n    if (parsed.columns.length === 0) {\n      window.alert('未能解析出数据。');\n      return;\n    }\n    onUpdateData(node.id, 'dataConfig', makeDefaultDataConfig(parsed));\n  };\n\n  const nums = numericFields(config.columns);\n  const chart = config.chart ?? { type: 'bar' as FlowDataChartType };\n  const setChart = (patch: Partial<typeof chart>) => update({ chart: { ...chart, ...patch } });\n\n  const setSeriesColor = (field: string, color: string) => {\n    setChart({ seriesColors: { ...(chart.seriesColors ?? {}), [field]: color } });\n  };\n  const resetSeriesColor = (field: string) => {\n    const next = { ...(chart.seriesColors ?? {}) };\n    delete next[field];\n    setChart({ seriesColors: Object.keys(next).length ? next : undefined });\n  };\n\n  const palette = chart.palette?.length ? chart.palette : DATA_CHART_PALETTE;\n  const setPaletteColor = (i: number, color: string) => {\n    const next = DATA_CHART_PALETTE.map((c, j) => (j === i ? color : (chart.palette?.[j] ?? c)));\n    setChart({ palette: next });\n  };\n\n  const pivot = config.pivot ?? { enabled: false, rowFields: [], colFields: [], values: [] };\n  const setPivot = (patch: Partial<typeof pivot>) => update({ pivot: { ...pivot, ...patch } });\n\n  return (\n    <div className=\"flow-inspector-section\">\n      <div className=\"flow-inspector-section-title\">Data</div>\n\n      {/* Import controls */}\n      <div className=\"flow-inspector-row\">\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept=\".csv,.tsv,.txt,.xlsx,.xlsm,text/csv\"\n          hidden\n          onChange={(e) => {\n            const file = e.target.files?.[0];\n            e.target.value = '';\n            if (file) void handleFile(file);\n          }}\n        />\n        <Button size=\"xs\" variant=\"neutral\" onClick={() => fileInputRef.current?.click()}>\n          上传 CSV / Excel\n        </Button>\n        <Button size=\"xs\" variant=\"ghost\" onClick={pasteCsv}>\n          粘贴 CSV\n        </Button>\n      </div>\n      {config.sourceName && (\n        <div className=\"flow-inspector-help\">来源：{config.sourceName}</div>\n      )}\n\n      {/* View toggle */}\n      <div className=\"flow-inspector-row\">\n        <Label size=\"xs\" className=\"flow-inspector-label\">视图</Label>\n        <Select\n          options={[\n            { value: 'table', label: '表格 / 透视' },\n            { value: 'chart', label: '图表' },\n          ]}\n          value={config.view}\n          onChange={(v) => update({ view: v as FlowDataView })}\n        />\n      </div>\n\n      {/* Columns editor */}\n      <div className=\"flow-inspector-subtitle\">列配置（{config.columns.length}）</div>\n      {config.columns.map((col, i) => (\n        <div key={i} className=\"flow-data-col-row\">\n          <Input\n            size=\"xs\"\n            value={col.label ?? col.key}\n            placeholder=\"列名\"\n            onChange={(e) => setColumn(i, { label: e.target.value })}\n            className=\"flex-1\"\n          />\n          <Select\n            options={COLUMN_TYPE_OPTIONS}\n            value={col.type}\n            onChange={(v) => setColumn(i, { type: v as FlowDataColumnType })}\n          />\n          <Button size=\"xs\" variant=\"ghost\" onClick={() => removeColumn(i)}>\n            ✕\n          </Button>\n        </div>\n      ))}\n      <div className=\"flow-inspector-row\">\n        <Button size=\"xs\" variant=\"ghost\" onClick={addColumn}>+ 添加列</Button>\n      </div>\n\n      {/* Rows editor: CSV text with fullscreen */}\n      <div className=\"flow-inspector-subtitle\">数据（CSV · {config.rows.length} 行）</div>\n      <ExpandableTextarea\n        label=\"CSV 数据（首行为表头）\"\n        value={csvDraft}\n        onChange={setCsvDraft}\n        onBlur={commitCsv}\n        rows={8}\n        placeholder=\"类别,数值&#10;A,30&#10;B,45\"\n      />\n      <div className=\"flow-inspector-help\">\n        直接编辑 CSV 文本，失焦或关闭全屏后生效。已有列的类型会保留。\n      </div>\n\n      {/* Chart config */}\n      {config.view === 'chart' && (\n        <>\n          <div className=\"flow-inspector-subtitle\">图表配置</div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">类型</Label>\n            <Select\n              options={CHART_TYPE_OPTIONS}\n              value={chart.type}\n              onChange={(v) => setChart({ type: v as FlowDataChartType })}\n            />\n          </div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">\n              {chart.type === 'scatter' ? 'X 字段' : '类别轴'}\n            </Label>\n            <Select\n              options={config.columns.map((c) => ({ value: c.key, label: c.label ?? c.key }))}\n              value={chart.xField ?? ''}\n              onChange={(v) => setChart({ xField: typeof v === 'string' ? v : String(v) })}\n            />\n          </div>\n          <div className=\"flow-inspector-subtitle-sm\">\n            {chart.type === 'scatter' || chart.type === 'pie' ? '数值字段' : '数值字段（可多选，多系列）'}\n          </div>\n          {nums.length === 0 && (\n            <div className=\"flow-inspector-help\">没有数值列，请先将某列类型设为「数值」。</div>\n          )}\n          {nums.map((f) => {\n            const selected = (chart.yFields ?? []).includes(f);\n            const single = chart.type === 'scatter' || chart.type === 'pie';\n            return (\n              <label key={f} className=\"flow-data-field-toggle\">\n                <input\n                  type={single ? 'radio' : 'checkbox'}\n                  className={single ? 'radio radio-xs radio-primary' : 'checkbox checkbox-xs checkbox-primary'}\n                  checked={selected}\n                  onChange={(e) => {\n                    if (single) {\n                      setChart({ yFields: [f] });\n                      return;\n                    }\n                    const current = new Set(chart.yFields ?? []);\n                    if (e.target.checked) current.add(f);\n                    else current.delete(f);\n                    setChart({ yFields: Array.from(current) });\n                  }}\n                />\n                <span>{labelFor(config.columns, f)}</span>\n              </label>\n            );\n          })}\n\n          {/* Chart colors */}\n          {(chart.yFields ?? []).length > 0 && chart.type !== 'pie' && (\n            <>\n              <div className=\"flow-inspector-subtitle-sm\">系列颜色</div>\n              {(chart.yFields ?? []).map((f, i) => {\n                const color = chart.seriesColors?.[f] ?? DATA_CHART_PALETTE[i % DATA_CHART_PALETTE.length];\n                const overridden = !!chart.seriesColors?.[f];\n                return (\n                  <div key={f} className=\"flow-data-color-row\">\n                    <input\n                      type=\"color\"\n                      value={color}\n                      onChange={(e) => setSeriesColor(f, e.target.value)}\n                    />\n                    <span className=\"flow-data-color-label\">{labelFor(config.columns, f)}</span>\n                    {overridden && (\n                      <Button size=\"xs\" variant=\"ghost\" onClick={() => resetSeriesColor(f)}>\n                        重置\n                      </Button>\n                    )}\n                  </div>\n                );\n              })}\n            </>\n          )}\n          {chart.type === 'pie' && (\n            <>\n              <div className=\"flow-inspector-subtitle-sm\">饼图配色</div>\n              <div className=\"flow-data-palette\">\n                {DATA_CHART_PALETTE.map((_, i) => (\n                  <input\n                    key={i}\n                    type=\"color\"\n                    value={palette[i % palette.length]}\n                    onChange={(e) => setPaletteColor(i, e.target.value)}\n                  />\n                ))}\n              </div>\n              {chart.palette && (\n                <div className=\"flow-inspector-row\">\n                  <Button size=\"xs\" variant=\"ghost\" onClick={() => setChart({ palette: undefined })}>\n                    重置为默认配色\n                  </Button>\n                </div>\n              )}\n            </>\n          )}\n        </>\n      )}\n\n      {/* Pivot config */}\n      {config.view === 'table' && (\n        <>\n          <div className=\"flow-inspector-subtitle\">透视（Pivot）</div>\n          <label className=\"flow-data-field-toggle\">\n            <input\n              type=\"checkbox\"\n              className=\"toggle toggle-xs toggle-primary\"\n              checked={pivot.enabled}\n              onChange={(e) => setPivot({ enabled: e.target.checked })}\n            />\n            <span>开启透视模式</span>\n          </label>\n          {pivot.enabled && (\n            <div className=\"flow-inspector-row\">\n              <Label size=\"xs\" className=\"flow-inspector-label\">面板位置</Label>\n              <Select\n                options={PIVOT_PLACEMENT_OPTIONS}\n                value={pivot.panelPlacement ?? 'top'}\n                onChange={(v) => setPivot({ panelPlacement: v as FlowDataPivotPanelPlacement })}\n              />\n            </div>\n          )}\n          <div className=\"flow-inspector-help\">\n            透视的行/列/度量可在画布节点内的透视面板上交互拖拽调整。\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default DataInspectorSection;\n"],"mappings":"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"}
+{"version":3,"file":"DataInspectorSection.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/DataInspectorSection.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport Input from '../../../Input';\nimport Select from '../../../Select';\nimport Button from '../../../Button';\nimport Label from '../../../Label';\nimport { ExpandableTextarea } from './ExpandableTextarea';\nimport type {\n  FlowNode,\n  FlowDataConfig,\n  FlowDataColumn,\n  FlowDataColumnType,\n  FlowDataChartType,\n  FlowDataView,\n  FlowDataPivotPanelPlacement,\n} from '../types';\nimport {\n  parseDataFile,\n  parseCsv,\n  matrixToTable,\n  makeDefaultDataConfig,\n  applyCsvText,\n  toCsv,\n  numericFields,\n  labelFor,\n  DATA_CHART_PALETTE,\n} from '../nodes/dataUtils';\n\nconst COLUMN_TYPE_OPTIONS: Array<{ value: FlowDataColumnType; label: string }> = [\n  { value: 'string', label: '文本' },\n  { value: 'number', label: '数值' },\n  { value: 'date', label: '日期' },\n  { value: 'boolean', label: '布尔' },\n];\n\nconst CHART_TYPE_OPTIONS: Array<{ value: FlowDataChartType; label: string }> = [\n  { value: 'bar', label: '柱状图' },\n  { value: 'barHorizontal', label: '横向柱状图' },\n  { value: 'line', label: '折线图' },\n  { value: 'area', label: '面积图' },\n  { value: 'scatter', label: '散点图' },\n  { value: 'pie', label: '饼图' },\n];\n\nconst PIVOT_PLACEMENT_OPTIONS: Array<{ value: FlowDataPivotPanelPlacement; label: string }> = [\n  { value: 'top', label: '上方' },\n  { value: 'bottom', label: '下方' },\n  { value: 'left', label: '左侧' },\n  { value: 'right', label: '右侧' },\n];\n\nconst EMPTY_CONFIG: FlowDataConfig = { columns: [], rows: [], view: 'table' };\n\n/**\n * Inspector controls for a Data node: upload CSV/Excel, edit columns, edit rows\n * as CSV text (with fullscreen), and configure the table (pivot) or chart view.\n */\nexport function DataInspectorSection({\n  node,\n  onUpdateData,\n}: {\n  node: FlowNode;\n  onUpdateData: (id: string, key: string, value: any) => void;\n}) {\n  const config = node.data.dataConfig ?? EMPTY_CONFIG;\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const update = (patch: Partial<FlowDataConfig>) => {\n    onUpdateData(node.id, 'dataConfig', { ...config, ...patch });\n  };\n\n  // ── CSV text editing (local draft, committed on blur) ────────────────────\n  // The textarea edits a CSV serialization of columns+rows. We keep a local\n  // draft so typing isn't interrupted by re-parsing; the parse (which re-infers\n  // nothing for known columns and preserves chart/pivot field refs) runs once\n  // on blur / fullscreen close. When the config changes externally (upload,\n  // paste), the draft is re-synced.\n  const csvText = useMemo(() => toCsv(config.columns, config.rows), [config.columns, config.rows]);\n  const [csvDraft, setCsvDraft] = useState(csvText);\n  const lastCommitted = useRef(csvText);\n  useEffect(() => {\n    if (csvText !== lastCommitted.current) {\n      lastCommitted.current = csvText;\n      setCsvDraft(csvText);\n    }\n  }, [csvText]);\n\n  const commitCsv = (text: string) => {\n    if (text === lastCommitted.current) return;\n    lastCommitted.current = text;\n    onUpdateData(node.id, 'dataConfig', applyCsvText(config, text));\n  };\n\n  // ── File upload ────────────────────────────────────────────────────────\n  const handleFile = async (file: File) => {\n    try {\n      const parsed = await parseDataFile(file);\n      if (parsed.columns.length === 0) {\n        window.alert('未能从文件中解析出任何数据。');\n        return;\n      }\n      onUpdateData(node.id, 'dataConfig', makeDefaultDataConfig(parsed, file.name));\n    } catch (e: any) {\n      window.alert(`解析失败：${e?.message ?? e}`);\n    }\n  };\n\n  // ── Column editing ─────────────────────────────────────────────────────\n  const setColumn = (index: number, patch: Partial<FlowDataColumn>) => {\n    const columns = config.columns.map((c, i) => (i === index ? { ...c, ...patch } : c));\n    update({ columns });\n  };\n\n  const addColumn = () => {\n    const used = new Set(config.columns.map((c) => c.key));\n    let key = 'col';\n    let n = 1;\n    while (used.has(key)) key = `col_${n++}`;\n    const columns: FlowDataColumn[] = [...config.columns, { key, label: key, type: 'string' }];\n    // pad existing rows with an empty value for the new column\n    const rows = config.rows.map((r) => ({ ...r, [key]: '' }));\n    update({ columns, rows });\n  };\n\n  const removeColumn = (index: number) => {\n    const col = config.columns[index];\n    const columns = config.columns.filter((_, i) => i !== index);\n    const rows = config.rows.map((r) => {\n      const { [col.key]: _drop, ...rest } = r;\n      return rest;\n    });\n    // prune chart/pivot references to the removed column\n    const chart = config.chart\n      ? {\n          ...config.chart,\n          xField: config.chart.xField === col.key ? columns.find((c) => c.type !== 'number')?.key ?? columns[0]?.key : config.chart.xField,\n          yFields: (config.chart.yFields ?? []).filter((f) => f !== col.key),\n        }\n      : config.chart;\n    const pivot = config.pivot\n      ? {\n          ...config.pivot,\n          rowFields: config.pivot.rowFields.filter((f) => f !== col.key),\n          colFields: config.pivot.colFields.filter((f) => f !== col.key),\n          values: config.pivot.values.filter((v) => v.field !== col.key),\n        }\n      : config.pivot;\n    update({ columns, rows, chart, pivot });\n  };\n\n  // ── Paste CSV (replace whole table) ─────────────────────────────────────\n  const pasteCsv = () => {\n    const text = window.prompt('粘贴 CSV 文本（第一行为表头）：');\n    if (!text) return;\n    const parsed = matrixToTable(parseCsv(text));\n    if (parsed.columns.length === 0) {\n      window.alert('未能解析出数据。');\n      return;\n    }\n    onUpdateData(node.id, 'dataConfig', makeDefaultDataConfig(parsed));\n  };\n\n  const nums = numericFields(config.columns);\n  const chart = config.chart ?? { type: 'bar' as FlowDataChartType };\n  const setChart = (patch: Partial<typeof chart>) => update({ chart: { ...chart, ...patch } });\n\n  const setSeriesColor = (field: string, color: string) => {\n    setChart({ seriesColors: { ...chart.seriesColors, [field]: color } });\n  };\n  const resetSeriesColor = (field: string) => {\n    const next = { ...chart.seriesColors };\n    delete next[field];\n    setChart({ seriesColors: Object.keys(next).length ? next : undefined });\n  };\n\n  const palette = chart.palette?.length ? chart.palette : DATA_CHART_PALETTE;\n  const setPaletteColor = (i: number, color: string) => {\n    const next = DATA_CHART_PALETTE.map((c, j) => (j === i ? color : (chart.palette?.[j] ?? c)));\n    setChart({ palette: next });\n  };\n\n  const pivot = config.pivot ?? { enabled: false, rowFields: [], colFields: [], values: [] };\n  const setPivot = (patch: Partial<typeof pivot>) => update({ pivot: { ...pivot, ...patch } });\n\n  return (\n    <div className=\"flow-inspector-section\">\n      <div className=\"flow-inspector-section-title\">Data</div>\n\n      {/* Import controls */}\n      <div className=\"flow-inspector-row\">\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept=\".csv,.tsv,.txt,.xlsx,.xlsm,text/csv\"\n          hidden\n          onChange={(e) => {\n            const file = e.target.files?.[0];\n            e.target.value = '';\n            if (file) void handleFile(file);\n          }}\n        />\n        <Button size=\"xs\" variant=\"neutral\" onClick={() => fileInputRef.current?.click()}>\n          上传 CSV / Excel\n        </Button>\n        <Button size=\"xs\" variant=\"ghost\" onClick={pasteCsv}>\n          粘贴 CSV\n        </Button>\n      </div>\n      {config.sourceName && (\n        <div className=\"flow-inspector-help\">来源：{config.sourceName}</div>\n      )}\n\n      {/* View toggle */}\n      <div className=\"flow-inspector-row\">\n        <Label size=\"xs\" className=\"flow-inspector-label\">视图</Label>\n        <Select\n          options={[\n            { value: 'table', label: '表格 / 透视' },\n            { value: 'chart', label: '图表' },\n          ]}\n          value={config.view}\n          onChange={(v) => update({ view: v as FlowDataView })}\n        />\n      </div>\n\n      {/* Columns editor */}\n      <div className=\"flow-inspector-subtitle\">列配置（{config.columns.length}）</div>\n      {config.columns.map((col, i) => (\n        <div key={i} className=\"flow-data-col-row\">\n          <Input\n            size=\"xs\"\n            value={col.label ?? col.key}\n            placeholder=\"列名\"\n            onChange={(e) => setColumn(i, { label: e.target.value })}\n            className=\"flex-1\"\n          />\n          <Select\n            options={COLUMN_TYPE_OPTIONS}\n            value={col.type}\n            onChange={(v) => setColumn(i, { type: v as FlowDataColumnType })}\n          />\n          <Button size=\"xs\" variant=\"ghost\" onClick={() => removeColumn(i)}>\n            ✕\n          </Button>\n        </div>\n      ))}\n      <div className=\"flow-inspector-row\">\n        <Button size=\"xs\" variant=\"ghost\" onClick={addColumn}>+ 添加列</Button>\n      </div>\n\n      {/* Rows editor: CSV text with fullscreen */}\n      <div className=\"flow-inspector-subtitle\">数据（CSV · {config.rows.length} 行）</div>\n      <ExpandableTextarea\n        label=\"CSV 数据（首行为表头）\"\n        value={csvDraft}\n        onChange={setCsvDraft}\n        onBlur={commitCsv}\n        rows={8}\n        placeholder=\"类别,数值&#10;A,30&#10;B,45\"\n      />\n      <div className=\"flow-inspector-help\">\n        直接编辑 CSV 文本，失焦或关闭全屏后生效。已有列的类型会保留。\n      </div>\n\n      {/* Chart config */}\n      {config.view === 'chart' && (\n        <>\n          <div className=\"flow-inspector-subtitle\">图表配置</div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">类型</Label>\n            <Select\n              options={CHART_TYPE_OPTIONS}\n              value={chart.type}\n              onChange={(v) => setChart({ type: v as FlowDataChartType })}\n            />\n          </div>\n          <div className=\"flow-inspector-row\">\n            <Label size=\"xs\" className=\"flow-inspector-label\">\n              {chart.type === 'scatter' ? 'X 字段' : '类别轴'}\n            </Label>\n            <Select\n              options={config.columns.map((c) => ({ value: c.key, label: c.label ?? c.key }))}\n              value={chart.xField ?? ''}\n              onChange={(v) => setChart({ xField: typeof v === 'string' ? v : String(v) })}\n            />\n          </div>\n          <div className=\"flow-inspector-subtitle-sm\">\n            {chart.type === 'scatter' || chart.type === 'pie' ? '数值字段' : '数值字段（可多选，多系列）'}\n          </div>\n          {nums.length === 0 && (\n            <div className=\"flow-inspector-help\">没有数值列，请先将某列类型设为「数值」。</div>\n          )}\n          {nums.map((f) => {\n            const selected = (chart.yFields ?? []).includes(f);\n            const single = chart.type === 'scatter' || chart.type === 'pie';\n            return (\n              <label key={f} className=\"flow-data-field-toggle\">\n                <input\n                  type={single ? 'radio' : 'checkbox'}\n                  className={single ? 'radio radio-xs radio-primary' : 'checkbox checkbox-xs checkbox-primary'}\n                  checked={selected}\n                  onChange={(e) => {\n                    if (single) {\n                      setChart({ yFields: [f] });\n                      return;\n                    }\n                    const current = new Set(chart.yFields ?? []);\n                    if (e.target.checked) current.add(f);\n                    else current.delete(f);\n                    setChart({ yFields: Array.from(current) });\n                  }}\n                />\n                <span>{labelFor(config.columns, f)}</span>\n              </label>\n            );\n          })}\n\n          {/* Chart colors */}\n          {(chart.yFields ?? []).length > 0 && chart.type !== 'pie' && (\n            <>\n              <div className=\"flow-inspector-subtitle-sm\">系列颜色</div>\n              {(chart.yFields ?? []).map((f, i) => {\n                const color = chart.seriesColors?.[f] ?? DATA_CHART_PALETTE[i % DATA_CHART_PALETTE.length];\n                const overridden = !!chart.seriesColors?.[f];\n                return (\n                  <div key={f} className=\"flow-data-color-row\">\n                    <input\n                      type=\"color\"\n                      value={color}\n                      onChange={(e) => setSeriesColor(f, e.target.value)}\n                    />\n                    <span className=\"flow-data-color-label\">{labelFor(config.columns, f)}</span>\n                    {overridden && (\n                      <Button size=\"xs\" variant=\"ghost\" onClick={() => resetSeriesColor(f)}>\n                        重置\n                      </Button>\n                    )}\n                  </div>\n                );\n              })}\n            </>\n          )}\n          {chart.type === 'pie' && (\n            <>\n              <div className=\"flow-inspector-subtitle-sm\">饼图配色</div>\n              <div className=\"flow-data-palette\">\n                {DATA_CHART_PALETTE.map((_, i) => (\n                  <input\n                    key={i}\n                    type=\"color\"\n                    value={palette[i % palette.length]}\n                    onChange={(e) => setPaletteColor(i, e.target.value)}\n                  />\n                ))}\n              </div>\n              {chart.palette && (\n                <div className=\"flow-inspector-row\">\n                  <Button size=\"xs\" variant=\"ghost\" onClick={() => setChart({ palette: undefined })}>\n                    重置为默认配色\n                  </Button>\n                </div>\n              )}\n            </>\n          )}\n        </>\n      )}\n\n      {/* Pivot config */}\n      {config.view === 'table' && (\n        <>\n          <div className=\"flow-inspector-subtitle\">透视（Pivot）</div>\n          <label className=\"flow-data-field-toggle\">\n            <input\n              type=\"checkbox\"\n              className=\"toggle toggle-xs toggle-primary\"\n              checked={pivot.enabled}\n              onChange={(e) => setPivot({ enabled: e.target.checked })}\n            />\n            <span>开启透视模式</span>\n          </label>\n          {pivot.enabled && (\n            <div className=\"flow-inspector-row\">\n              <Label size=\"xs\" className=\"flow-inspector-label\">面板位置</Label>\n              <Select\n                options={PIVOT_PLACEMENT_OPTIONS}\n                value={pivot.panelPlacement ?? 'top'}\n                onChange={(v) => setPivot({ panelPlacement: v as FlowDataPivotPanelPlacement })}\n              />\n            </div>\n          )}\n          <div className=\"flow-inspector-help\">\n            透视的行/列/度量可在画布节点内的透视面板上交互拖拽调整。\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport default DataInspectorSection;\n"],"mappings":"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"}

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

@@ -1,65 +1,64 @@
-import c from "../../../Button/index.js";
-import p from "../../../Label/index.js";
-import { useState as u } from "react";
-import { Fragment as h, jsx as e, jsxs as a } from "react/jsx-runtime";
-function v({ label: l, value: r, onChange: s, onBlur: i, rows: d, placeholder: o }) {
-  const [f, n] = u(!1), m = () => {
-    n(!1), i?.(r);
-  };
-  return /* @__PURE__ */ a(h, { children: [/* @__PURE__ */ a("div", {
-    className: "flow-inspector-row flow-inspector-multiline",
-    children: [/* @__PURE__ */ a("div", {
-      className: "flow-inspector-field-heading",
-      children: [/* @__PURE__ */ e(p, {
-        size: "xs",
-        className: "flow-inspector-label",
-        children: l
-      }), /* @__PURE__ */ e(c, {
-        size: "xs",
-        variant: "ghost",
-        square: !0,
-        onClick: () => n(!0),
-        children: /* @__PURE__ */ e("span", {
-          "aria-label": "全屏编辑",
-          title: "全屏编辑",
-          children: "↗"
-        })
-      })]
-    }), /* @__PURE__ */ e("textarea", {
-      className: "flow-inspector-textarea",
-      value: r,
-      placeholder: o,
-      onChange: (t) => s(t.target.value),
-      onBlur: () => i?.(r),
-      rows: d,
-      spellCheck: !1
-    })]
-  }), f && /* @__PURE__ */ a("div", {
-    className: "flow-editor-fullscreen",
-    role: "dialog",
-    "aria-modal": "true",
-    "aria-label": `${l} 全屏编辑`,
-    children: [/* @__PURE__ */ a("div", {
-      className: "flow-editor-fullscreen-header",
-      children: [/* @__PURE__ */ e("strong", { children: l }), /* @__PURE__ */ e(c, {
-        size: "sm",
-        variant: "ghost",
-        onClick: m,
-        children: "完成"
-      })]
-    }), /* @__PURE__ */ e("textarea", {
-      className: "flow-inspector-textarea flow-editor-fullscreen-input",
-      value: r,
-      placeholder: o,
-      onChange: (t) => s(t.target.value),
-      spellCheck: !1,
-      autoFocus: !0
-    })]
-  })] });
+import e from "../../../Button/index.js";
+import t from "../../../Label/index.js";
+import { useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/ExpandableTextarea.tsx
+function o({ label: o, value: s, onChange: c, onBlur: l, rows: u, placeholder: d }) {
+	let [f, p] = n(!1);
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
+		className: "flow-inspector-row flow-inspector-multiline",
+		children: [/* @__PURE__ */ a("div", {
+			className: "flow-inspector-field-heading",
+			children: [/* @__PURE__ */ i(t, {
+				size: "xs",
+				className: "flow-inspector-label",
+				children: o
+			}), /* @__PURE__ */ i(e, {
+				size: "xs",
+				variant: "ghost",
+				square: !0,
+				onClick: () => p(!0),
+				children: /* @__PURE__ */ i("span", {
+					"aria-label": "全屏编辑",
+					title: "全屏编辑",
+					children: "↗"
+				})
+			})]
+		}), /* @__PURE__ */ i("textarea", {
+			className: "flow-inspector-textarea",
+			value: s,
+			placeholder: d,
+			onChange: (e) => c(e.target.value),
+			onBlur: () => l?.(s),
+			rows: u,
+			spellCheck: !1
+		})]
+	}), f && /* @__PURE__ */ a("div", {
+		className: "flow-editor-fullscreen",
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": `${o} 全屏编辑`,
+		children: [/* @__PURE__ */ a("div", {
+			className: "flow-editor-fullscreen-header",
+			children: [/* @__PURE__ */ i("strong", { children: o }), /* @__PURE__ */ i(e, {
+				size: "sm",
+				variant: "ghost",
+				onClick: () => {
+					p(!1), l?.(s);
+				},
+				children: "完成"
+			})]
+		}), /* @__PURE__ */ i("textarea", {
+			className: "flow-inspector-textarea flow-editor-fullscreen-input",
+			value: s,
+			placeholder: d,
+			onChange: (e) => c(e.target.value),
+			spellCheck: !1,
+			autoFocus: !0
+		})]
+	})] });
 }
-export {
-  v as ExpandableTextarea,
-  v as default
-};
+//#endregion
+export { o as ExpandableTextarea, o as default };
 
 //# sourceMappingURL=ExpandableTextarea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTextarea.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ExpandableTextarea.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Button from '../../../Button';\nimport Label from '../../../Label';\n\n/**\n * Textarea with a \"fullscreen\" expand button. The fullscreen overlay edits the\n * same value; `onBlur`/`onDone` let callers commit expensive parses only when\n * editing finishes instead of on every keystroke.\n */\nexport function ExpandableTextarea({\n  label,\n  value,\n  onChange,\n  onBlur,\n  rows,\n  placeholder,\n}: {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  /** Called when the inline textarea loses focus or fullscreen is closed. */\n  onBlur?: (value: string) => void;\n  rows: number;\n  placeholder?: string;\n}) {\n  const [expanded, setExpanded] = useState(false);\n\n  const closeFullscreen = () => {\n    setExpanded(false);\n    onBlur?.(value);\n  };\n\n  return (\n    <>\n      <div className=\"flow-inspector-row flow-inspector-multiline\">\n        <div className=\"flow-inspector-field-heading\">\n          <Label size=\"xs\" className=\"flow-inspector-label\">{label}</Label>\n          <Button size=\"xs\" variant=\"ghost\" square onClick={() => setExpanded(true)}>\n            <span aria-label=\"全屏编辑\" title=\"全屏编辑\">↗</span>\n          </Button>\n        </div>\n        <textarea\n          className=\"flow-inspector-textarea\"\n          value={value}\n          placeholder={placeholder}\n          onChange={(event) => onChange(event.target.value)}\n          onBlur={() => onBlur?.(value)}\n          rows={rows}\n          spellCheck={false}\n        />\n      </div>\n      {expanded && (\n        <div className=\"flow-editor-fullscreen\" role=\"dialog\" aria-modal=\"true\" aria-label={`${label} 全屏编辑`}>\n          <div className=\"flow-editor-fullscreen-header\">\n            <strong>{label}</strong>\n            <Button size=\"sm\" variant=\"ghost\" onClick={closeFullscreen}>完成</Button>\n          </div>\n          <textarea\n            className=\"flow-inspector-textarea flow-editor-fullscreen-input\"\n            value={value}\n            placeholder={placeholder}\n            onChange={(event) => onChange(event.target.value)}\n            spellCheck={false}\n            autoFocus\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default ExpandableTextarea;\n"],"mappings":";;;;AASA,SAAgB,EAAmB,EACjC,OAAA,GACA,OAAA,GACA,UAAA,GACA,QAAA,GACA,MAAA,GACA,aAAA,EAAA,GASC;AACD,QAAM,CAAC,GAAU,CAAA,IAAe,EAAS,EAAK,GAExC,IAAA,MAAwB;AAC5B,IAAA,EAAY,EAAK,GACjB,IAAS,CAAK;AAAA,EAChB;AAEA,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAf,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACE,gBAAA,EAAC,GAAD;AAAA,QAAO,MAAK;AAAA,QAAK,WAAU;AAAA,QAAwB,UAAA;AAAA,MAAa,CAAA,GAChE,gBAAA,EAAC,GAAD;AAAA,QAAQ,MAAK;AAAA,QAAK,SAAQ;AAAA,QAAQ,QAAA;AAAA,QAAO,SAAA,MAAe,EAAY,EAAI;AAAA,QACtE,UAAA,gBAAA,EAAC,QAAD;AAAA,UAAM,cAAW;AAAA,UAAO,OAAM;AAAA,UAAO,UAAA;AAAA,QAAO,CAAA;AAAA,MACtC,CAAA,CACL;AAAA,IACL,CAAA,GAAA,gBAAA,EAAC,YAAD;AAAA,MACE,WAAU;AAAA,MACH,OAAA;AAAA,MACM,aAAA;AAAA,MACb,UAAA,CAAW,MAAU,EAAS,EAAM,OAAO,KAAK;AAAA,MAChD,QAAA,MAAc,IAAS,CAAK;AAAA,MACtB,MAAA;AAAA,MACN,YAAY;AAAA,IACb,CAAA,CACE;AAAA,EACJ,CAAA,GAAA,KACC,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAU;AAAA,IAAyB,MAAK;AAAA,IAAS,cAAW;AAAA,IAAO,cAAY,GAAG,CAAA;AAAA,IAAvF,UAAA,CACE,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACE,gBAAA,EAAC,UAAD,EAAA,UAAS,EAAc,CAAA,GACvB,gBAAA,EAAC,GAAD;AAAA,QAAQ,MAAK;AAAA,QAAK,SAAQ;AAAA,QAAQ,SAAS;AAAA,QAAiB,UAAA;AAAA,MAAU,CAAA,CACnE;AAAA,IACL,CAAA,GAAA,gBAAA,EAAC,YAAD;AAAA,MACE,WAAU;AAAA,MACH,OAAA;AAAA,MACM,aAAA;AAAA,MACb,UAAA,CAAW,MAAU,EAAS,EAAM,OAAO,KAAK;AAAA,MAChD,YAAY;AAAA,MACZ,WAAA;AAAA,IACD,CAAA,CACE;AAAA,EAEP,CAAA,CAAA,EAAA,CAAA;AAEN"}
+{"version":3,"file":"ExpandableTextarea.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/ExpandableTextarea.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport Button from '../../../Button';\nimport Label from '../../../Label';\n\n/**\n * Textarea with a \"fullscreen\" expand button. The fullscreen overlay edits the\n * same value; `onBlur`/`onDone` let callers commit expensive parses only when\n * editing finishes instead of on every keystroke.\n */\nexport function ExpandableTextarea({\n  label,\n  value,\n  onChange,\n  onBlur,\n  rows,\n  placeholder,\n}: {\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  /** Called when the inline textarea loses focus or fullscreen is closed. */\n  onBlur?: (value: string) => void;\n  rows: number;\n  placeholder?: string;\n}) {\n  const [expanded, setExpanded] = useState(false);\n\n  const closeFullscreen = () => {\n    setExpanded(false);\n    onBlur?.(value);\n  };\n\n  return (\n    <>\n      <div className=\"flow-inspector-row flow-inspector-multiline\">\n        <div className=\"flow-inspector-field-heading\">\n          <Label size=\"xs\" className=\"flow-inspector-label\">{label}</Label>\n          <Button size=\"xs\" variant=\"ghost\" square onClick={() => setExpanded(true)}>\n            <span aria-label=\"全屏编辑\" title=\"全屏编辑\">↗</span>\n          </Button>\n        </div>\n        <textarea\n          className=\"flow-inspector-textarea\"\n          value={value}\n          placeholder={placeholder}\n          onChange={(event) => onChange(event.target.value)}\n          onBlur={() => onBlur?.(value)}\n          rows={rows}\n          spellCheck={false}\n        />\n      </div>\n      {expanded && (\n        <div className=\"flow-editor-fullscreen\" role=\"dialog\" aria-modal=\"true\" aria-label={`${label} 全屏编辑`}>\n          <div className=\"flow-editor-fullscreen-header\">\n            <strong>{label}</strong>\n            <Button size=\"sm\" variant=\"ghost\" onClick={closeFullscreen}>完成</Button>\n          </div>\n          <textarea\n            className=\"flow-inspector-textarea flow-editor-fullscreen-input\"\n            value={value}\n            placeholder={placeholder}\n            onChange={(event) => onChange(event.target.value)}\n            spellCheck={false}\n            autoFocus\n          />\n        </div>\n      )}\n    </>\n  );\n}\n\nexport default ExpandableTextarea;\n"],"mappings":";;;;;AASA,SAAgB,EAAmB,EACjC,UACA,UACA,aACA,WACA,SACA,kBASC;CACD,IAAM,CAAC,GAAU,KAAe,EAAS,EAAK;CAO9C,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,GAAD;IAAO,MAAK;IAAK,WAAU;IAAwB,UAAA;GAAa,CAAA,GAChE,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,QAAA;IAAO,eAAe,EAAY,EAAI;IACtE,UAAA,kBAAC,QAAD;KAAM,cAAW;KAAO,OAAM;KAAO,UAAA;IAAO,CAAA;GACtC,CAAA,CACL;EACL,CAAA,GAAA,kBAAC,YAAD;GACE,WAAU;GACH;GACM;GACb,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;GAChD,cAAc,IAAS,CAAK;GACtB;GACN,YAAY;EACb,CAAA,CACE;CACJ,CAAA,GAAA,KACC,kBAAC,OAAD;EAAK,WAAU;EAAyB,MAAK;EAAS,cAAW;EAAO,cAAY,GAAG,EAAM;EAA7F,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,UAAD,EAAA,UAAS,EAAc,CAAA,GACvB,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAQ;IAAQ,eA5Bd;KAE5B,AADA,EAAY,EAAK,GACjB,IAAS,CAAK;IAChB;IAyBsE,UAAA;GAAU,CAAA,CACnE;EACL,CAAA,GAAA,kBAAC,YAAD;GACE,WAAU;GACH;GACM;GACb,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;GAChD,YAAY;GACZ,WAAA;EACD,CAAA,CACE;CAEP,CAAA,CAAA,EAAA,CAAA;AAEN"}

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

@@ -1,118 +1,118 @@
-import P from "../../../Select/index.js";
-import { useDraggablePanel as $ } from "../hooks/useDraggablePanel.js";
-import { useResizablePanel as x } from "../hooks/useResizablePanel.js";
-import { useCallback as z, useEffect as D, useState as T } from "react";
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-var j = {
-  left: [{
-    target: "float",
-    glyph: "⬈",
-    title: "浮动面板"
-  }, {
-    target: "right",
-    glyph: "⇥",
-    title: "停靠到右侧"
-  }],
-  right: [{
-    target: "left",
-    glyph: "⇤",
-    title: "停靠到左侧"
-  }, {
-    target: "float",
-    glyph: "⬈",
-    title: "浮动面板"
-  }],
-  float: [{
-    target: "left",
-    glyph: "⇤",
-    title: "停靠到左侧"
-  }, {
-    target: "right",
-    glyph: "⇥",
-    title: "停靠到右侧"
-  }]
+import e from "../../../Select/index.js";
+import { useDraggablePanel as t } from "../hooks/useDraggablePanel.js";
+import { useResizablePanel as n } from "../hooks/useResizablePanel.js";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/pro/Flow/panels/FlowPanelGroup.tsx
+var c = {
+	left: [{
+		target: "float",
+		glyph: "⬈",
+		title: "浮动面板"
+	}, {
+		target: "right",
+		glyph: "⇥",
+		title: "停靠到右侧"
+	}],
+	right: [{
+		target: "left",
+		glyph: "⇤",
+		title: "停靠到左侧"
+	}, {
+		target: "float",
+		glyph: "⬈",
+		title: "浮动面板"
+	}],
+	float: [{
+		target: "left",
+		glyph: "⇤",
+		title: "停靠到左侧"
+	}, {
+		target: "right",
+		glyph: "⇥",
+		title: "停靠到右侧"
+	}]
 };
-function H({ tabs: l, defaultTab: h, className: g, resizeEdge: s, defaultWidth: m, style: u, dock: p, onDock: r, onDragHintChange: w, onClose: d }) {
-  const [i, f] = T(h ?? l[0]?.id), o = p === "float", t = l.find((e) => e.id === i)?.id ?? l[0]?.id, { panelStyle: y, handleProps: N } = $(o ? {
-    onDropDock: (e) => {
-      t && r?.(t, e);
-    },
-    onDragHintChange: w
-  } : void 0), { panelWidth: v, resizeHandleProps: b } = x(s, m);
-  D(() => {
-    l.length > 0 && !l.find((e) => e.id === i) && f(l[0].id);
-  }, [l, i]);
-  const S = z((e) => {
-    t && r?.(t, e);
-  }, [t, r]);
-  if (l.length === 0) return null;
-  const a = l.find((e) => e.id === i) ?? l[0], k = l.length > 1, C = j[p ?? "left"];
-  return /* @__PURE__ */ c("div", {
-    className: `${g ?? "flow-palette"}${o ? " flow-panel--detached" : " flow-panel--docked"}`,
-    "data-flow-panel": !0,
-    style: {
-      ...u,
-      ...o ? y : void 0,
-      width: v
-    },
-    children: [
-      /* @__PURE__ */ n("div", {
-        className: `flow-panel-resize-handle flow-panel-resize-handle--${s}`,
-        ...b
-      }),
-      /* @__PURE__ */ c("div", {
-        className: "flow-panel-header",
-        children: [
-          o && /* @__PURE__ */ n("span", {
-            className: "flow-panel-grip",
-            title: "拖动移动面板",
-            ...N,
-            children: "⠿"
-          }),
-          k ? /* @__PURE__ */ n(P, {
-            className: "flow-panel-select",
-            options: l.map((e) => ({
-              value: e.id,
-              label: typeof e.icon == "string" && e.icon ? `${e.icon} ${e.label}` : e.label
-            })),
-            value: a.id,
-            onChange: (e) => f(String(e))
-          }) : /* @__PURE__ */ c("span", {
-            className: "flow-panel-header-label",
-            children: [a.icon && /* @__PURE__ */ n("span", {
-              className: "flow-panel-tab-icon",
-              children: a.icon
-            }), a.label]
-          }),
-          /* @__PURE__ */ c("span", {
-            className: "flow-panel-header-actions",
-            children: [C.map((e) => /* @__PURE__ */ n("button", {
-              type: "button",
-              className: "flow-panel-dock-btn",
-              title: e.title,
-              onClick: () => S(e.target),
-              children: e.glyph
-            }, e.target)), d && /* @__PURE__ */ n("button", {
-              type: "button",
-              className: "flow-panel-dock-btn flow-panel-close-btn",
-              title: "关闭面板（可从工具栏重新打开）",
-              onClick: () => {
-                t && d(t);
-              },
-              children: "✕"
-            })]
-          })
-        ]
-      }),
-      /* @__PURE__ */ n("div", {
-        className: "flow-palette-content",
-        children: a.content
-      })
-    ]
-  });
+function l({ tabs: l, defaultTab: u, className: d, resizeEdge: f, defaultWidth: p, style: m, dock: h, onDock: g, onDragHintChange: _, onClose: v }) {
+	let [y, b] = a(u ?? l[0]?.id), x = h === "float", S = l.find((e) => e.id === y)?.id ?? l[0]?.id, { panelStyle: C, handleProps: w } = t(x ? {
+		onDropDock: (e) => {
+			S && g?.(S, e);
+		},
+		onDragHintChange: _
+	} : void 0), { panelWidth: T, resizeHandleProps: E } = n(f, p);
+	i(() => {
+		l.length > 0 && !l.find((e) => e.id === y) && b(l[0].id);
+	}, [l, y]);
+	let D = r((e) => {
+		S && g?.(S, e);
+	}, [S, g]);
+	if (l.length === 0) return null;
+	let O = l.find((e) => e.id === y) ?? l[0], k = l.length > 1, A = c[h ?? "left"];
+	return /* @__PURE__ */ s("div", {
+		className: `${d ?? "flow-palette"}${x ? " flow-panel--detached" : " flow-panel--docked"}`,
+		"data-flow-panel": !0,
+		style: {
+			...m,
+			...x ? C : void 0,
+			width: T
+		},
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: `flow-panel-resize-handle flow-panel-resize-handle--${f}`,
+				...E
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flow-panel-header",
+				children: [
+					x && /* @__PURE__ */ o("span", {
+						className: "flow-panel-grip",
+						title: "拖动移动面板",
+						...w,
+						children: "⠿"
+					}),
+					k ? /* @__PURE__ */ o(e, {
+						className: "flow-panel-select",
+						options: l.map((e) => ({
+							value: e.id,
+							label: typeof e.icon == "string" && e.icon ? `${e.icon} ${e.label}` : e.label
+						})),
+						value: O.id,
+						onChange: (e) => b(String(e))
+					}) : /* @__PURE__ */ s("span", {
+						className: "flow-panel-header-label",
+						children: [O.icon && /* @__PURE__ */ o("span", {
+							className: "flow-panel-tab-icon",
+							children: O.icon
+						}), O.label]
+					}),
+					/* @__PURE__ */ s("span", {
+						className: "flow-panel-header-actions",
+						children: [A.map((e) => /* @__PURE__ */ o("button", {
+							type: "button",
+							className: "flow-panel-dock-btn",
+							title: e.title,
+							onClick: () => D(e.target),
+							children: e.glyph
+						}, e.target)), v && /* @__PURE__ */ o("button", {
+							type: "button",
+							className: "flow-panel-dock-btn flow-panel-close-btn",
+							title: "关闭面板（可从工具栏重新打开）",
+							onClick: () => {
+								S && v(S);
+							},
+							children: "✕"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "flow-palette-content",
+				children: O.content
+			})
+		]
+	});
 }
-export {
-  H as default
-};
+//#endregion
+export { l as default };
 
 //# sourceMappingURL=FlowPanelGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlowPanelGroup.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowPanelGroup.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport Select from '../../../Select';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel, type ResizeEdge } from '../hooks/useResizablePanel';\nimport type { FlowPanelDock } from '../context/FlowUIContext';\n\nexport interface PanelTab {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  content: React.ReactNode;\n}\n\ninterface FlowPanelGroupProps {\n  tabs: PanelTab[];\n  defaultTab?: string;\n  className?: string;\n  resizeEdge: ResizeEdge;\n  defaultWidth: number;\n  style?: React.CSSProperties;\n  /** Which dock this group occupies ('float' = draggable overlay). */\n  dock?: FlowPanelDock;\n  /** Request moving the current tab to another dock (left/right/float). */\n  onDock?: (tabId: string, dock: FlowPanelDock) => void;\n  /** Floating panels report the dock edge they hover while dragging. */\n  onDragHintChange?: (side: 'left' | 'right' | null) => void;\n  /** Close (hide) the current panel; it can be reopened via the toolbar. */\n  onClose?: (tabId: string) => void;\n}\n\n/** Header buttons offered per current dock, in display order. */\nconst DOCK_ACTIONS: Record<FlowPanelDock, Array<{ target: FlowPanelDock; glyph: string; title: string }>> = {\n  left: [\n    { target: 'float', glyph: '⬈', title: '浮动面板' },\n    { target: 'right', glyph: '⇥', title: '停靠到右侧' },\n  ],\n  right: [\n    { target: 'left', glyph: '⇤', title: '停靠到左侧' },\n    { target: 'float', glyph: '⬈', title: '浮动面板' },\n  ],\n  float: [\n    { target: 'left', glyph: '⇤', title: '停靠到左侧' },\n    { target: 'right', glyph: '⇥', title: '停靠到右侧' },\n  ],\n};\n\nexport default function FlowPanelGroup({\n  tabs,\n  defaultTab,\n  className,\n  resizeEdge,\n  defaultWidth,\n  style,\n  dock,\n  onDock,\n  onDragHintChange,\n  onClose,\n}: FlowPanelGroupProps) {\n  const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id);\n  const isFloating = dock === 'float';\n  const currentId = tabs.find(t => t.id === activeTab)?.id ?? tabs[0]?.id;\n  const { panelStyle, handleProps } = useDraggablePanel(\n    isFloating\n      ? {\n          onDropDock: (side) => { if (currentId) onDock?.(currentId, side); },\n          onDragHintChange,\n        }\n      : undefined,\n  );\n  const { panelWidth, resizeHandleProps } = useResizablePanel(resizeEdge, defaultWidth);\n\n  useEffect(() => {\n    if (tabs.length > 0 && !tabs.find(t => t.id === activeTab)) {\n      setActiveTab(tabs[0].id);\n    }\n  }, [tabs, activeTab]);\n\n  const handleDock = useCallback((target: FlowPanelDock) => {\n    if (currentId) onDock?.(currentId, target);\n  }, [currentId, onDock]);\n\n  if (tabs.length === 0) return null;\n\n  const current = tabs.find(t => t.id === activeTab) ?? tabs[0];\n  const showSwitcher = tabs.length > 1;\n  const actions = DOCK_ACTIONS[dock ?? 'left'];\n\n  return (\n    <div\n      className={`${className ?? 'flow-palette'}${isFloating ? ' flow-panel--detached' : ' flow-panel--docked'}`}\n      data-flow-panel\n      style={{ ...style, ...(isFloating ? panelStyle : undefined), width: panelWidth }}\n    >\n      <div\n        className={`flow-panel-resize-handle flow-panel-resize-handle--${resizeEdge}`}\n        {...resizeHandleProps}\n      />\n      <div className=\"flow-panel-header\">\n        {isFloating && (\n          <span className=\"flow-panel-grip\" title=\"拖动移动面板\" {...handleProps}>⠿</span>\n        )}\n        {showSwitcher ? (\n          <Select\n            className=\"flow-panel-select\"\n            options={tabs.map(t => ({\n              value: t.id,\n              label: typeof t.icon === 'string' && t.icon ? `${t.icon} ${t.label}` : t.label,\n            }))}\n            value={current.id}\n            onChange={(v) => setActiveTab(String(v))}\n          />\n        ) : (\n          <span className=\"flow-panel-header-label\">\n            {current.icon && <span className=\"flow-panel-tab-icon\">{current.icon}</span>}\n            {current.label}\n          </span>\n        )}\n        <span className=\"flow-panel-header-actions\">\n          {actions.map(a => (\n            <button\n              key={a.target}\n              type=\"button\"\n              className=\"flow-panel-dock-btn\"\n              title={a.title}\n              onClick={() => handleDock(a.target)}\n            >{a.glyph}</button>\n          ))}\n          {onClose && (\n            <button\n              type=\"button\"\n              className=\"flow-panel-dock-btn flow-panel-close-btn\"\n              title=\"关闭面板（可从工具栏重新打开）\"\n              onClick={() => { if (currentId) onClose(currentId); }}\n            >✕</button>\n          )}\n        </span>\n      </div>\n      <div className=\"flow-palette-content\">\n        {current.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FlowPanelGroup.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/FlowPanelGroup.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport Select from '../../../Select';\nimport { useDraggablePanel } from '../hooks/useDraggablePanel';\nimport { useResizablePanel, type ResizeEdge } from '../hooks/useResizablePanel';\nimport type { FlowPanelDock } from '../context/FlowUIContext';\n\nexport interface PanelTab {\n  id: string;\n  label: string;\n  icon?: React.ReactNode;\n  content: React.ReactNode;\n}\n\ninterface FlowPanelGroupProps {\n  tabs: PanelTab[];\n  defaultTab?: string;\n  className?: string;\n  resizeEdge: ResizeEdge;\n  defaultWidth: number;\n  style?: React.CSSProperties;\n  /** Which dock this group occupies ('float' = draggable overlay). */\n  dock?: FlowPanelDock;\n  /** Request moving the current tab to another dock (left/right/float). */\n  onDock?: (tabId: string, dock: FlowPanelDock) => void;\n  /** Floating panels report the dock edge they hover while dragging. */\n  onDragHintChange?: (side: 'left' | 'right' | null) => void;\n  /** Close (hide) the current panel; it can be reopened via the toolbar. */\n  onClose?: (tabId: string) => void;\n}\n\n/** Header buttons offered per current dock, in display order. */\nconst DOCK_ACTIONS: Record<FlowPanelDock, Array<{ target: FlowPanelDock; glyph: string; title: string }>> = {\n  left: [\n    { target: 'float', glyph: '⬈', title: '浮动面板' },\n    { target: 'right', glyph: '⇥', title: '停靠到右侧' },\n  ],\n  right: [\n    { target: 'left', glyph: '⇤', title: '停靠到左侧' },\n    { target: 'float', glyph: '⬈', title: '浮动面板' },\n  ],\n  float: [\n    { target: 'left', glyph: '⇤', title: '停靠到左侧' },\n    { target: 'right', glyph: '⇥', title: '停靠到右侧' },\n  ],\n};\n\nexport default function FlowPanelGroup({\n  tabs,\n  defaultTab,\n  className,\n  resizeEdge,\n  defaultWidth,\n  style,\n  dock,\n  onDock,\n  onDragHintChange,\n  onClose,\n}: FlowPanelGroupProps) {\n  const [activeTab, setActiveTab] = useState(defaultTab ?? tabs[0]?.id);\n  const isFloating = dock === 'float';\n  const currentId = tabs.find(t => t.id === activeTab)?.id ?? tabs[0]?.id;\n  const { panelStyle, handleProps } = useDraggablePanel(\n    isFloating\n      ? {\n          onDropDock: (side) => { if (currentId) onDock?.(currentId, side); },\n          onDragHintChange,\n        }\n      : undefined,\n  );\n  const { panelWidth, resizeHandleProps } = useResizablePanel(resizeEdge, defaultWidth);\n\n  useEffect(() => {\n    if (tabs.length > 0 && !tabs.find(t => t.id === activeTab)) {\n      setActiveTab(tabs[0].id);\n    }\n  }, [tabs, activeTab]);\n\n  const handleDock = useCallback((target: FlowPanelDock) => {\n    if (currentId) onDock?.(currentId, target);\n  }, [currentId, onDock]);\n\n  if (tabs.length === 0) return null;\n\n  const current = tabs.find(t => t.id === activeTab) ?? tabs[0];\n  const showSwitcher = tabs.length > 1;\n  const actions = DOCK_ACTIONS[dock ?? 'left'];\n\n  return (\n    <div\n      className={`${className ?? 'flow-palette'}${isFloating ? ' flow-panel--detached' : ' flow-panel--docked'}`}\n      data-flow-panel\n      style={{ ...style, ...(isFloating ? panelStyle : undefined), width: panelWidth }}\n    >\n      <div\n        className={`flow-panel-resize-handle flow-panel-resize-handle--${resizeEdge}`}\n        {...resizeHandleProps}\n      />\n      <div className=\"flow-panel-header\">\n        {isFloating && (\n          <span className=\"flow-panel-grip\" title=\"拖动移动面板\" {...handleProps}>⠿</span>\n        )}\n        {showSwitcher ? (\n          <Select\n            className=\"flow-panel-select\"\n            options={tabs.map(t => ({\n              value: t.id,\n              label: typeof t.icon === 'string' && t.icon ? `${t.icon} ${t.label}` : t.label,\n            }))}\n            value={current.id}\n            onChange={(v) => setActiveTab(String(v))}\n          />\n        ) : (\n          <span className=\"flow-panel-header-label\">\n            {current.icon && <span className=\"flow-panel-tab-icon\">{current.icon}</span>}\n            {current.label}\n          </span>\n        )}\n        <span className=\"flow-panel-header-actions\">\n          {actions.map(a => (\n            <button\n              key={a.target}\n              type=\"button\"\n              className=\"flow-panel-dock-btn\"\n              title={a.title}\n              onClick={() => handleDock(a.target)}\n            >{a.glyph}</button>\n          ))}\n          {onClose && (\n            <button\n              type=\"button\"\n              className=\"flow-panel-dock-btn flow-panel-close-btn\"\n              title=\"关闭面板（可从工具栏重新打开）\"\n              onClick={() => { if (currentId) onClose(currentId); }}\n            >✕</button>\n          )}\n        </span>\n      </div>\n      <div className=\"flow-palette-content\">\n        {current.content}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}