flame-plus 1.3.32 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.json +11 -0
- package/.claude/settings.local.json +42 -0
- package/cursor_modelvalue_prop_type_check_issue.md +102 -0
- package/docs/current-page-full.png +0 -0
- package/docs/dev-notes/container-drag-refactor.md +453 -0
- package/docs/flame-plus-attrfields-onchange-support.md +201 -0
- package/docs/formslot-test.png +0 -0
- package/docs/framework-dynamic-form-value-retrieval.md +153 -0
- package/docs/framework-external-components.md +182 -0
- package/docs/page-structure.md +165 -0
- package/flameDist/flame-plus.css +1 -1
- package/flameDist/flame-plus.es.js +21558 -21771
- package/flameDist/flame-plus.es.js.map +1 -1
- package/flameDist/flame-plus.umd.js +132 -132
- package/flameDist/flame-plus.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
# Flame-Plus 开发页面结构分析
|
|
2
|
+
|
|
3
|
+
> 分析时间: 2026-04-06
|
|
4
|
+
> 页面 URL: http://localhost:5173/
|
|
5
|
+
> 页面标题: flame-plus
|
|
6
|
+
|
|
7
|
+
## 页面总览
|
|
8
|
+
|
|
9
|
+
页面分为两大区域:**背景层**(主页面内容)和**前景对话框**(全屏表单设计器)。
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
## 1. 背景层 - 主页面
|
|
14
|
+
|
|
15
|
+
### 1.1 顶部工具栏
|
|
16
|
+
|
|
17
|
+
| 元素 | 类型 | 说明 |
|
|
18
|
+
|------|------|------|
|
|
19
|
+
| 从缓存回显 | button | 从 localStorage 恢复表单设计器状态 |
|
|
20
|
+
| 清空缓存 | button | 清除 localStorage 中的缓存数据 |
|
|
21
|
+
| 关闭全屏设计器 | button | 关闭当前对话框 |
|
|
22
|
+
| 提示文本 | static text | "保存时会写入 localStorage,刷新后自动回显" |
|
|
23
|
+
|
|
24
|
+
### 1.2 flmCascader 测试区域
|
|
25
|
+
|
|
26
|
+
- **标题**: "flmCascader 选项直传"
|
|
27
|
+
- **级联选择器**: 只读文本框,placeholder="请选择(直传 options 测试)"
|
|
28
|
+
- **选中值显示**: "选中值:(空)"
|
|
29
|
+
|
|
30
|
+
### 1.3 flmDynamicForm 回显测试区域
|
|
31
|
+
|
|
32
|
+
- **标题**: "flmDynamicForm 回显测试"
|
|
33
|
+
|
|
34
|
+
#### 折叠面板 1: 基本信息(已展开)
|
|
35
|
+
|
|
36
|
+
| 字段 | 值 |
|
|
37
|
+
|------|------|
|
|
38
|
+
| 姓名 | 张三 |
|
|
39
|
+
| 性别 | 1 |
|
|
40
|
+
|
|
41
|
+
#### 折叠面板 2: 家庭信息(已展开)
|
|
42
|
+
|
|
43
|
+
**家庭信息 1:**
|
|
44
|
+
|
|
45
|
+
| 字段 | 值 |
|
|
46
|
+
|------|------|
|
|
47
|
+
| 姓名 | 李四 |
|
|
48
|
+
| 性别 | 选项2 |
|
|
49
|
+
|
|
50
|
+
**家庭信息 2:**
|
|
51
|
+
|
|
52
|
+
| 字段 | 值 |
|
|
53
|
+
|------|------|
|
|
54
|
+
| 姓名 | 王五 |
|
|
55
|
+
| 性别 | 选项1 |
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
## 2. 前景对话框 - 全屏表单设计器(核心区域)
|
|
60
|
+
|
|
61
|
+
对话框为模态(modal)状态,占据整个视口,是页面的核心交互区域。
|
|
62
|
+
|
|
63
|
+
### 2.1 对话框头部
|
|
64
|
+
|
|
65
|
+
| 元素 | 类型 | 说明 |
|
|
66
|
+
|------|------|------|
|
|
67
|
+
| Close this dialog | button | 关闭设计器对话框 |
|
|
68
|
+
|
|
69
|
+
### 2.2 左侧面板 - 控件列表
|
|
70
|
+
|
|
71
|
+
分为以下 Tab 分组:
|
|
72
|
+
|
|
73
|
+
#### Tab: 预设
|
|
74
|
+
- 密码
|
|
75
|
+
|
|
76
|
+
#### Tab: 业务组件
|
|
77
|
+
- 示例业务块
|
|
78
|
+
|
|
79
|
+
#### Tab: 基础控件
|
|
80
|
+
- 输入框
|
|
81
|
+
- 选择器
|
|
82
|
+
- 数字输入框
|
|
83
|
+
- 日期选择器
|
|
84
|
+
- 时间选择器
|
|
85
|
+
- 时间选择
|
|
86
|
+
- 级联选择器
|
|
87
|
+
- 多选框
|
|
88
|
+
- 取色器
|
|
89
|
+
- 单选框
|
|
90
|
+
- 评分
|
|
91
|
+
- 查看
|
|
92
|
+
- 滑块
|
|
93
|
+
- 开关
|
|
94
|
+
- 穿梭框
|
|
95
|
+
|
|
96
|
+
#### Tab: 表单插槽
|
|
97
|
+
(当前选中状态)
|
|
98
|
+
|
|
99
|
+
### 2.3 中间区域 - 表单设计区
|
|
100
|
+
|
|
101
|
+
#### 操作按钮行
|
|
102
|
+
|
|
103
|
+
| 按钮 | 说明 |
|
|
104
|
+
|------|------|
|
|
105
|
+
| 预览 | 预览当前设计结果 |
|
|
106
|
+
| 保存 | 保存设计到缓存 |
|
|
107
|
+
| 重置 | 重置设计区 |
|
|
108
|
+
| 新增分组 | 添加新的表单分组 |
|
|
109
|
+
|
|
110
|
+
#### 功能按钮区
|
|
111
|
+
|
|
112
|
+
- 提交
|
|
113
|
+
- 取消
|
|
114
|
+
- 重置
|
|
115
|
+
|
|
116
|
+
### 2.4 右侧面板 - 属性编辑区
|
|
117
|
+
|
|
118
|
+
- **标题**: "属性"
|
|
119
|
+
- **提示**: "点击设计区中的控件以编辑属性"
|
|
120
|
+
|
|
121
|
+
---
|
|
122
|
+
|
|
123
|
+
## 3. 页面结构树形图
|
|
124
|
+
|
|
125
|
+
```
|
|
126
|
+
RootWebArea "flame-plus"
|
|
127
|
+
├── [工具栏]
|
|
128
|
+
│ ├── button "从缓存回显"
|
|
129
|
+
│ ├── button "清空缓存"
|
|
130
|
+
│ └── button "关闭全屏设计器"
|
|
131
|
+
├── [提示信息]
|
|
132
|
+
├── [flmCascader 测试]
|
|
133
|
+
│ ├── textbox (readonly)
|
|
134
|
+
│ └── 选中值文本
|
|
135
|
+
├── [flmDynamicForm 测试]
|
|
136
|
+
│ ├── 折叠面板: 基本信息
|
|
137
|
+
│ │ └── form (姓名, 性别)
|
|
138
|
+
│ └── 折叠面板: 家庭信息
|
|
139
|
+
│ ├── form 1 (姓名, 性别)
|
|
140
|
+
│ └── form 2 (姓名, 性别)
|
|
141
|
+
└── dialog (modal, 全屏设计器)
|
|
142
|
+
├── header (关闭按钮)
|
|
143
|
+
├── [左侧控件面板]
|
|
144
|
+
│ ├── tab: 预设 → 密码
|
|
145
|
+
│ ├── tab: 业务组件 → 示例业务块
|
|
146
|
+
│ ├── tab: 基础控件 → 15个基础控件
|
|
147
|
+
│ └── tab: 表单插槽
|
|
148
|
+
├── [中间设计区]
|
|
149
|
+
│ ├── 操作按钮 (预览/保存/重置/新增分组)
|
|
150
|
+
│ └── 功能按钮 (提交/取消/重置)
|
|
151
|
+
└── [右侧属性面板]
|
|
152
|
+
└── 属性编辑区
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
## 4. 组件映射关系
|
|
156
|
+
|
|
157
|
+
| 页面区域 | 对应组件 | 类型 |
|
|
158
|
+
|----------|----------|------|
|
|
159
|
+
| 级联选择器测试 | flmCascader | 基础组件 (base) |
|
|
160
|
+
| 动态表单测试 | flmDynamicForm | 复合组件 (complex) |
|
|
161
|
+
| 折叠面板 | el-collapse (Element-Plus) | 基础组件 |
|
|
162
|
+
| 全屏设计器 | 自定义对话框 | 页面组件 |
|
|
163
|
+
| 控件列表面板 | 拖拽控件面板 | 设计器内部组件 |
|
|
164
|
+
| 表单设计区 | 设计画布 | 设计器内部组件 |
|
|
165
|
+
| 属性编辑区 | 属性面板 | 设计器内部组件 |
|
package/flameDist/flame-plus.css
CHANGED
|
@@ -1 +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}.flm-time[data-v-950afa95]{display:inline-block;font-size:14px;line-height:1.5;color:var(--el-text-color-primary);-webkit-user-select:none;user-select:none}.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-b9d9ad78] .el-form-item{width:calc((100% - 32px * var(--26d3c3b6)) / var(--26d3c3b6))}.default-form .form-buttons[data-v-b9d9ad78]{width:100%}.default-form .form-buttons[data-v-b9d9ad78] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-b9d9ad78]{margin-left:10px}.default-form .form-buttons .buttons[data-v-b9d9ad78]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-b9d9ad78]:last-child{margin-left:0}.search-form .search-form-item[data-v-b9d9ad78]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-b9d9ad78]{margin-right:10px}.buttons[data-v-b9d9ad78]{margin-left:10px}.buttons[data-v-b9d9ad78]:first-child{margin-left:0}.form-item-editor[data-v-b9d9ad78]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-b9d9ad78]{margin-left:10px;width:32px;height:32px}.full-row[data-v-b9d9ad78] .el-button,.full-row[data-v-b9d9ad78] .el-cascader,.full-row[data-v-b9d9ad78] .el-checkbox,.full-row[data-v-b9d9ad78] .el-color-picker,.full-row[data-v-b9d9ad78] .el-input,.full-row[data-v-b9d9ad78] .el-input-number,.full-row[data-v-b9d9ad78] .el-radio,.full-row[data-v-b9d9ad78] .el-rate,.full-row[data-v-b9d9ad78] .el-read,.full-row[data-v-b9d9ad78] .el-select,.full-row[data-v-b9d9ad78] .el-slider,.full-row[data-v-b9d9ad78] .el-switch,.full-row[data-v-b9d9ad78] .el-time-picker,.full-row[data-v-b9d9ad78] .el-time-select{width:100%}.header-add[data-v-4f92f684]{display:flex}.header-add[data-v-4f92f684] .el-cascader{width:120px;margin-right:4px}.sub-form-wrapper[data-v-f82fee30]{width:100%}.sub-form-item[data-v-f82fee30]{margin-bottom:16px;padding:16px;border:1px solid #ebeef5;border-radius:4px}.sub-form-items-grid[data-v-f82fee30]{min-height:32px}.sub-form-header[data-v-f82fee30]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sub-form-title[data-v-f82fee30]{font-weight:500;color:#303133}.sub-form-footer[data-v-f82fee30]{margin-top:8px}.preview[data-v-f82fee30]{margin-left:10px;width:32px;height:32px}.full-row[data-v-f82fee30] .el-button,.full-row[data-v-f82fee30] .el-cascader,.full-row[data-v-f82fee30] .el-checkbox,.full-row[data-v-f82fee30] .el-color-picker,.full-row[data-v-f82fee30] .el-input,.full-row[data-v-f82fee30] .el-input-number,.full-row[data-v-f82fee30] .el-radio,.full-row[data-v-f82fee30] .el-rate,.full-row[data-v-f82fee30] .el-read,.full-row[data-v-f82fee30] .el-select,.full-row[data-v-f82fee30] .el-slider,.full-row[data-v-f82fee30] .el-switch,.full-row[data-v-f82fee30] .el-time-picker,.full-row[data-v-f82fee30] .el-time-select{width:100%}.default-form[data-v-a7f9409e] .el-form-item{width:calc((100% - 32px * var(--875d29f4)) / var(--875d29f4))}.default-form .form-buttons[data-v-a7f9409e]{width:100%}.default-form .form-buttons[data-v-a7f9409e] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-a7f9409e]{margin-left:10px}.default-form .form-buttons .buttons[data-v-a7f9409e]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-a7f9409e]:last-child{margin-left:0}.search-form .search-form-item[data-v-a7f9409e]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-a7f9409e]{margin-right:10px}.buttons[data-v-a7f9409e]{margin-left:10px}.buttons[data-v-a7f9409e]:first-child{margin-left:0}.form-item-editor[data-v-a7f9409e]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-a7f9409e]{margin-left:10px;width:32px;height:32px}.full-row[data-v-a7f9409e] .el-button,.full-row[data-v-a7f9409e] .el-cascader,.full-row[data-v-a7f9409e] .el-checkbox,.full-row[data-v-a7f9409e] .el-color-picker,.full-row[data-v-a7f9409e] .el-input,.full-row[data-v-a7f9409e] .el-input-number,.full-row[data-v-a7f9409e] .el-radio,.full-row[data-v-a7f9409e] .el-rate,.full-row[data-v-a7f9409e] .el-read,.full-row[data-v-a7f9409e] .el-select,.full-row[data-v-a7f9409e] .el-slider,.full-row[data-v-a7f9409e] .el-switch,.full-row[data-v-a7f9409e] .el-time-picker,.full-row[data-v-a7f9409e] .el-time-select,.form-items-grid[data-v-a7f9409e]{width:100%}.form-items-grid[data-v-a7f9409e] .el-form-item{margin-bottom:0}.flm-dynamic-form[data-v-8fe4181e]{display:flex;flex-direction:column;gap:16px}.flm-dynamic-form-buttons[data-v-8fe4181e]{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-0230cf0d]{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid var(--el-border-color-lighter)}.widget-panel[data-v-0230cf0d]{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-0230cf0d]{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.widget-panel .panel-title[data-v-0230cf0d]{flex-shrink:0}.widget-group[data-v-0230cf0d]{flex-shrink:0;border-bottom:1px solid var(--el-border-color-lighter)}.widget-group[data-v-0230cf0d]:last-of-type{border-bottom:none}.widget-group-title[data-v-0230cf0d]{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-0230cf0d]:hover{background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.widget-group-title[data-v-0230cf0d]:focus{outline:none}.widget-group-arrow[data-v-0230cf0d]{font-size:14px;transition:transform .2s;transform:rotate(90deg)}.widget-group-arrow.is-collapsed[data-v-0230cf0d]{transform:rotate(0)}.widget-group-body[data-v-0230cf0d]{padding-bottom:8px}.widget-palette[data-v-0230cf0d]{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-0230cf0d]{display:flex;align-items:center;justify-content:center;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-0230cf0d]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.ghost[data-v-0230cf0d]{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-4dc1a367]{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-4dc1a367]{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-4dc1a367]{font-weight:600;font-size:14px}.canvas-toolbar-actions[data-v-4dc1a367]{display:flex;align-items:center;gap:8px}.form-canvas[data-v-4dc1a367]{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-4dc1a367]{flex:1;min-height:0;padding:8px;background:#fff;border-radius:4px;display:flex;flex-direction:column}.module-list[data-v-4dc1a367]{display:flex;flex-direction:column;gap:8px}.module-wrap[data-v-4dc1a367]{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-4dc1a367]{border-color:var(--el-color-primary)}.module-header[data-v-4dc1a367]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.module-title-wrap[data-v-4dc1a367]{display:flex;align-items:center;gap:8px;min-width:0}.module-header-actions[data-v-4dc1a367]{display:flex;align-items:center;gap:4px}.module-title[data-v-4dc1a367]{position:relative;font-weight:600;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-body[data-v-4dc1a367]{margin-top:4px}.module-inner-drop-zone[data-v-4dc1a367]{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-4dc1a367]{margin-top:2px;min-height:40px;border-radius:4px;position:relative;cursor:pointer}.module-body-content--selected[data-v-4dc1a367]{box-shadow:0 0 0 1px var(--el-color-primary);border-radius:4px}.module-body-content[data-v-4dc1a367] .form-inner{margin-top:0}.slot-placeholder[data-v-4dc1a367]{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-4dc1a367]{margin:6px 0}.slot-title[data-v-4dc1a367]{font-size:12px;font-weight:600;color:var(--el-text-color-regular)}.slot-desc[data-v-4dc1a367]{margin-top:4px;font-size:12px;color:var(--el-text-color-secondary)}.custom-widget-placeholder[data-v-4dc1a367]{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-4dc1a367]{font-weight:600;color:var(--el-text-color-primary)}.custom-widget-hint[data-v-4dc1a367]{font-size:11px;color:var(--el-text-color-secondary)}.add-group-bar[data-v-4dc1a367]{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-4dc1a367]{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-4dc1a367]:before{content:"请将新增控件拖入此处";pointer-events:none}.form-grid-layout[data-v-4dc1a367]{flex:1;min-height:280px}.grid-widget-wrap[data-v-4dc1a367]{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-4dc1a367]{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary)}.grid-widget-wrap:hover .widget-actions[data-v-4dc1a367],.grid-widget-wrap.grid-widget-wrap--selected .widget-actions[data-v-4dc1a367]{opacity:1}.canvas-form-item[data-v-4dc1a367]{margin-bottom:0}.canvas-form-item[data-v-4dc1a367] .el-form-item__label{font-size:12px}.canvas-form-item[data-v-4dc1a367] .el-input,.canvas-form-item[data-v-4dc1a367] .el-select,.canvas-form-item[data-v-4dc1a367] .el-date-editor,.canvas-form-item[data-v-4dc1a367] .el-time-picker{width:100%}.form-inner[data-v-4dc1a367]{width:100%;min-height:80px;display:flex;flex-direction:column}.form-inner-drop-bar[data-v-4dc1a367]{flex-shrink:0;margin-bottom:8px}.form-inner-drop-zone[data-v-4dc1a367]{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-4dc1a367]: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-4dc1a367]{min-height:120px}.form-inner-grid-layout[data-v-4dc1a367] .vue-grid-item{display:flex;flex-direction:column;overflow:visible}.form-inner-grid-layout[data-v-4dc1a367] .vue-grid-item>.form-inner-control-wrap{flex:1;min-height:0;overflow:visible}.global-buttons-bar[data-v-4dc1a367]{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-4dc1a367]{font-size:12px;color:var(--el-text-color-secondary)}.global-buttons-list[data-v-4dc1a367]{display:flex;flex-wrap:wrap;gap:8px}.global-buttons-empty[data-v-4dc1a367]{font-size:12px;color:var(--el-text-color-placeholder)}.form-inner-control-wrap[data-v-4dc1a367]{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-4dc1a367]:hover{border-color:var(--el-border-color)}.form-inner-control-wrap.form-inner-control-wrap--selected[data-v-4dc1a367]{border:2px solid var(--el-color-primary)}.form-inner-control-wrap:hover .widget-actions[data-v-4dc1a367]{opacity:1}.form-inner-control-wrap[data-v-4dc1a367] .canvas-form-item{flex:1;min-height:0;overflow:visible}.form-inner-control-wrap[data-v-4dc1a367] .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-4dc1a367] .canvas-form-item .el-rate{flex-shrink:0}.form-inner-control-wrap[data-v-4dc1a367] .canvas-form-item .el-form-item__content>*{pointer-events:none}.widget-actions[data-v-4dc1a367]{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}.flm-time-format-tooltip{max-width:320px;line-height:1.55;font-size:13px;color:var(--el-text-color-primary, #303133)}.flm-time-format-tooltip code{font-size:12px;padding:0 4px;border-radius:2px;background:#0000000f;color:var(--el-text-color-primary, #303133)}.flm-time-format-tooltip .flm-time-format-tooltip__p{margin:0 0 8px}.flm-time-format-tooltip .flm-time-format-tooltip__p:last-child{margin-bottom:0}.flm-time-format-tooltip .flm-time-format-tooltip__ul{margin:4px 0 8px;padding-left:18px}.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-e0a01bc7] .el-form-item{margin-bottom:10px}.settings-form--nested[data-v-e0a01bc7] .el-form-item{margin-bottom:8px}.settings-form[data-v-e0a01bc7] .el-form-item__label{padding-bottom:2px;font-size:12px}.settings-form[data-v-e0a01bc7] .el-divider{margin:10px 0 8px}.settings-form[data-v-e0a01bc7] .el-divider__text{font-size:12px}.form-buttons-checkboxes[data-v-e0a01bc7]{display:flex;flex-direction:column;gap:8px}.option-row--buttons[data-v-e0a01bc7]{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.option-row--buttons .opt-event[data-v-e0a01bc7]{width:100px}.option-row--buttons .opt-label[data-v-e0a01bc7]{flex:1;min-width:80px}.option-row--buttons .opt-type[data-v-e0a01bc7]{width:90px}.option-row--buttons.option-row--active[data-v-e0a01bc7]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.option-row--buttons .opt-index[data-v-e0a01bc7]{font-size:12px;color:var(--el-text-color-secondary)}.option-row--buttons .opt-summary[data-v-e0a01bc7]{flex:1;min-width:120px}.option-row--kvd[data-v-e0a01bc7]{display:flex;align-items:center;gap:8px;width:100%}.option-row--kvd .opt-label[data-v-e0a01bc7],.option-row--kvd .opt-value[data-v-e0a01bc7]{flex:1;min-width:0}.json-options-row[data-v-e0a01bc7]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.json-options-hint[data-v-e0a01bc7]{font-size:12px;color:var(--el-text-color-secondary);flex:1;min-width:0}.settings-empty-hint[data-v-e0a01bc7]{font-size:12px;color:var(--el-text-color-secondary);padding:4px 0}.framework-json-editor[data-v-e0a01bc7]{width:100%}.flm-time-format-row[data-v-e0a01bc7]{display:flex;align-items:center;gap:8px;width:100%}.flm-time-format-row__input[data-v-e0a01bc7]{flex:1;min-width:0}.flm-time-format-tip-trigger[data-v-e0a01bc7]{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;padding:4px;line-height:1;border-radius:4px;outline:none}.flm-time-format-tip-trigger[data-v-e0a01bc7]:hover{background:var(--el-fill-color-light)}.flm-time-format-tip-trigger[data-v-e0a01bc7]:focus-visible{box-shadow:0 0 0 2px var(--el-color-primary-light-7)}.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}
|
|
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-c046a961] .el-form-item{width:calc((100% - 32px * var(--4c94b4d7)) / var(--4c94b4d7))}.default-form .form-buttons[data-v-c046a961]{width:100%}.default-form .form-buttons[data-v-c046a961] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-c046a961]{margin-left:10px}.default-form .form-buttons .buttons[data-v-c046a961]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-c046a961]:last-child{margin-left:0}.search-form .search-form-item[data-v-c046a961]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-c046a961]{margin-right:10px}.buttons[data-v-c046a961]{margin-left:10px}.buttons[data-v-c046a961]:first-child{margin-left:0}.form-item-editor[data-v-c046a961]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-c046a961]{margin-left:10px;width:32px;height:32px}.full-row[data-v-c046a961] .el-button,.full-row[data-v-c046a961] .el-cascader,.full-row[data-v-c046a961] .el-checkbox,.full-row[data-v-c046a961] .el-color-picker,.full-row[data-v-c046a961] .el-input,.full-row[data-v-c046a961] .el-input-number,.full-row[data-v-c046a961] .el-radio,.full-row[data-v-c046a961] .el-rate,.full-row[data-v-c046a961] .el-read,.full-row[data-v-c046a961] .el-select,.full-row[data-v-c046a961] .el-slider,.full-row[data-v-c046a961] .el-switch,.full-row[data-v-c046a961] .el-time-picker,.full-row[data-v-c046a961] .el-time-select{width:100%}.header-add[data-v-07a0c136]{display:flex}.header-add[data-v-07a0c136] .el-cascader{width:120px;margin-right:4px}.sub-form-wrapper[data-v-e5779a3a]{width:100%}.sub-form-item[data-v-e5779a3a]{margin-bottom:16px;padding:16px;border:1px solid #ebeef5;border-radius:4px}.sub-form-items-grid[data-v-e5779a3a]{min-height:32px}.sub-form-header[data-v-e5779a3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sub-form-title[data-v-e5779a3a]{font-weight:500;color:#303133}.sub-form-footer[data-v-e5779a3a]{margin-top:8px}.preview[data-v-e5779a3a]{margin-left:10px;width:32px;height:32px}.full-row[data-v-e5779a3a] .el-button,.full-row[data-v-e5779a3a] .el-cascader,.full-row[data-v-e5779a3a] .el-checkbox,.full-row[data-v-e5779a3a] .el-color-picker,.full-row[data-v-e5779a3a] .el-input,.full-row[data-v-e5779a3a] .el-input-number,.full-row[data-v-e5779a3a] .el-radio,.full-row[data-v-e5779a3a] .el-rate,.full-row[data-v-e5779a3a] .el-read,.full-row[data-v-e5779a3a] .el-select,.full-row[data-v-e5779a3a] .el-slider,.full-row[data-v-e5779a3a] .el-switch,.full-row[data-v-e5779a3a] .el-time-picker,.full-row[data-v-e5779a3a] .el-time-select{width:100%}.default-form[data-v-611659e8] .el-form-item{width:calc((100% - 32px * var(--4d51d0ec)) / var(--4d51d0ec))}.default-form .form-buttons[data-v-611659e8]{width:100%}.default-form .form-buttons[data-v-611659e8] .el-form-item__content{flex-direction:row-reverse}.default-form .form-buttons .buttons[data-v-611659e8]{margin-left:10px}.default-form .form-buttons .buttons[data-v-611659e8]:first-child{margin-left:10px;margin-right:30px}.default-form .form-buttons .buttons[data-v-611659e8]:last-child{margin-left:0}.search-form .search-form-item[data-v-611659e8]{margin-right:10px;min-width:140px;width:20%}.search-form .search-buttons[data-v-611659e8]{margin-right:10px}.buttons[data-v-611659e8]{margin-left:10px}.buttons[data-v-611659e8]:first-child{margin-left:0}.form-item-editor[data-v-611659e8]{margin-top:1rem;width:calc(100% - 32px)}.preview[data-v-611659e8]{margin-left:10px;width:32px;height:32px}.full-row[data-v-611659e8] .el-button,.full-row[data-v-611659e8] .el-cascader,.full-row[data-v-611659e8] .el-checkbox,.full-row[data-v-611659e8] .el-color-picker,.full-row[data-v-611659e8] .el-input,.full-row[data-v-611659e8] .el-input-number,.full-row[data-v-611659e8] .el-radio,.full-row[data-v-611659e8] .el-rate,.full-row[data-v-611659e8] .el-read,.full-row[data-v-611659e8] .el-select,.full-row[data-v-611659e8] .el-slider,.full-row[data-v-611659e8] .el-switch,.full-row[data-v-611659e8] .el-time-picker,.full-row[data-v-611659e8] .el-time-select,.form-items-grid[data-v-611659e8]{width:100%}.form-items-grid[data-v-611659e8] .el-form-item{margin-bottom:0}.flm-dynamic-form[data-v-8fe4181e]{display:flex;flex-direction:column;gap:16px}.flm-dynamic-form-buttons[data-v-8fe4181e]{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-94e1dff4]{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid var(--el-border-color-lighter)}.widget-panel[data-v-94e1dff4]{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-94e1dff4]{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.widget-panel .panel-title[data-v-94e1dff4]{flex-shrink:0}.widget-group[data-v-94e1dff4]{flex-shrink:0;border-bottom:1px solid var(--el-border-color-lighter)}.widget-group[data-v-94e1dff4]:last-of-type{border-bottom:none}.widget-group-title[data-v-94e1dff4]{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-94e1dff4]:hover{background:var(--el-fill-color-light);color:var(--el-text-color-regular)}.widget-group-title[data-v-94e1dff4]:focus{outline:none}.widget-group-arrow[data-v-94e1dff4]{font-size:14px;transition:transform .2s;transform:rotate(90deg)}.widget-group-arrow.is-collapsed[data-v-94e1dff4]{transform:rotate(0)}.widget-group-body[data-v-94e1dff4]{padding-bottom:8px}.widget-palette[data-v-94e1dff4]{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-94e1dff4]{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-94e1dff4]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.ghost[data-v-94e1dff4]{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-fa952eb3]{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-fa952eb3]{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-fa952eb3]{font-weight:600;font-size:14px}.canvas-toolbar-actions[data-v-fa952eb3]{display:flex;align-items:center;gap:8px}.form-canvas[data-v-fa952eb3]{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-fa952eb3]{flex:1;min-height:0;padding:8px;background:#fff;border-radius:4px;display:flex;flex-direction:column}.module-list[data-v-fa952eb3]{display:flex;flex-direction:column;gap:8px}.module-wrap[data-v-fa952eb3]{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-fa952eb3]{border-color:var(--el-color-primary)}.module-header[data-v-fa952eb3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.module-title-wrap[data-v-fa952eb3]{display:flex;align-items:center;gap:8px;min-width:0}.module-header-actions[data-v-fa952eb3]{display:flex;align-items:center;gap:4px}.module-title[data-v-fa952eb3]{position:relative;font-weight:600;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-body[data-v-fa952eb3]{margin-top:4px}.module-inner-drop-zone[data-v-fa952eb3]{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-fa952eb3]{margin-top:2px;min-height:40px;border-radius:4px;position:relative;cursor:pointer}.module-body-content--selected[data-v-fa952eb3]{box-shadow:0 0 0 1px var(--el-color-primary);border-radius:4px}.module-body-content[data-v-fa952eb3] .form-inner{margin-top:0}.slot-placeholder[data-v-fa952eb3]{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-fa952eb3]{margin:6px 0}.slot-title[data-v-fa952eb3]{font-size:12px;font-weight:600;color:var(--el-text-color-regular)}.slot-desc[data-v-fa952eb3]{margin-top:4px;font-size:12px;color:var(--el-text-color-secondary)}.custom-widget-placeholder[data-v-fa952eb3]{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-fa952eb3]{font-weight:600;color:var(--el-text-color-primary)}.custom-widget-hint[data-v-fa952eb3]{font-size:11px;color:var(--el-text-color-secondary)}.container-drop-zone[data-v-fa952eb3]{flex-shrink:0;min-height:48px;padding:10px 12px;border:1px dashed var(--el-border-color);border-radius:6px;background:var(--el-fill-color-lighter);display:flex;align-items:center;justify-content:center;color:var(--el-text-color-placeholder);font-size:12px}.drop-zone-inline[data-v-fa952eb3]{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-fa952eb3]:before{content:"请将新增控件拖入此处";pointer-events:none}.form-grid-layout[data-v-fa952eb3]{flex:1;min-height:280px}.grid-widget-wrap[data-v-fa952eb3]{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-fa952eb3]{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary)}.grid-widget-wrap:hover .widget-actions[data-v-fa952eb3],.grid-widget-wrap.grid-widget-wrap--selected .widget-actions[data-v-fa952eb3]{opacity:1}.canvas-form-item[data-v-fa952eb3]{margin-bottom:0}.canvas-form-item[data-v-fa952eb3] .el-form-item__label{font-size:12px}.canvas-form-item[data-v-fa952eb3] .el-input,.canvas-form-item[data-v-fa952eb3] .el-select,.canvas-form-item[data-v-fa952eb3] .el-date-editor,.canvas-form-item[data-v-fa952eb3] .el-time-picker{width:100%}.form-inner[data-v-fa952eb3]{width:100%;min-height:80px;display:flex;flex-direction:column}.form-inner-drop-bar[data-v-fa952eb3]{flex-shrink:0;margin-bottom:8px}.form-inner-drop-zone[data-v-fa952eb3]{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-fa952eb3]:before{content:"将基础控件拖入此处";display:block;color:var(--el-text-color-placeholder);font-size:12px;line-height:1.5;pointer-events:none}.form-inner-drag-zone[data-v-fa952eb3]{flex:1;min-height:60px;width:100%;display:flex;flex-direction:column;border-radius:4px;transition:background .15s ease}.form-inner-drag-zone[data-v-fa952eb3]:has(.sortable-ghost){background:var(--el-color-primary-light-9);outline:2px dashed var(--el-color-primary-light-5);outline-offset:-2px}.form-inner-grid-layout[data-v-fa952eb3]{min-height:120px}.form-inner-grid-layout[data-v-fa952eb3] .vue-grid-item{display:flex;flex-direction:column;overflow:visible}.form-inner-grid-layout[data-v-fa952eb3] .vue-grid-item>.form-inner-control-wrap{flex:1;min-height:0;overflow:visible}.global-buttons-bar[data-v-fa952eb3]{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-fa952eb3]{font-size:12px;color:var(--el-text-color-secondary)}.global-buttons-list[data-v-fa952eb3]{display:flex;flex-wrap:wrap;gap:8px}.global-buttons-empty[data-v-fa952eb3]{font-size:12px;color:var(--el-text-color-placeholder)}.form-inner-control-wrap[data-v-fa952eb3]{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-fa952eb3]:hover{border-color:var(--el-border-color)}.form-inner-control-wrap.form-inner-control-wrap--selected[data-v-fa952eb3]{border:2px solid var(--el-color-primary)}.form-inner-control-wrap:hover .widget-actions[data-v-fa952eb3]{opacity:1}.form-inner-control-wrap[data-v-fa952eb3] .canvas-form-item{flex:1;min-height:0;overflow:visible}.form-inner-control-wrap[data-v-fa952eb3] .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-fa952eb3] .canvas-form-item .el-rate{flex-shrink:0}.widget-actions[data-v-fa952eb3]{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}.option-row--kvd[data-v-890ef576]{display:flex;align-items:center;gap:8px;width:100%}.option-row--kvd .opt-label[data-v-890ef576],.option-row--kvd .opt-value[data-v-890ef576]{flex:1;min-width:0}.json-options-row[data-v-890ef576]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.json-options-hint[data-v-890ef576]{font-size:12px;color:var(--el-text-color-secondary);flex:1;min-width:0}.settings-empty-hint[data-v-890ef576]{font-size:12px;color:var(--el-text-color-secondary);padding:4px 0}.framework-json-editor[data-v-890ef576]{width:100%}.option-row--buttons[data-v-3bcf0f50]{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.option-row--buttons .opt-index[data-v-3bcf0f50]{font-size:12px;color:var(--el-text-color-secondary)}.option-row--buttons .opt-summary[data-v-3bcf0f50]{flex:1;min-width:120px}.option-row--buttons.option-row--active[data-v-3bcf0f50]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.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-8f2c164a] .el-form-item{margin-bottom:10px}.settings-form--nested[data-v-8f2c164a] .el-form-item{margin-bottom:8px}.settings-form[data-v-8f2c164a] .el-form-item__label{padding-bottom:2px;font-size:12px}.settings-form[data-v-8f2c164a] .el-divider{margin:10px 0 8px}.settings-form[data-v-8f2c164a] .el-divider__text{font-size:12px}.form-buttons-checkboxes[data-v-8f2c164a]{display:flex;flex-direction:column;gap:8px}.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}
|