flame-plus 1.3.22 → 1.3.24

package/.claude/settings.local.json

@@ -0,0 +1,18 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(python3:*)",
+      "Bash(npm run:*)",
+      "mcp__ide__getDiagnostics",
+      "Bash(cat /Users/albert/Workspaces/poba/flame-plus/node_modules/flame-types/lib/*.d.ts 2>/dev/null | head -30)",
+      "Bash(wc -l /Users/albert/Workspaces/poba/flame-plus/src/packages/components/framework/*.ts /Users/albert/Workspaces/poba/flame-plus/src/packages/components/framework/*.vue 2>/dev/null | head -20)",
+      "Bash(ls -la /Users/albert/Workspaces/spark/flame-types/src/ 2>/dev/null || find /Users/albert/Workspaces/spark/flame-types -name \"*.ts\" -o -name \"*.d.ts\" | head -30)",
+      "Bash(cd /Users/albert/Workspaces/spark/flame-types && npm install 2>&1)",
+      "Bash(npm pack:*)",
+      "Bash(cd /Users/albert/Workspaces/poba/flame-plus && npm install /Users/albert/Workspaces/spark/flame-types/flame-types-1.1.7.tgz 2>&1)",
+      "Bash(npm install:*)",
+      "Bash(npx vue-tsc:*)",
+      "Bash(grep -l \"framework.vue\" /Users/albert/.claude/plans/*.md 2>/dev/null | head -5)"
+    ]
+  }
+}

package/docs/framework-dynamic-form-value-retrieval.md

@@ -0,0 +1,153 @@
+# 动态表单取值与提交数据详解
+
+本文说明 **`flmDynamicForm` 运行时**如何汇总各分组数据、数据在 **`flmGridForm`** 中如何维护，以及 **`componentList` 自定义控件**为何必须遵守 `onChange` / `onInput` 契约才能出现在提交结果中。
+
+与外部组件注册、设计器配置形态相关的说明见：[framework-external-components.md](./framework-external-components.md)。
+
+---
+
+## 1. 总览：数据从哪来
+
+```
+┌─────────────────────────────────────────────────────────────────┐
+│ flmDynamicForm (config.groups + config.buttons)                  │
+│   ├─ type === 'form'  → flmGridForm (每个分组一个实例)              │
+│   │       └─ 内部 reactive: formModel { [prop]: value }          │
+│   └─ type === 'subForm' → flm-sub-form + 本组件内 subFormData     │
+│                                                                  │
+│ 底部按钮 submit/cancel/reset → getDynamicFormData() → emit        │
+└─────────────────────────────────────────────────────────────────┘
+```
+
+**要点**：
+
+- 动态表单**不会**遍历 DOM 或调用各控件的「取值 API」；**只读 `flmGridForm` 暴露的 `formModel` 与子表单的 `subFormData`**。
+- 任一表单项的值要进提交 payload，必须在用户交互时通过 `flmGridForm` 已注入的回调写进 `formModel[prop]`（见第 3 节）。
+
+---
+
+## 2. 提交时：`getDynamicFormData` 行为
+
+源码：`src/packages/components/complex/flmDynamicForm/flmDynamicForm.vue`。
+
+### 2.1 `type === 'form'` 分组
+
+1. 用分组 **`id`** 在 `formRefs` 里取对应的 **`flmGridForm` 实例**（通过 `ref` 回调挂载）。
+2. 从实例上解析 **`formModel`**（兼容多种 Vue 3 实例形态）：
+
+   - `inst.formModel`
+   - `inst.exposed.formModel`
+   - `inst.$.exposed.formModel`
+   - `inst.$.setupState.formModel`
+
+3. 若当前 `id` 取不到 `formModel`，会**兜底**：在 `formRefs` 里找**第一个**能 `pickFormModel` 成功的实例（多表单分组时若 `id` 不一致可能出现合并错乱，应保证配置里 **`group.id` 与 ref 使用的 id 一致**）。
+4. 将 `formModel` **深拷贝为普通对象**后 **`Object.assign` 到结果根对象**，即：**同一动态表单里多个 `form` 分组的字段会摊平到同一层**；若不同分组出现相同 `prop` 键，**后遍历的分组会覆盖先遍历的**。
+
+### 2.2 `type === 'subForm'` 分组
+
+- 数据来自 **`subFormData[id]`**（与 `flm-sub-form` 的 `v-model` 同步），在结果中为 **`payload[groupId] = 行数组`**，**不摊平到根对象**。
+
+### 2.3 底部按钮与事件参数
+
+- `submit` / `cancel` / `reset`：`emit(event, getDynamicFormData())`，即上述合并后的 **payload**。
+- 其他按钮：`emit('customEvent', { event, data: btn })`，**不带**自动汇总的表单数据；若业务需要当前表单值，需自行 `ref` 动态表单或在外层监听并缓存。
+
+---
+
+## 3. `flmGridForm` 内：`formModel` 如何写入
+
+源码：`src/packages/components/complex/flmGirdForm/flmGridForm.vue`。
+
+### 3.1 核心结构
+
+- `formModel`：`reactive<Record<string, any>>({})`，通过 **`expose({ formModel, reset })`** 暴露给父级。
+- 任意字段更新统一走 **`formChange(value, prop)`** → **`formModel[prop] = value`**。
+
+### 3.2 与配置的双向同步
+
+- **`props.config.model`** 变化时：`updateFormModel` 把外部 model 合并进 `formModel`；`updateControl` 把 `formModel` 同步回各 `controlConfig` 的展示值（`modelValue` 或 `model-value`，由 `isInputControl` 决定）。
+- **`formModel` 变化时：`watch(formModel, …)` → `updateControl`，保证控件 config 上的当前值与模型一致。
+
+### 3.3 表单项 `prop` 即 `formModel` 的键
+
+每个 `items[]` 项有 **`prop`（字符串）**。`controlDom` 里注入回调时使用的就是这个 **`prop`**：
+
+```ts
+;(config as any)[event] = (value: any) => formChange(value, prop)
+```
+
+因此 **提交对象里字段名 = 各表单项的 `prop`**。设计器保存时，`FlameFramework` 通常用控件内部 id 作为 `prop`（如 `ctrl_xxx_时间戳`），业务若需要固定业务字段名，需在**加载配置后映射**或改设计器生成规则（见外部组件指南第 5 节）。
+
+---
+
+## 4. 控件渲染分支与「写回」方式
+
+`controlDom` 对不同类型处理不同，**只有写回路径接上了 `formChange`，值才会进 `formModel`**。
+
+| 类型 / 分支 | 写回方式 |
+|-------------|----------|
+| **`flmInput`** | `config.onInput` → `formChange(value, prop)`（注意不是 `onChange`） |
+| **`flmSearchSelect`** | 单独渲染，使用 `onUpdate` 等，内部再 `formChange` |
+| **`flmDatePicker`** | `onUpdate:modelValue` → `formChange` |
+| **`flmImage` / 上传** | `onUpload` 等 → `formChange` |
+| **`FlmEditor`** | `onUpdate` → `formChange` |
+| **其余（含 `resolveComponent` 自定义）** | 拷贝后的 `config` 上挂 **`onChange`**（非 flmInput）→ `formChange`；渲染 **`<DynamicComp config={config} />`** |
+
+**自定义组件（`componentList` 拖入、保存为某 `controlType`）**落在最后一行：**必须**在用户改值时调用传入的 **`config.onChange(newValue)`**。若错误地只使用 `emit('update:modelValue')` 而父级未绑定，**不会**更新 `formModel`。
+
+若某自定义控件**错误地把 `controlType` 设成 `flmInput`**，则框架会注入 **`onInput`**；此时组件内应调用 **`config.onInput`**，而不是 `onChange`。
+
+---
+
+## 5. 单独使用 `flmGridForm` 时的取值
+
+未包在 `flmDynamicForm` 里时：
+
+- **提交类按钮**：`flmGridForm` 内在校验通过后 **`emit('submit', formModel)`**（引用同一 reactive 对象）。
+- **程序化读取**：父组件通过 **`ref` + `expose`** 拿到子组件实例，读取 **`formModel`**（与 `flmDynamicForm` 的 `pickFormModel` 目标一致）。
+
+`flmDynamicForm` 正是依赖子级 **`expose` 的 `formModel`** 做聚合，而不是依赖 `submit` 事件参数。
+
+---
+
+## 6. 常见问题与排障
+
+### 6.1 基础控件有值，自定义控件提交没有
+
+1. 确认运行时 **`resolveComponent(controlType)`** 能解析到正确组件（全局注册名与 JSON 中 `controlType` 一致）。  
+2. 在自定义组件内确认用户操作后是否调用了 **`config.onChange`**（或 **`config.onInput`** 当类型为 `flmInput`）。  
+3. 确认没有把 `formModel` 当作只读：应通过回调写回，而不是仅本地 `ref`。
+
+### 6.2 多个 `form` 分组字段「串了」或只有一部分有数据
+
+- 检查每个 **`form` 分组的 `id`** 是否与 `flmDynamicForm` 里 `setFormRef(id, el)` 使用的 id 一致。  
+- 若 `id` 缺失或重复，`pickFormModel` 可能走到兜底逻辑，导致读到错误或单个实例。
+
+### 6.3 `prop` 为设计器 id，与后端字段不一致
+
+- 属**配置形态**问题：在加载 JSON 后批量改写 `items[].prop`，或在保存/加载管线做映射；不在 `getDynamicFormData` 内自动转换。
+
+### 6.4 `subForm` 有数据，`form` 没有
+
+- `subForm` 走 **`subFormData`**；`form` 走 **`flmGridForm.formModel`**。两套机制独立，勿混用。
+
+---
+
+## 7. 相关源码索引
+
+| 主题 | 路径 |
+|------|------|
+| 汇总提交、`formRefs`、`pickFormModel`、`getDynamicFormData` | `src/packages/components/complex/flmDynamicForm/flmDynamicForm.vue` |
+| `formModel`、`formChange`、`controlDom`、各特殊分支、`expose` | `src/packages/components/complex/flmGirdForm/flmGridForm.vue` |
+| 保存时 `items[].prop` / `controlType` / `controlConfig` | `src/packages/components/framework/framework.vue` → `buildFrameworkConfig` |
+| 自定义控件契约（注册与设计器） | [framework-external-components.md](./framework-external-components.md) |
+
+---
+
+## 8. 自检清单（取值相关）
+
+- [ ] 自定义控件在变更时调用 **`config.onChange`**（或 **`config.onInput`** 当 `controlType === 'flmInput'`）  
+- [ ] 从 **`config.modelValue` / `config['model-value']`** 读取当前值并与展示同步  
+- [ ] 多 **`form` 分组**时 **`group.id` 唯一且稳定**，与 ref 键一致  
+- [ ] 需要固定业务字段名时，已对 **`items[].prop`** 或 payload 做映射  
+- [ ] **`subForm`** 数据在 payload 中为 **`payload[groupId]`** 数组，而非根级扁平字段  

