数据准备 ​

基于 Vue Flow 的可视化数据准备（Dataset）：从已发布的数据库建模中选表、配置多表 Join、编写 公式度量，并通过 数据输出 投影字段，导出可持久化的 DataPrepDataset 并支持预览查询。

与其它低代码工具的分工（完整链路见 低代码设计器）：

数据库建模（PostgreSQL 物理模型）
    ↓ 已发布元数据
数据准备 Dataset（怎么算）          ← 本模块
    ↓ 查询结果（经数据请求写入 state）
    ├─→ 低代码设计器（页面组件绑定）
    └─→ 报表设计器（图表 dataBinding）
可选：数据清洗 CleanFlow（怎么洗）→ 调用时执行（规划对接展示侧）

界面分区 ​

┌─────────────────────────────────────────────────────────────┐
│ 工具栏：数据集名称 / 预览数据 / 保存                           │
├────┬──────────────┬─────────────────────────────────────────┤
│ 轨 │ 左侧面板      │ Vue Flow 画布                            │
│ 道 │ 表/度量/输出  │ 表节点、Join 连线、小地图 / 缩放控件       │
└────┴──────────────┴─────────────────────────────────────────┘

核心能力 ​

1. 跨建模选表：左轨「添加表」按建模分组列出表，可连续添加；第一张表自动设为主表
2. 手动表关联：画布拖线打开抽屉，配置 INNER / LEFT / RIGHT 与多字段并 / 或条件
3. 维度 / 度量配置：每条配置 = 多个维度字段 + 一条公式度量（SUM([alias.col]) 等）
4. 数据输出：勾选 / 排序 outputFields；预览与对外查询均按此投影（未配置则不可预览）
5. 本地 + Mock：Dataset 写入 localStorage；查询走 sample/mock/dataPrep.ts

推荐阅读 ​

1. 基础用法 — 接入演示、操作流程、设计器 API
2. 数据模型 — DataPrepDataset / metricConfigs / 查询结果
3. 公式度量 — 字段引用、聚合与逻辑函数
4. 表关联 — Join 类型、多字段条件、并 / 或