2910410219
76be2dc85c
将旧的分级 upLevel/remove 联动规则改为基于完整路径的平铺结构。
新增特性：
- 标量字段（string/number/boolean）配置面板中增加"容器字段"开关
- 开关打开后展示"联动隐藏"下拉菜单，列出当前字段同级及以上所有可选字段
- 下拉展示格式："字段key — 完整路径"（如 type — messages.attrs[0].content.attrs[0].type）
- 选中后以 { key: path } 格式输出，渲染器按路径直接定位隐藏字段
核心改动：
- index.vue: 新增 getAvailableFields / getNodeJsonPath 替代旧的分级遍历逻辑
- getAvailableFields: 从当前字段向上遍历，跳过数组层级，根级只含容器自身
- getNodeJsonPath: inAttrs 状态机生成完整路径（messages.attrs[0].content.attrs[0].type）
- linkRules 类型从 Array<{ upLevel, remove[] }> 改为 Array<Record<string, string>>
- formToConfig / hasAnyConfig 同步更新
- FieldConfigDialog.vue: 重构联动隐藏UI，单 el-select multiple 替代分级 checkbox
- JsonNode.vue: 类型同步 + 摘要显示容器触发器及规则数
数据格式示例：
"isContainer": true,
"linkRules": [
{ "type": "messages.attrs[0].content.attrs[0].type" }
]
🌈 介绍
基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。
🚧 安装 cnpm、yarn
- 复制代码(桌面 cmd 运行)
npm install -g cnpm --registry=https://registry.npm.taobao.org - 复制代码(桌面 cmd 运行)
npm install -g yarn
🏭 环境支持
| Edge | last 2 versions | last 2 versions | last 2 versions |
|---|---|---|---|
 |
 |
 |
 |
由于 Vue3 不再支持 IE11，故而 ElementPlus 也不支持 IE11 及之前版本。
⚡ 使用说明
建议使用 cnpm，因为 yarn 有时会报错。node 版本[v16.x ~ v20.x)
# 克隆项目
git clone -b v3.2 https://gitee.com/tiger1103/gfast-ui.git
# 进入项目
cd gfast-ui
# 安装依赖
npm install --registry=https://registry.npmmirror.com
# 运行项目
npm run dev
# 打包发布
npm run build