package/docs/framework-external-components.md

@@ -0,0 +1,182 @@
+# FlameFramework 外部组件接入指南
+
+本文说明**外部系统**如何开发（或封装）Vue 组件，并通过 `componentList` 传入 `FlameFramework`（表单设计器），使设计结果在 **`flmDynamicForm` / `flmGridForm` 运行时**中正确渲染。
+
+**运行时如何汇总表单值、为何自定义控件必须 `onChange`/`onInput`：** 见 [framework-dynamic-form-value-retrieval.md](./framework-dynamic-form-value-retrieval.md)。
+
+---
+
+## 1. 整体流程
+
+1. 在宿主应用中**全局注册**组件，**注册名**必须与表单项里的 `controlType` 字符串**完全一致**（例如 `flmSysUserSelect`）。
+2. 通过 `app.use(FlamePlus, …, [YourComponent])` 或 `app.component(name, YourComponent)` 完成注册（见第 3 节）。
+3. 将预设条目数组传给 `<FlameFramework :component-list="…" />`。
+4. 设计器保存后，配置中的 `items[].controlType` 即为上述名称；运行时由 `flmGridForm` 使用 `resolveComponent(controlType)` 解析。
+
+---
+
+## 2. `componentList` 数据结构
+
+`FlameFramework` 接收可选 prop：`componentList`。每一项在设计器左栏「**组件库**」中显示为可拖拽预设，拖入表单后会与内置默认配置合并。
+
+| 字段 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| `key` | `string` | 是 | 列表唯一标识（如 `sys-user-select`），便于外部列表渲染与去重 |
+| `label` | `string` | 是 | 左栏显示名称（如「人员单选」） |
+| `type` | `string` | 是 | **控件类型名**，写入保存结果的 `controlType`，须与全局注册的组件名一致 |
+| `icon` | `string` | 否 | 左栏图标，默认 `🧩` |
+| `defaultConfig` | `Record<string, unknown>` | 否 | 与 `getDefaultConfig(type)` 结果**浅合并**，覆盖默认 `controlConfig` |
+| `defaultFormItem` | 对象 | 否 | 覆盖默认表单项元数据（如 `label`、`required`、`rules`） |
+
+`defaultFormItem` 常用字段与 `FormItemSettings` 对齐，例如：`label`、`required`、`rules`、`labelWidth` 等。
+
+**注意**：源码中 `FrameworkComponentItem.type` 目前标注为 `BasicControlType`（仅内置基础控件）。传入 **`flmSearchSelect`、自定义 `flmXxx`** 等在运行时通常仍可用，但 TypeScript 可能需要 `as any` 或本地扩展类型声明，直至类型定义放宽。
+
+---
+
+## 3. 在宿主应用中注册组件
+
+### 3.1 使用 Flame-Plus `install` 第三参数合并
+
+`install` 会将自定义组件与内置表合并后统一 `app.component(name, component)`：
+
+```ts
+import { createApp } from 'vue'
+import FlamePlus from 'flame-plus'
+import FlmSysUserSelect from './components/FlmSysUserSelect.vue'
+
+const app = createApp(App)
+app.use(FlamePlus, undefined, { FlmSysUserSelect }) // 键名即全局组件名
+```
+
+对象形式下，**对象的 key** 为组件名（须与 `componentList[].type`、`controlType` 一致）。
+
+### 3.2 单独注册
+
+```ts
+app.component('FlmSysUserSelect', FlmSysUserSelect)
+```
+
+未全局注册的 `controlType` 在运行时会解析失败或无法渲染。
+
+---
+
+## 4. 传入 `FlameFramework`
+
+```vue
+<template>
+  <FlameFramework
+    :component-list="systemComponentPresets"
+    @save="onSave"
+  />
+</template>
+
+<script setup lang="ts">
+const systemComponentPresets = [
+  {
+    key: 'sys-user-single',
+    label: '人员（弹窗单选）',
+    icon: '👤',
+    type: 'flmSearchSelect',
+    defaultConfig: {
+      service_name: 'your-service',
+      fk_table_name: 'your_person_table',
+      placeholder: '请选择人员'
+    },
+    defaultFormItem: { label: '人员' }
+  },
+  {
+    key: 'sys-dept-tree',
+    label: '部门（下拉）',
+    type: 'flmSelect',
+    defaultConfig: {
+      placeholder: '请选择部门',
+      options: [],
+      clearable: true
+    },
+    defaultFormItem: { label: '部门' }
+  }
+]
+</script>
+```
+
+`defaultConfig` 的内容即落库后的 `controlConfig` 初始值（设计器内还可继续改）。
+
+---
+
+## 5. 保存结果中的表单项形态
+
+设计器 `save` 事件抛出配置，其中表单分组下的 `items` 与 `FormConfig['items']` 一致。每个控件对应一项，核心字段包括：
+
+- `prop`：设计器生成的控件 id（字符串），**业务侧若需固定字段名，应在加载配置后做映射或在二次开发设计器中改生成规则**。
+- `controlType`：与 `componentList[].type` / 全局组件名一致。
+- `controlConfig`：控件配置快照（含 `model-value` 等）。
+- `gridX` / `gridY` / `gridW` / `gridH`：栅格布局（默认 24 列）。
+
+运行时由 `flmDynamicForm` → `flmGridForm` 根据 `controlType` 渲染。
+
+---
+
+## 6. 自定义控件与 `flmGridForm` 的契约
+
+`flmGridForm` 对**大部分**控件采用统一方式（非 `flmInput`、`flmSearchSelect`、`flmDatePicker`、`flmImage`、`FlmEditor` 等特殊分支）：
+
+- 渲染为：`<YourComponent config={mergedConfig} />`
+- `mergedConfig` 在原有 `controlConfig` 基础上会注入：
+  - `modelValue`：来自 `controlConfig['model-value']`
+  - **`onChange`**：表单写入用（`flmInput` 类型使用 **`onInput`** 而非 `onChange`）
+
+因此，**推荐**自定义控件与内置 `flmSelect` 等保持一致：
+
+1. **Props**：声明 `config: Object`（或具体类型）。
+2. **取值**：从 `config['model-value']` 或 `config.modelValue` 读取当前值（以你方 `filterConfig` 习惯为准）。
+3. **改值**：用户操作后调用 **`config.onChange?.(newValue)`**（若为输入类且走 `flmInput` 分支则调用 **`config.onInput`**——自定义类型一般不会走 `flmInput` 分支，用 `onChange` 即可）。
+
+若控件需要 `isSearch` 等额外 props，需在 `flmGridForm` 增加分支或复用现有特殊类型模式；**默认动态分支不会传递 `isSearch`**。
+
+### 6.1 与 `flmSearchSelect` 对齐的特殊协议
+
+若 `controlType` 为 `flmSearchSelect`，`flmGridForm` 会单独传 `onUpdate`、合并 `ref` 等，**不能**仅靠通用 `config` 协议实现，需直接使用或封装 `flmSearchSelect`。
+
+---
+
+## 7. 表单设计器画布（设计态）限制
+
+设计区内预览使用 `FormDesignArea` 内置的 `controlComponents` 映射：**仅内置基础控件有真实预览**。未在映射表中的 `type` 会**回退为 `flmInput` 占位**，不影响已保存 JSON 在 **`flmGridForm` 运行态**的解析，但设计时视觉与内置控件不一致。
+
+可选改进方向（需改本库）：
+
+- 为 `flmSearchSelect` 等补充映射；或
+- 为 `FormDesignArea` 增加可选 prop，合并外部传入的 `type → 组件` 表。
+
+---
+
+## 8. 与 `flame-types` / `ControlTypes`
+
+消费端若使用 TypeScript 维护表单配置，内置枚举见包内 `ControlTypes`。**自定义 `controlType` 不会出现在枚举中**，可：
+
+- 使用 `string` 扩展类型；或
+- 在业务侧声明：`type ControlType = ControlTypes | 'FlmSysUserSelect' | …`。
+
+---
+
+## 9. 自检清单
+
+- [ ] 全局注册名与 `componentList[].type`、`items[].controlType` 一致  
+- [ ] 自定义组件实现 `config` + `onChange`（或对齐 `flmSearchSelect` 等特殊协议）  
+- [ ] 宿主已安装 `flame-request`、`element-plus` 等依赖（若组件内部使用）  
+- [ ] 接受设计器画布对非内置 `type` 可能显示为输入框占位  
+- [ ] 保存后的 `prop` 为设计器 id，业务落库字段映射方案已明确  
+
+---
+
+## 10. 相关源码位置（本仓库）
+
+| 内容 | 路径 |
+|------|------|
+| `componentList` prop 与 `componentWidgetList` | `src/packages/components/framework/framework.vue` |
+| 保存时 `controlType` / `controlConfig` 生成 | `buildFrameworkConfig`（同文件） |
+| 左栏「组件库」 | `src/packages/components/framework/components/WidgetPanel.vue` |
+| 设计区控件映射 | `src/packages/components/framework/components/FormDesignArea.vue` |
+| 运行时解析与事件注入 | `src/packages/components/complex/flmGirdForm/flmGridForm.vue` |
+| 全局注册合并 | `src/packages/index.ts` → `install` |

package/flameDist/flame-plus.css

@@ -1 +1 @@
-@charset "UTF-8";.flm-json-editor[data-v-df13db26]{box-sizing:border-box}.flm-json-editor[data-v-df13db26] .jse-main{min-height:inherit}.spark-dialog{min-width:800px}[data-v-2ac40a62] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 32px;display:inline-flex;flex-wrap:wrap;margin:0}[data-v-2ac40a62] .el-upload--picture-card{--el-upload-picture-card-size: 32px;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;justify-content:center;align-items:center}[data-v-2ac40a62] .el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;color:#fff;opacity:0;font-size:10px;background-color:var(--el-overlay-color-lighter);transition:opacity var(--el-transition-duration)}.component[data-v-2ac40a62]{display:flex;justify-content:center}.component .preview[data-v-2ac40a62]{margin-left:10px;width:32px;height:32px}.component .remove[data-v-2ac40a62]{color:red;margin-left:10px;width:32px;height:32px}.default-form[data-v-e30bb619] .el-form-item{width:calc((100% - 32px * var(--2e850991)) / var(--2e850991))}.default-form .form-buttons[data-v-e30bb619]{width:100%}.default-form .form-buttons[data-v-e30bb619] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-e30bb619]{margin-left:10px}.default-form .form-buttons .buttons[data-v-e30bb619]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-e30bb619]:last-child{margin-left:0}.search-form .search-form-item[data-v-e30bb619]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-e30bb619]{margin-right:10px}.buttons[data-v-e30bb619]{margin-left:10px}.buttons[data-v-e30bb619]:first-child{margin-left:0}.form-item-editor[data-v-e30bb619]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-e30bb619]{margin-left:10px;width:32px;height:32px}.full-row[data-v-e30bb619] .el-button,.full-row[data-v-e30bb619] .el-cascader,.full-row[data-v-e30bb619] .el-checkbox,.full-row[data-v-e30bb619] .el-color-picker,.full-row[data-v-e30bb619] .el-input,.full-row[data-v-e30bb619] .el-input-number,.full-row[data-v-e30bb619] .el-radio,.full-row[data-v-e30bb619] .el-rate,.full-row[data-v-e30bb619] .el-read,.full-row[data-v-e30bb619] .el-select,.full-row[data-v-e30bb619] .el-slider,.full-row[data-v-e30bb619] .el-switch,.full-row[data-v-e30bb619] .el-time-picker,.full-row[data-v-e30bb619] .el-time-select{width:100%}.header-add[data-v-2327bbfd]{display:flex}.header-add[data-v-2327bbfd] .el-cascader{width:120px;margin-right:4px}.sub-form-wrapper[data-v-8afae0e5]{width:100%}.sub-form-item[data-v-8afae0e5]{margin-bottom:16px;padding:16px;border:1px solid #ebeef5;border-radius:4px}.sub-form-items-grid[data-v-8afae0e5]{min-height:32px}.sub-form-header[data-v-8afae0e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sub-form-title[data-v-8afae0e5]{font-weight:500;color:#303133}.sub-form-footer[data-v-8afae0e5]{margin-top:8px}.preview[data-v-8afae0e5]{margin-left:10px;width:32px;height:32px}.full-row[data-v-8afae0e5] .el-button,.full-row[data-v-8afae0e5] .el-cascader,.full-row[data-v-8afae0e5] .el-checkbox,.full-row[data-v-8afae0e5] .el-color-picker,.full-row[data-v-8afae0e5] .el-input,.full-row[data-v-8afae0e5] .el-input-number,.full-row[data-v-8afae0e5] .el-radio,.full-row[data-v-8afae0e5] .el-rate,.full-row[data-v-8afae0e5] .el-read,.full-row[data-v-8afae0e5] .el-select,.full-row[data-v-8afae0e5] .el-slider,.full-row[data-v-8afae0e5] .el-switch,.full-row[data-v-8afae0e5] .el-time-picker,.full-row[data-v-8afae0e5] .el-time-select{width:100%}.default-form[data-v-dc671f45] .el-form-item{width:calc((100% - 32px * var(--7d7e414b)) / var(--7d7e414b))}.default-form .form-buttons[data-v-dc671f45]{width:100%}.default-form .form-buttons[data-v-dc671f45] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-dc671f45]{margin-left:10px}.default-form .form-buttons .buttons[data-v-dc671f45]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-dc671f45]:last-child{margin-left:0}.search-form .search-form-item[data-v-dc671f45]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-dc671f45]{margin-right:10px}.buttons[data-v-dc671f45]{margin-left:10px}.buttons[data-v-dc671f45]:first-child{margin-left:0}.form-item-editor[data-v-dc671f45]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-dc671f45]{margin-left:10px;width:32px;height:32px}.full-row[data-v-dc671f45] .el-button,.full-row[data-v-dc671f45] .el-cascader,.full-row[data-v-dc671f45] .el-checkbox,.full-row[data-v-dc671f45] .el-color-picker,.full-row[data-v-dc671f45] .el-input,.full-row[data-v-dc671f45] .el-input-number,.full-row[data-v-dc671f45] .el-radio,.full-row[data-v-dc671f45] .el-rate,.full-row[data-v-dc671f45] .el-read,.full-row[data-v-dc671f45] .el-select,.full-row[data-v-dc671f45] .el-slider,.full-row[data-v-dc671f45] .el-switch,.full-row[data-v-dc671f45] .el-time-picker,.full-row[data-v-dc671f45] .el-time-select,.form-items-grid[data-v-dc671f45]{width:100%}.form-items-grid[data-v-dc671f45] .el-form-item{margin-bottom:0}.flm-dynamic-form[data-v-3b98d510]{display:flex;flex-direction:column;gap:16px}.flm-dynamic-form-buttons[data-v-3b98d510]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.toolbar[data-v-cdd04d10]{min-width:300px;display:flex;align-items:center}.toolbar .dropdown[data-v-cdd04d10]{margin-left:10px}.search-toobar[data-v-cdd04d10]{text-align:right}.search-toobar .dropdown[data-v-cdd04d10]{margin-left:10px}.report-page[data-v-4bddcaea]{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:50px 1fr 50px;padding:10px;border-radius:2px;background:#fff}.report-page .page-header[data-v-4bddcaea]{display:flex;align-items:center;justify-content:space-between}.report-page .page-header .page-toolbar[data-v-4bddcaea]{margin-bottom:18px}.report-page .page-header[data-v-4bddcaea],.report-page .page-table[data-v-4bddcaea],.report-page .page-pagination[data-v-4bddcaea]{grid-column:span 24}.report-page .page-pagination[data-v-4bddcaea]{align-self:end;justify-self:end}.export-page[data-v-034c1907]{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:50px 1fr 50px;padding:20px;border-radius:2px;background:#fff}.export-page .page-header[data-v-034c1907]{display:flex;align-items:center;justify-content:space-between}.export-page .page-header .page-toolbar[data-v-034c1907]{margin-bottom:18px}.export-page .page-header[data-v-034c1907],.export-page .page-table[data-v-034c1907],.export-page .page-pagination[data-v-034c1907]{grid-column:span 24}.export-page .page-pagination[data-v-034c1907]{align-self:end;justify-self:end}.panel-title[data-v-0abe3c42]{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid var(--el-border-color-lighter)}.widget-panel[data-v-0abe3c42]{width:280px;flex-shrink:0;background:var(--el-fill-color-blank);border-right:1px solid var(--el-border-color-lighter);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}.widget-groups[data-v-0abe3c42]{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.widget-panel .panel-title[data-v-0abe3c42]{flex-shrink:0}.widget-group[data-v-0abe3c42]{flex-shrink:0;border-bottom:1px solid var(--el-border-color-lighter)}.widget-group[data-v-0abe3c42]:last-of-type{border-bottom:none}.widget-group-title[data-v-0abe3c42]{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--el-text-color-secondary);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.widget-group-title[data-v-0abe3c42]:hover{background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.widget-group-title[data-v-0abe3c42]:focus{outline:none}.widget-group-arrow[data-v-0abe3c42]{font-size:14px;transition:transform .2s;transform:rotate(90deg)}.widget-group-arrow.is-collapsed[data-v-0abe3c42]{transform:rotate(0)}.widget-group-body[data-v-0abe3c42]{padding-bottom:8px}.widget-palette[data-v-0abe3c42]{list-style:none;margin:0;padding:0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.widget-palette-item[data-v-0abe3c42]{display:flex;align-items:center;justify-content:center;width:100%;padding:6px 8px;font-size:12px;border:1px dashed var(--el-border-color);border-radius:4px;cursor:grab;background:var(--el-fill-color-lighter);transition:border-color .2s,background .2s;min-width:0}.widget-palette-item[data-v-0abe3c42]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.ghost[data-v-0abe3c42]{opacity:.5}.vue-grid-item[data-v-99aff433]{transition:all .2s ease;transition-property:left,top,right}.vue-grid-item.no-touch[data-v-99aff433]{touch-action:none}.vue-grid-item.cssTransforms[data-v-99aff433]{transition-property:transform;left:0;right:auto}.vue-grid-item.cssTransforms.render-rtl[data-v-99aff433]{left:auto;right:0}.vue-grid-item.resizing[data-v-99aff433]{opacity:.6;z-index:3}.vue-grid-item.vue-draggable-dragging[data-v-99aff433]{transition:none;z-index:3}.vue-grid-item.vue-grid-placeholder[data-v-99aff433]{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.vue-grid-item>.vue-resizable-handle[data-v-99aff433]{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}.vue-grid-item>.vue-rtl-resizable-handle[data-v-99aff433]{bottom:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDAwMDAwMDAwMDAwMDAyIiBoZWlnaHQ9IjEwLjAwMDAwMDAwMDAwMDAwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB5PSItMSIgeD0iLTEiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgaWQ9ImNhbnZhc0dyaWQiPgogICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWRwYXR0ZXJuKSIgc3Ryb2tlLXdpZHRoPSIwIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIi8+CiAgPC9nPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxsaW5lIGNhbnZhcz0iI2ZmZmZmZiIgY2FudmFzLW9wYWNpdHk9IjEiIHN0cm9rZS1saW5lY2FwPSJ1bmRlZmluZWQiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBpZD0ic3ZnXzEiIHkyPSItNzAuMTc4NDA3IiB4Mj0iMTI0LjQ2NDE3NSIgeTE9Ii0zOC4zOTI3MzciIHgxPSIxNDQuODIxMjg5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIi8+CiAgPGxpbmUgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z181IiB5Mj0iOS4xMDY5NTciIHgyPSIwLjk0NzI0NyIgeTE9Ii0wLjAxODEyOCIgeDE9IjAuOTQ3MjQ3IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz4KICA8bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z183IiB5Mj0iOSIgeDI9IjEwLjA3MzUyOSIgeTE9IjkiIHgxPSItMC42NTU2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2NjY2NjYiIGZpbGw9Im5vbmUiLz4KIDwvZz4KPC9zdmc+);background-position:bottom left;padding-left:3px;background-repeat:no-repeat;background-origin:content-box;cursor:sw-resize;right:auto}.vue-grid-item.disable-userselect[data-v-99aff433]{-webkit-user-select:none;user-select:none}.vue-grid-layout[data-v-a10aee95]{position:relative;transition:height .2s ease}.form-canvas-area[data-v-aa239909]{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--el-fill-color-light);border-right:1px solid var(--el-border-color-lighter)}.canvas-toolbar[data-v-aa239909]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--el-border-color-lighter);background:#fff}.canvas-title[data-v-aa239909]{font-weight:600;font-size:14px}.canvas-toolbar-actions[data-v-aa239909]{display:flex;align-items:center;gap:8px}.form-canvas[data-v-aa239909]{flex:1;min-height:0;height:100%;max-height:100%;padding:0;overflow-y:auto;overflow-x:hidden;background:#fff;display:flex;flex-direction:column}.form-widget-container[data-v-aa239909]{flex:1;min-height:0;padding:8px;background:#fff;border-radius:4px;display:flex;flex-direction:column}.module-list[data-v-aa239909]{display:flex;flex-direction:column;gap:8px}.module-wrap[data-v-aa239909]{border:1px solid var(--el-border-color);border-radius:6px;padding:8px 10px 10px;background-color:var(--el-fill-color-blank);transition:border-color .15s ease,box-shadow .15s ease}.module-wrap.grid-widget-wrap--selected[data-v-aa239909]{border-color:var(--el-color-primary)}.module-header[data-v-aa239909]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.module-header-actions[data-v-aa239909]{display:flex;align-items:center;gap:4px}.module-title[data-v-aa239909]{position:relative;padding-left:10px;font-weight:600;font-size:13px}.module-body[data-v-aa239909]{margin-top:4px}.module-inner-drop-zone[data-v-aa239909]{min-height:40px;padding:6px 10px;border:1px dashed var(--el-border-color);border-radius:4px;background:var(--el-fill-color-lighter);margin-bottom:8px;display:flex;align-items:center;justify-content:center;color:var(--el-text-color-placeholder);font-size:12px}.module-body-content[data-v-aa239909]{margin-top:2px;min-height:40px;border-radius:4px;position:relative;cursor:pointer}.module-body-content--selected[data-v-aa239909]{box-shadow:0 0 0 1px var(--el-color-primary);border-radius:4px}.module-body-content[data-v-aa239909] .form-inner{margin-top:0}.slot-placeholder[data-v-aa239909]{padding:10px 12px;border:1px dashed var(--el-border-color);border-radius:6px;background:var(--el-fill-color-lighter);color:var(--el-text-color-secondary)}.slot-placeholder--inner[data-v-aa239909]{margin:6px 0}.slot-title[data-v-aa239909]{font-size:12px;font-weight:600;color:var(--el-text-color-regular)}.slot-desc[data-v-aa239909]{margin-top:4px;font-size:12px;color:var(--el-text-color-secondary)}.custom-widget-placeholder[data-v-aa239909]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;min-height:0;padding:10px 12px;border:1px dashed var(--el-color-warning-light-5);border-radius:6px;background:var(--el-color-warning-light-9);font-size:12px}.custom-widget-name[data-v-aa239909]{font-weight:600;color:var(--el-text-color-primary)}.custom-widget-hint[data-v-aa239909]{font-size:11px;color:var(--el-text-color-secondary)}.add-group-bar[data-v-aa239909]{flex-shrink:0;padding:10px 12px;border-bottom:1px dashed var(--el-border-color-lighter);display:flex;justify-content:center;align-items:center}.drop-zone-inline[data-v-aa239909]{display:flex;align-items:center;justify-content:center;padding:12px 16px;border:1px dashed var(--el-border-color);border-radius:6px;color:var(--el-text-color-secondary);font-size:13px;min-height:52px;width:100%;box-sizing:border-box}.drop-zone-inline[data-v-aa239909]:before{content:"请将新增控件拖入此处";pointer-events:none}.form-grid-layout[data-v-aa239909]{flex:1;min-height:280px}.grid-widget-wrap[data-v-aa239909]{position:relative;width:100%;height:100%;padding:4px 8px;border:1px dashed transparent;border-radius:4px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.grid-widget-wrap.grid-widget-wrap--selected[data-v-aa239909]{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary)}.grid-widget-wrap:hover .widget-actions[data-v-aa239909],.grid-widget-wrap.grid-widget-wrap--selected .widget-actions[data-v-aa239909]{opacity:1}.canvas-form-item[data-v-aa239909]{margin-bottom:0}.canvas-form-item[data-v-aa239909] .el-form-item__label{font-size:12px}.canvas-form-item[data-v-aa239909] .el-input,.canvas-form-item[data-v-aa239909] .el-select,.canvas-form-item[data-v-aa239909] .el-date-editor,.canvas-form-item[data-v-aa239909] .el-time-picker{width:100%}.form-inner[data-v-aa239909]{width:100%;min-height:80px;display:flex;flex-direction:column}.form-inner-drop-bar[data-v-aa239909]{flex-shrink:0;margin-bottom:8px}.form-inner-drop-zone[data-v-aa239909]{min-height:44px;padding:8px 12px;border:1px dashed var(--el-border-color);border-radius:6px;background:var(--el-fill-color-lighter);width:100%;box-sizing:border-box;display:flex;align-items:center}.form-inner-drop-zone[data-v-aa239909]:before{content:"将基础控件拖入此处";display:block;color:var(--el-text-color-placeholder);font-size:12px;line-height:1.5;pointer-events:none}.form-inner-grid-layout[data-v-aa239909]{min-height:120px}.form-inner-grid-layout[data-v-aa239909] .vue-grid-item{display:flex;flex-direction:column;overflow:visible}.form-inner-grid-layout[data-v-aa239909] .vue-grid-item>.form-inner-control-wrap{flex:1;min-height:0;overflow:visible}.global-buttons-bar[data-v-aa239909]{margin-top:12px;padding-top:8px;border-top:1px dashed var(--el-border-color-lighter);display:flex;align-items:center;gap:8px}.global-buttons-label[data-v-aa239909]{font-size:12px;color:var(--el-text-color-secondary)}.global-buttons-list[data-v-aa239909]{display:flex;flex-wrap:wrap;gap:8px}.global-buttons-empty[data-v-aa239909]{font-size:12px;color:var(--el-text-color-placeholder)}.form-inner-control-wrap[data-v-aa239909]{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;flex-shrink:0;padding:8px;border:2px dashed var(--el-border-color-lighter);border-radius:4px;cursor:pointer;transition:border-color .15s ease}.form-inner-control-wrap[data-v-aa239909]:hover{border-color:var(--el-border-color)}.form-inner-control-wrap.form-inner-control-wrap--selected[data-v-aa239909]{border:2px solid var(--el-color-primary)}.form-inner-control-wrap:hover .widget-actions[data-v-aa239909]{opacity:1}.form-inner-control-wrap[data-v-aa239909] .canvas-form-item{flex:1;min-height:0;overflow:visible}.form-inner-control-wrap[data-v-aa239909] .canvas-form-item .el-form-item__content{overflow:visible;min-height:auto;min-width:min-content;flex-shrink:0;display:flex;align-items:center}.form-inner-control-wrap[data-v-aa239909] .canvas-form-item .el-rate{flex-shrink:0}.widget-actions[data-v-aa239909]{position:absolute;bottom:6px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease;z-index:2;background:#ffffffe6;padding:2px 4px;border-radius:4px;box-shadow:0 1px 4px #00000014}.preview-canvas[data-v-da2dce19]{padding:8px 0;min-height:120px}.preview-canvas[data-v-da2dce19] .form-items-grid{min-height:80px}.preview-canvas[data-v-da2dce19] .el-form-item__label{font-size:12px}.panel-title[data-v-b59df61f]{padding:8px 12px;font-weight:600;font-size:13px;border-bottom:1px solid var(--el-border-color-lighter)}.settings-panel[data-v-b59df61f]{width:400px;flex-shrink:0;background:var(--el-fill-color-blank);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.settings-form-wrap[data-v-b59df61f]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;height:100%;max-height:100%}.attr-group[data-v-b59df61f]{border-bottom:1px solid var(--el-border-color-lighter)}.attr-group[data-v-b59df61f]:last-of-type{border-bottom:none}.attr-group__header[data-v-b59df61f]{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--el-text-color-secondary);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s}.attr-group__header[data-v-b59df61f]:hover{background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.attr-group__title[data-v-b59df61f]{flex:1}.attr-group__arrow[data-v-b59df61f]{font-size:12px;transition:transform .2s;transform:rotate(90deg)}.attr-group__arrow.is-collapsed[data-v-b59df61f]{transform:rotate(0)}.attr-group__body[data-v-b59df61f]{padding:0 10px 8px;background:var(--el-fill-color-blank)}.settings-form[data-v-b59df61f] .el-form-item{margin-bottom:8px}.settings-form[data-v-b59df61f] .el-form-item__label{padding-bottom:2px;font-size:12px}.settings-empty[data-v-b59df61f]{padding:16px 12px;font-size:12px;color:var(--el-text-color-placeholder);text-align:center}.unsupported-hint[data-v-22a95e5f]{font-size:12px;color:var(--el-text-color-secondary);margin-top:6px}.form-builder-framework{height:100%;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.framework-lr{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;height:100%;min-height:0;min-width:0}.vue-grid-layout{position:relative;transition:height .2s ease}.vue-grid-item{transition:all .2s ease;transition-property:left,top,right}.vue-grid-item.no-touch{touch-action:none}.vue-grid-item.cssTransforms{transition-property:transform;left:0;right:auto}.vue-grid-item.resizing{opacity:.85;z-index:3}.vue-grid-item.vue-draggable-dragging{transition:none;z-index:10;opacity:.95;box-shadow:0 8px 24px #0000002e}.vue-grid-item.vue-grid-placeholder{background:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);opacity:.6;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none;border-radius:6px}.vue-grid-item>.vue-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath fill='%23000' opacity='.3' d='M 6 6 L 0 6 L 0 4.2 L 4.2 4.2 L 4.2 0 L 6 0 Z'/%3E%3C/svg%3E");background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}.settings-form[data-v-8f983eb5] .el-form-item{margin-bottom:10px}.settings-form--nested[data-v-8f983eb5] .el-form-item{margin-bottom:8px}.settings-form[data-v-8f983eb5] .el-form-item__label{padding-bottom:2px;font-size:12px}.settings-form[data-v-8f983eb5] .el-divider{margin:10px 0 8px}.settings-form[data-v-8f983eb5] .el-divider__text{font-size:12px}.form-buttons-checkboxes[data-v-8f983eb5]{display:flex;flex-direction:column;gap:8px}.option-row--buttons[data-v-8f983eb5]{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.option-row--buttons .opt-event[data-v-8f983eb5]{width:100px}.option-row--buttons .opt-label[data-v-8f983eb5]{flex:1;min-width:80px}.option-row--buttons .opt-type[data-v-8f983eb5]{width:90px}.option-row--buttons.option-row--active[data-v-8f983eb5]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.option-row--buttons .opt-index[data-v-8f983eb5]{font-size:12px;color:var(--el-text-color-secondary)}.option-row--buttons .opt-summary[data-v-8f983eb5]{flex:1;min-width:120px}.json-options-row[data-v-8f983eb5]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.json-options-hint[data-v-8f983eb5]{font-size:12px;color:var(--el-text-color-secondary);flex:1;min-width:0}.settings-empty-hint[data-v-8f983eb5]{font-size:12px;color:var(--el-text-color-secondary);padding:4px 0}.framework-json-editor[data-v-8f983eb5]{width:100%}.jse-theme-dark{--jse-theme: dark;--jse-theme-color: #2f6dd0;--jse-theme-color-highlight: #467cd2;--jse-background-color: #1e1e1e;--jse-text-color: #d4d4d4;--jse-text-color-inverse: #4d4d4d;--jse-main-border: 1px solid #4f4f4f;--jse-menu-color: #fff;--jse-modal-background: #2f2f2f;--jse-modal-overlay-background: rgba(0, 0, 0, .5);--jse-modal-code-background: #2f2f2f;--jse-tooltip-color: var(--jse-text-color);--jse-tooltip-background: #4b4b4b;--jse-tooltip-border: 1px solid #737373;--jse-tooltip-action-button-color: inherit;--jse-tooltip-action-button-background: #737373;--jse-panel-background: #333333;--jse-panel-background-border: 1px solid #464646;--jse-panel-color: var(--jse-text-color);--jse-panel-color-readonly: #737373;--jse-panel-border: 1px solid #3c3c3c;--jse-panel-button-color-highlight: #e5e5e5;--jse-panel-button-background-highlight: #464646;--jse-navigation-bar-background: #656565;--jse-navigation-bar-background-highlight: #7e7e7e;--jse-navigation-bar-dropdown-color: var(--jse-text-color);--jse-context-menu-background: #4b4b4b;--jse-context-menu-background-highlight: #595959;--jse-context-menu-separator-color: #595959;--jse-context-menu-color: var(--jse-text-color);--jse-context-menu-pointer-background: #737373;--jse-context-menu-pointer-background-highlight: #818181;--jse-context-menu-pointer-color: var(--jse-context-menu-color);--jse-key-color: #9cdcfe;--jse-value-color: var(--jse-text-color);--jse-value-color-number: #b5cea8;--jse-value-color-boolean: #569cd6;--jse-value-color-null: #569cd6;--jse-value-color-string: #ce9178;--jse-value-color-url: #ce9178;--jse-delimiter-color: #949494;--jse-edit-outline: 2px solid var(--jse-text-color);--jse-selection-background-color: #464646;--jse-selection-background-inactive-color: #333333;--jse-hover-background-color: #343434;--jse-active-line-background-color: rgba(255, 255, 255, .06);--jse-search-match-background-color: #343434;--jse-collapsed-items-background-color: #333333;--jse-collapsed-items-selected-background-color: #565656;--jse-collapsed-items-link-color: #b2b2b2;--jse-collapsed-items-link-color-highlight: #ec8477;--jse-search-match-color: #724c27;--jse-search-match-outline: 1px solid #966535;--jse-search-match-active-color: #9f6c39;--jse-search-match-active-outline: 1px solid #bb7f43;--jse-tag-background: #444444;--jse-tag-color: #bdbdbd;--jse-table-header-background: #333333;--jse-table-header-background-highlight: #424242;--jse-table-row-odd-background: rgba(255, 255, 255, .1);--jse-input-background: #3d3d3d;--jse-input-border: var(--jse-main-border);--jse-button-background: #808080;--jse-button-background-highlight: #7a7a7a;--jse-button-color: #e0e0e0;--jse-button-secondary-background: #494949;--jse-button-secondary-background-highlight: #5d5d5d;--jse-button-secondary-background-disabled: #9d9d9d;--jse-button-secondary-color: var(--jse-text-color);--jse-a-color: #55abff;--jse-a-color-highlight: #4387c9;--jse-svelte-select-background: #3d3d3d;--jse-svelte-select-border: 1px solid #4f4f4f;--list-background: #3d3d3d;--item-hover-bg: #505050;--multi-item-bg: #5b5b5b;--input-color: #d4d4d4;--multi-clear-bg: #8a8a8a;--multi-item-clear-icon-color: #d4d4d4;--multi-item-outline: 1px solid #696969;--list-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);--jse-color-picker-background: #656565;--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px}
+@charset "UTF-8";.flm-json-editor[data-v-df13db26]{box-sizing:border-box}.flm-json-editor[data-v-df13db26] .jse-main{min-height:inherit}.spark-dialog{min-width:800px}[data-v-2ac40a62] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 32px;display:inline-flex;flex-wrap:wrap;margin:0}[data-v-2ac40a62] .el-upload--picture-card{--el-upload-picture-card-size: 32px;background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);border-radius:6px;box-sizing:border-box;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);cursor:pointer;vertical-align:top;display:inline-flex;justify-content:center;align-items:center}[data-v-2ac40a62] .el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;display:inline-flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;color:#fff;opacity:0;font-size:10px;background-color:var(--el-overlay-color-lighter);transition:opacity var(--el-transition-duration)}.component[data-v-2ac40a62]{display:flex;justify-content:center}.component .preview[data-v-2ac40a62]{margin-left:10px;width:32px;height:32px}.component .remove[data-v-2ac40a62]{color:red;margin-left:10px;width:32px;height:32px}.default-form[data-v-e30bb619] .el-form-item{width:calc((100% - 32px * var(--2e850991)) / var(--2e850991))}.default-form .form-buttons[data-v-e30bb619]{width:100%}.default-form .form-buttons[data-v-e30bb619] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-e30bb619]{margin-left:10px}.default-form .form-buttons .buttons[data-v-e30bb619]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-e30bb619]:last-child{margin-left:0}.search-form .search-form-item[data-v-e30bb619]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-e30bb619]{margin-right:10px}.buttons[data-v-e30bb619]{margin-left:10px}.buttons[data-v-e30bb619]:first-child{margin-left:0}.form-item-editor[data-v-e30bb619]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-e30bb619]{margin-left:10px;width:32px;height:32px}.full-row[data-v-e30bb619] .el-button,.full-row[data-v-e30bb619] .el-cascader,.full-row[data-v-e30bb619] .el-checkbox,.full-row[data-v-e30bb619] .el-color-picker,.full-row[data-v-e30bb619] .el-input,.full-row[data-v-e30bb619] .el-input-number,.full-row[data-v-e30bb619] .el-radio,.full-row[data-v-e30bb619] .el-rate,.full-row[data-v-e30bb619] .el-read,.full-row[data-v-e30bb619] .el-select,.full-row[data-v-e30bb619] .el-slider,.full-row[data-v-e30bb619] .el-switch,.full-row[data-v-e30bb619] .el-time-picker,.full-row[data-v-e30bb619] .el-time-select{width:100%}.header-add[data-v-2327bbfd]{display:flex}.header-add[data-v-2327bbfd] .el-cascader{width:120px;margin-right:4px}.sub-form-wrapper[data-v-8afae0e5]{width:100%}.sub-form-item[data-v-8afae0e5]{margin-bottom:16px;padding:16px;border:1px solid #ebeef5;border-radius:4px}.sub-form-items-grid[data-v-8afae0e5]{min-height:32px}.sub-form-header[data-v-8afae0e5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sub-form-title[data-v-8afae0e5]{font-weight:500;color:#303133}.sub-form-footer[data-v-8afae0e5]{margin-top:8px}.preview[data-v-8afae0e5]{margin-left:10px;width:32px;height:32px}.full-row[data-v-8afae0e5] .el-button,.full-row[data-v-8afae0e5] .el-cascader,.full-row[data-v-8afae0e5] .el-checkbox,.full-row[data-v-8afae0e5] .el-color-picker,.full-row[data-v-8afae0e5] .el-input,.full-row[data-v-8afae0e5] .el-input-number,.full-row[data-v-8afae0e5] .el-radio,.full-row[data-v-8afae0e5] .el-rate,.full-row[data-v-8afae0e5] .el-read,.full-row[data-v-8afae0e5] .el-select,.full-row[data-v-8afae0e5] .el-slider,.full-row[data-v-8afae0e5] .el-switch,.full-row[data-v-8afae0e5] .el-time-picker,.full-row[data-v-8afae0e5] .el-time-select{width:100%}.default-form[data-v-dc671f45] .el-form-item{width:calc((100% - 32px * var(--7d7e414b)) / var(--7d7e414b))}.default-form .form-buttons[data-v-dc671f45]{width:100%}.default-form .form-buttons[data-v-dc671f45] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-dc671f45]{margin-left:10px}.default-form .form-buttons .buttons[data-v-dc671f45]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-dc671f45]:last-child{margin-left:0}.search-form .search-form-item[data-v-dc671f45]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-dc671f45]{margin-right:10px}.buttons[data-v-dc671f45]{margin-left:10px}.buttons[data-v-dc671f45]:first-child{margin-left:0}.form-item-editor[data-v-dc671f45]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-dc671f45]{margin-left:10px;width:32px;height:32px}.full-row[data-v-dc671f45] .el-button,.full-row[data-v-dc671f45] .el-cascader,.full-row[data-v-dc671f45] .el-checkbox,.full-row[data-v-dc671f45] .el-color-picker,.full-row[data-v-dc671f45] .el-input,.full-row[data-v-dc671f45] .el-input-number,.full-row[data-v-dc671f45] .el-radio,.full-row[data-v-dc671f45] .el-rate,.full-row[data-v-dc671f45] .el-read,.full-row[data-v-dc671f45] .el-select,.full-row[data-v-dc671f45] .el-slider,.full-row[data-v-dc671f45] .el-switch,.full-row[data-v-dc671f45] .el-time-picker,.full-row[data-v-dc671f45] .el-time-select,.form-items-grid[data-v-dc671f45]{width:100%}.form-items-grid[data-v-dc671f45] .el-form-item{margin-bottom:0}.flm-dynamic-form[data-v-8d676f7b]{display:flex;flex-direction:column;gap:16px}.flm-dynamic-form-buttons[data-v-8d676f7b]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.toolbar[data-v-cdd04d10]{min-width:300px;display:flex;align-items:center}.toolbar .dropdown[data-v-cdd04d10]{margin-left:10px}.search-toobar[data-v-cdd04d10]{text-align:right}.search-toobar .dropdown[data-v-cdd04d10]{margin-left:10px}.report-page[data-v-4bddcaea]{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:50px 1fr 50px;padding:10px;border-radius:2px;background:#fff}.report-page .page-header[data-v-4bddcaea]{display:flex;align-items:center;justify-content:space-between}.report-page .page-header .page-toolbar[data-v-4bddcaea]{margin-bottom:18px}.report-page .page-header[data-v-4bddcaea],.report-page .page-table[data-v-4bddcaea],.report-page .page-pagination[data-v-4bddcaea]{grid-column:span 24}.report-page .page-pagination[data-v-4bddcaea]{align-self:end;justify-self:end}.export-page[data-v-034c1907]{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:50px 1fr 50px;padding:20px;border-radius:2px;background:#fff}.export-page .page-header[data-v-034c1907]{display:flex;align-items:center;justify-content:space-between}.export-page .page-header .page-toolbar[data-v-034c1907]{margin-bottom:18px}.export-page .page-header[data-v-034c1907],.export-page .page-table[data-v-034c1907],.export-page .page-pagination[data-v-034c1907]{grid-column:span 24}.export-page .page-pagination[data-v-034c1907]{align-self:end;justify-self:end}.panel-title[data-v-0abe3c42]{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid var(--el-border-color-lighter)}.widget-panel[data-v-0abe3c42]{width:280px;flex-shrink:0;background:var(--el-fill-color-blank);border-right:1px solid var(--el-border-color-lighter);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%}.widget-groups[data-v-0abe3c42]{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.widget-panel .panel-title[data-v-0abe3c42]{flex-shrink:0}.widget-group[data-v-0abe3c42]{flex-shrink:0;border-bottom:1px solid var(--el-border-color-lighter)}.widget-group[data-v-0abe3c42]:last-of-type{border-bottom:none}.widget-group-title[data-v-0abe3c42]{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--el-text-color-secondary);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.widget-group-title[data-v-0abe3c42]:hover{background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.widget-group-title[data-v-0abe3c42]:focus{outline:none}.widget-group-arrow[data-v-0abe3c42]{font-size:14px;transition:transform .2s;transform:rotate(90deg)}.widget-group-arrow.is-collapsed[data-v-0abe3c42]{transform:rotate(0)}.widget-group-body[data-v-0abe3c42]{padding-bottom:8px}.widget-palette[data-v-0abe3c42]{list-style:none;margin:0;padding:0 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.widget-palette-item[data-v-0abe3c42]{display:flex;align-items:center;justify-content:center;width:100%;padding:6px 8px;font-size:12px;border:1px dashed var(--el-border-color);border-radius:4px;cursor:grab;background:var(--el-fill-color-lighter);transition:border-color .2s,background .2s;min-width:0}.widget-palette-item[data-v-0abe3c42]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.ghost[data-v-0abe3c42]{opacity:.5}.vue-grid-item[data-v-99aff433]{transition:all .2s ease;transition-property:left,top,right}.vue-grid-item.no-touch[data-v-99aff433]{touch-action:none}.vue-grid-item.cssTransforms[data-v-99aff433]{transition-property:transform;left:0;right:auto}.vue-grid-item.cssTransforms.render-rtl[data-v-99aff433]{left:auto;right:0}.vue-grid-item.resizing[data-v-99aff433]{opacity:.6;z-index:3}.vue-grid-item.vue-draggable-dragging[data-v-99aff433]{transition:none;z-index:3}.vue-grid-item.vue-grid-placeholder[data-v-99aff433]{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.vue-grid-item>.vue-resizable-handle[data-v-99aff433]{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}.vue-grid-item>.vue-rtl-resizable-handle[data-v-99aff433]{bottom:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDAwMDAwMDAwMDAwMDAyIiBoZWlnaHQ9IjEwLjAwMDAwMDAwMDAwMDAwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB5PSItMSIgeD0iLTEiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgaWQ9ImNhbnZhc0dyaWQiPgogICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWRwYXR0ZXJuKSIgc3Ryb2tlLXdpZHRoPSIwIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIi8+CiAgPC9nPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxsaW5lIGNhbnZhcz0iI2ZmZmZmZiIgY2FudmFzLW9wYWNpdHk9IjEiIHN0cm9rZS1saW5lY2FwPSJ1bmRlZmluZWQiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBpZD0ic3ZnXzEiIHkyPSItNzAuMTc4NDA3IiB4Mj0iMTI0LjQ2NDE3NSIgeTE9Ii0zOC4zOTI3MzciIHgxPSIxNDQuODIxMjg5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIi8+CiAgPGxpbmUgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z181IiB5Mj0iOS4xMDY5NTciIHgyPSIwLjk0NzI0NyIgeTE9Ii0wLjAxODEyOCIgeDE9IjAuOTQ3MjQ3IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz4KICA8bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z183IiB5Mj0iOSIgeDI9IjEwLjA3MzUyOSIgeTE9IjkiIHgxPSItMC42NTU2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2NjY2NjYiIGZpbGw9Im5vbmUiLz4KIDwvZz4KPC9zdmc+);background-position:bottom left;padding-left:3px;background-repeat:no-repeat;background-origin:content-box;cursor:sw-resize;right:auto}.vue-grid-item.disable-userselect[data-v-99aff433]{-webkit-user-select:none;user-select:none}.vue-grid-layout[data-v-a10aee95]{position:relative;transition:height .2s ease}.form-canvas-area[data-v-3d339122]{flex:1;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--el-fill-color-light);border-right:1px solid var(--el-border-color-lighter)}.canvas-toolbar[data-v-3d339122]{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--el-border-color-lighter);background:#fff}.canvas-title[data-v-3d339122]{font-weight:600;font-size:14px}.canvas-toolbar-actions[data-v-3d339122]{display:flex;align-items:center;gap:8px}.form-canvas[data-v-3d339122]{flex:1;min-height:0;height:100%;max-height:100%;padding:0;overflow-y:auto;overflow-x:hidden;background:#fff;display:flex;flex-direction:column}.form-widget-container[data-v-3d339122]{flex:1;min-height:0;padding:8px;background:#fff;border-radius:4px;display:flex;flex-direction:column}.module-list[data-v-3d339122]{display:flex;flex-direction:column;gap:8px}.module-wrap[data-v-3d339122]{border:1px solid var(--el-border-color);border-radius:6px;padding:8px 10px 10px;background-color:var(--el-fill-color-blank);transition:border-color .15s ease,box-shadow .15s ease}.module-wrap.grid-widget-wrap--selected[data-v-3d339122]{border-color:var(--el-color-primary)}.module-header[data-v-3d339122]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.module-header-actions[data-v-3d339122]{display:flex;align-items:center;gap:4px}.module-title[data-v-3d339122]{position:relative;padding-left:10px;font-weight:600;font-size:13px}.module-body[data-v-3d339122]{margin-top:4px}.module-inner-drop-zone[data-v-3d339122]{min-height:40px;padding:6px 10px;border:1px dashed var(--el-border-color);border-radius:4px;background:var(--el-fill-color-lighter);margin-bottom:8px;display:flex;align-items:center;justify-content:center;color:var(--el-text-color-placeholder);font-size:12px}.module-body-content[data-v-3d339122]{margin-top:2px;min-height:40px;border-radius:4px;position:relative;cursor:pointer}.module-body-content--selected[data-v-3d339122]{box-shadow:0 0 0 1px var(--el-color-primary);border-radius:4px}.module-body-content[data-v-3d339122] .form-inner{margin-top:0}.slot-placeholder[data-v-3d339122]{padding:10px 12px;border:1px dashed var(--el-border-color);border-radius:6px;background:var(--el-fill-color-lighter);color:var(--el-text-color-secondary)}.slot-placeholder--inner[data-v-3d339122]{margin:6px 0}.slot-title[data-v-3d339122]{font-size:12px;font-weight:600;color:var(--el-text-color-regular)}.slot-desc[data-v-3d339122]{margin-top:4px;font-size:12px;color:var(--el-text-color-secondary)}.custom-widget-placeholder[data-v-3d339122]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;min-height:0;padding:0 12px;border:1px dashed var(--el-color-warning-light-5);border-radius:6px;background:var(--el-color-warning-light-9);font-size:12px}.custom-widget-name[data-v-3d339122]{font-weight:600;color:var(--el-text-color-primary)}.custom-widget-hint[data-v-3d339122]{font-size:11px;color:var(--el-text-color-secondary)}.add-group-bar[data-v-3d339122]{flex-shrink:0;padding:10px 12px;border-bottom:1px dashed var(--el-border-color-lighter);display:flex;justify-content:center;align-items:center}.drop-zone-inline[data-v-3d339122]{display:flex;align-items:center;justify-content:center;padding:12px 16px;border:1px dashed var(--el-border-color);border-radius:6px;color:var(--el-text-color-secondary);font-size:13px;min-height:52px;width:100%;box-sizing:border-box}.drop-zone-inline[data-v-3d339122]:before{content:"请将新增控件拖入此处";pointer-events:none}.form-grid-layout[data-v-3d339122]{flex:1;min-height:280px}.grid-widget-wrap[data-v-3d339122]{position:relative;width:100%;height:100%;padding:4px 8px;border:1px dashed transparent;border-radius:4px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.grid-widget-wrap.grid-widget-wrap--selected[data-v-3d339122]{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary)}.grid-widget-wrap:hover .widget-actions[data-v-3d339122],.grid-widget-wrap.grid-widget-wrap--selected .widget-actions[data-v-3d339122]{opacity:1}.canvas-form-item[data-v-3d339122]{margin-bottom:0}.canvas-form-item[data-v-3d339122] .el-form-item__label{font-size:12px}.canvas-form-item[data-v-3d339122] .el-input,.canvas-form-item[data-v-3d339122] .el-select,.canvas-form-item[data-v-3d339122] .el-date-editor,.canvas-form-item[data-v-3d339122] .el-time-picker{width:100%}.form-inner[data-v-3d339122]{width:100%;min-height:80px;display:flex;flex-direction:column}.form-inner-drop-bar[data-v-3d339122]{flex-shrink:0;margin-bottom:8px}.form-inner-drop-zone[data-v-3d339122]{min-height:44px;padding:8px 12px;border:1px dashed var(--el-border-color);border-radius:6px;background:var(--el-fill-color-lighter);width:100%;box-sizing:border-box;display:flex;align-items:center}.form-inner-drop-zone[data-v-3d339122]:before{content:"将基础控件拖入此处";display:block;color:var(--el-text-color-placeholder);font-size:12px;line-height:1.5;pointer-events:none}.form-inner-grid-layout[data-v-3d339122]{min-height:120px}.form-inner-grid-layout[data-v-3d339122] .vue-grid-item{display:flex;flex-direction:column;overflow:visible}.form-inner-grid-layout[data-v-3d339122] .vue-grid-item>.form-inner-control-wrap{flex:1;min-height:0;overflow:visible}.global-buttons-bar[data-v-3d339122]{margin-top:12px;padding-top:8px;border-top:1px dashed var(--el-border-color-lighter);display:flex;align-items:center;gap:8px}.global-buttons-label[data-v-3d339122]{font-size:12px;color:var(--el-text-color-secondary)}.global-buttons-list[data-v-3d339122]{display:flex;flex-wrap:wrap;gap:8px}.global-buttons-empty[data-v-3d339122]{font-size:12px;color:var(--el-text-color-placeholder)}.form-inner-control-wrap[data-v-3d339122]{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;flex-shrink:0;padding:8px;border:2px dashed var(--el-border-color-lighter);border-radius:4px;cursor:pointer;transition:border-color .15s ease}.form-inner-control-wrap[data-v-3d339122]:hover{border-color:var(--el-border-color)}.form-inner-control-wrap.form-inner-control-wrap--selected[data-v-3d339122]{border:2px solid var(--el-color-primary)}.form-inner-control-wrap:hover .widget-actions[data-v-3d339122]{opacity:1}.form-inner-control-wrap[data-v-3d339122] .canvas-form-item{flex:1;min-height:0;overflow:visible}.form-inner-control-wrap[data-v-3d339122] .canvas-form-item .el-form-item__content{overflow:visible;min-height:auto;min-width:min-content;flex-shrink:0;display:flex;align-items:center}.form-inner-control-wrap[data-v-3d339122] .canvas-form-item .el-rate{flex-shrink:0}.widget-actions[data-v-3d339122]{position:absolute;bottom:6px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease;z-index:2;background:#ffffffe6;padding:2px 4px;border-radius:4px;box-shadow:0 1px 4px #00000014}.preview-canvas[data-v-da2dce19]{padding:8px 0;min-height:120px}.preview-canvas[data-v-da2dce19] .form-items-grid{min-height:80px}.preview-canvas[data-v-da2dce19] .el-form-item__label{font-size:12px}.panel-title[data-v-d8f07e2a]{padding:8px 12px;font-weight:600;font-size:13px;border-bottom:1px solid var(--el-border-color-lighter)}.settings-panel[data-v-d8f07e2a]{width:400px;flex-shrink:0;background:var(--el-fill-color-blank);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.settings-form-wrap[data-v-d8f07e2a]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;height:100%;max-height:100%}.attr-group[data-v-d8f07e2a]{border-bottom:1px solid var(--el-border-color-lighter)}.attr-group[data-v-d8f07e2a]:last-of-type{border-bottom:none}.attr-group__header[data-v-d8f07e2a]{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--el-text-color-secondary);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s}.attr-group__header[data-v-d8f07e2a]:hover{background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.attr-group__title[data-v-d8f07e2a]{flex:1}.attr-group__arrow[data-v-d8f07e2a]{font-size:12px;transition:transform .2s;transform:rotate(90deg)}.attr-group__arrow.is-collapsed[data-v-d8f07e2a]{transform:rotate(0)}.attr-group__body[data-v-d8f07e2a]{padding:0 10px 8px;background:var(--el-fill-color-blank)}.settings-form[data-v-d8f07e2a] .el-form-item{margin-bottom:8px}.settings-form[data-v-d8f07e2a] .el-form-item__label{padding-bottom:2px;font-size:12px}.settings-empty[data-v-d8f07e2a]{padding:16px 12px;font-size:12px;color:var(--el-text-color-placeholder);text-align:center}.unsupported-hint[data-v-22a95e5f]{font-size:12px;color:var(--el-text-color-secondary);margin-top:6px}.form-builder-framework{height:100%;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.framework-lr{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;height:100%;min-height:0;min-width:0}.vue-grid-layout{position:relative;transition:height .2s ease}.vue-grid-item{transition:all .2s ease;transition-property:left,top,right}.vue-grid-item.no-touch{touch-action:none}.vue-grid-item.cssTransforms{transition-property:transform;left:0;right:auto}.vue-grid-item.resizing{opacity:.85;z-index:3}.vue-grid-item.vue-draggable-dragging{transition:none;z-index:10;opacity:.95;box-shadow:0 8px 24px #0000002e}.vue-grid-item.vue-grid-placeholder{background:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary);opacity:.6;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none;border-radius:6px}.vue-grid-item>.vue-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'%3E%3Cpath fill='%23000' opacity='.3' d='M 6 6 L 0 6 L 0 4.2 L 4.2 4.2 L 4.2 0 L 6 0 Z'/%3E%3C/svg%3E");background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;cursor:se-resize}.settings-form[data-v-8be130e5] .el-form-item{margin-bottom:10px}.settings-form--nested[data-v-8be130e5] .el-form-item{margin-bottom:8px}.settings-form[data-v-8be130e5] .el-form-item__label{padding-bottom:2px;font-size:12px}.settings-form[data-v-8be130e5] .el-divider{margin:10px 0 8px}.settings-form[data-v-8be130e5] .el-divider__text{font-size:12px}.form-buttons-checkboxes[data-v-8be130e5]{display:flex;flex-direction:column;gap:8px}.option-row--buttons[data-v-8be130e5]{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.option-row--buttons .opt-event[data-v-8be130e5]{width:100px}.option-row--buttons .opt-label[data-v-8be130e5]{flex:1;min-width:80px}.option-row--buttons .opt-type[data-v-8be130e5]{width:90px}.option-row--buttons.option-row--active[data-v-8be130e5]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.option-row--buttons .opt-index[data-v-8be130e5]{font-size:12px;color:var(--el-text-color-secondary)}.option-row--buttons .opt-summary[data-v-8be130e5]{flex:1;min-width:120px}.json-options-row[data-v-8be130e5]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.json-options-hint[data-v-8be130e5]{font-size:12px;color:var(--el-text-color-secondary);flex:1;min-width:0}.settings-empty-hint[data-v-8be130e5]{font-size:12px;color:var(--el-text-color-secondary);padding:4px 0}.framework-json-editor[data-v-8be130e5]{width:100%}.jse-theme-dark{--jse-theme: dark;--jse-theme-color: #2f6dd0;--jse-theme-color-highlight: #467cd2;--jse-background-color: #1e1e1e;--jse-text-color: #d4d4d4;--jse-text-color-inverse: #4d4d4d;--jse-main-border: 1px solid #4f4f4f;--jse-menu-color: #fff;--jse-modal-background: #2f2f2f;--jse-modal-overlay-background: rgba(0, 0, 0, .5);--jse-modal-code-background: #2f2f2f;--jse-tooltip-color: var(--jse-text-color);--jse-tooltip-background: #4b4b4b;--jse-tooltip-border: 1px solid #737373;--jse-tooltip-action-button-color: inherit;--jse-tooltip-action-button-background: #737373;--jse-panel-background: #333333;--jse-panel-background-border: 1px solid #464646;--jse-panel-color: var(--jse-text-color);--jse-panel-color-readonly: #737373;--jse-panel-border: 1px solid #3c3c3c;--jse-panel-button-color-highlight: #e5e5e5;--jse-panel-button-background-highlight: #464646;--jse-navigation-bar-background: #656565;--jse-navigation-bar-background-highlight: #7e7e7e;--jse-navigation-bar-dropdown-color: var(--jse-text-color);--jse-context-menu-background: #4b4b4b;--jse-context-menu-background-highlight: #595959;--jse-context-menu-separator-color: #595959;--jse-context-menu-color: var(--jse-text-color);--jse-context-menu-pointer-background: #737373;--jse-context-menu-pointer-background-highlight: #818181;--jse-context-menu-pointer-color: var(--jse-context-menu-color);--jse-key-color: #9cdcfe;--jse-value-color: var(--jse-text-color);--jse-value-color-number: #b5cea8;--jse-value-color-boolean: #569cd6;--jse-value-color-null: #569cd6;--jse-value-color-string: #ce9178;--jse-value-color-url: #ce9178;--jse-delimiter-color: #949494;--jse-edit-outline: 2px solid var(--jse-text-color);--jse-selection-background-color: #464646;--jse-selection-background-inactive-color: #333333;--jse-hover-background-color: #343434;--jse-active-line-background-color: rgba(255, 255, 255, .06);--jse-search-match-background-color: #343434;--jse-collapsed-items-background-color: #333333;--jse-collapsed-items-selected-background-color: #565656;--jse-collapsed-items-link-color: #b2b2b2;--jse-collapsed-items-link-color-highlight: #ec8477;--jse-search-match-color: #724c27;--jse-search-match-outline: 1px solid #966535;--jse-search-match-active-color: #9f6c39;--jse-search-match-active-outline: 1px solid #bb7f43;--jse-tag-background: #444444;--jse-tag-color: #bdbdbd;--jse-table-header-background: #333333;--jse-table-header-background-highlight: #424242;--jse-table-row-odd-background: rgba(255, 255, 255, .1);--jse-input-background: #3d3d3d;--jse-input-border: var(--jse-main-border);--jse-button-background: #808080;--jse-button-background-highlight: #7a7a7a;--jse-button-color: #e0e0e0;--jse-button-secondary-background: #494949;--jse-button-secondary-background-highlight: #5d5d5d;--jse-button-secondary-background-disabled: #9d9d9d;--jse-button-secondary-color: var(--jse-text-color);--jse-a-color: #55abff;--jse-a-color-highlight: #4387c9;--jse-svelte-select-background: #3d3d3d;--jse-svelte-select-border: 1px solid #4f4f4f;--list-background: #3d3d3d;--item-hover-bg: #505050;--multi-item-bg: #5b5b5b;--input-color: #d4d4d4;--multi-clear-bg: #8a8a8a;--multi-item-clear-icon-color: #d4d4d4;--multi-item-outline: 1px solid #696969;--list-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);--jse-color-picker-background: #656565;--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px}