form-design-v3 1.0.2 → 1.0.4
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/README.md +186 -0
- package/{CodeEditor-CJeYvarM.js → dist-lib/CodeEditor-2Kgn5c8-.js} +1 -1
- package/{form-design-v3.css → dist-lib/form-design-v3.css} +1 -1
- package/{form-design-v3.es.js → dist-lib/form-design-v3.es.js} +1 -1
- package/{form-design-v3.umd.cjs → dist-lib/form-design-v3.umd.cjs} +3 -3
- package/{index-BNitnTdB.js → dist-lib/index-BWDrviks.js} +317 -318
- package/package.json +70 -7
- /package/{index.d.ts → dist-lib/index.d.ts} +0 -0
package/README.md
ADDED
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
# form-design-v3
|
|
2
|
+
|
|
3
|
+
流程表单设计器 / 渲染器（Vue3 + TypeScript），以 npm 包形式交付，支持两种使用方式：
|
|
4
|
+
|
|
5
|
+
- **插件方式**：注册全局组件 `<FdDesigner>`，用于表单设计页面
|
|
6
|
+
- **命令式渲染**：`renderForm(options)`，由宿主传入容器与数据直接挂载，用于表单运行态渲染
|
|
7
|
+
|
|
8
|
+
## 安装
|
|
9
|
+
|
|
10
|
+
```bash
|
|
11
|
+
npm install form-design-v3
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
peer 依赖（需宿主项目自行安装）：
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install vue@^3.5.0 pinia@^2.3.0 element-plus@^2.14.0 lucide-vue-next@^1.0.0 monaco-editor@^0.56.0
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
> `element-plus` 为局部按需引入（仅 `ElSelect` / `ElInputNumber` 等少量组件及对应样式）；
|
|
21
|
+
> `monaco-editor` 仅在打开「编写处理函数」代码编辑器时按需加载。
|
|
22
|
+
|
|
23
|
+
## 使用
|
|
24
|
+
|
|
25
|
+
### 1. 设计器（插件方式）
|
|
26
|
+
|
|
27
|
+
```ts
|
|
28
|
+
import { createApp } from 'vue'
|
|
29
|
+
import { createPinia } from 'pinia'
|
|
30
|
+
import DesignerPlugin from 'form-design-v3'
|
|
31
|
+
import 'form-design-v3/style.css' // 库构建不自动注入 CSS，必须显式引入
|
|
32
|
+
import App from './App.vue'
|
|
33
|
+
const app = createApp(App)
|
|
34
|
+
app.use(createPinia())
|
|
35
|
+
app.use(DesignerPlugin, {
|
|
36
|
+
// 可选：覆盖接口模块与基础模块，默认 apiModule = 'form-designer'
|
|
37
|
+
apiModule: 'form-designer',
|
|
38
|
+
baseModule: ''
|
|
39
|
+
})
|
|
40
|
+
app.mount('#app')
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
```vue
|
|
44
|
+
<template>
|
|
45
|
+
<!-- 表单 ID 也可通过 URL query ?id=xxx 传入（与后端 / 老设计器一致） -->
|
|
46
|
+
<FdDesigner :form-id="formId" />
|
|
47
|
+
</template>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### 2. 渲染器（命令式渲染）
|
|
51
|
+
|
|
52
|
+
```ts
|
|
53
|
+
import { renderForm } from 'form-design-v3'
|
|
54
|
+
import 'form-design-v3/style.css'
|
|
55
|
+
|
|
56
|
+
const handle = renderForm({
|
|
57
|
+
container: document.getElementById('form')!,
|
|
58
|
+
widgets: schema.widgets, // 来自接口返回的表单 Schema
|
|
59
|
+
formMode: 'approval', // start / approval / view，缺省按控件配置全显
|
|
60
|
+
formData: { contract_no: 'HT20260001' },
|
|
61
|
+
events: schema.events, // 生命周期钩子 + 自定义事件
|
|
62
|
+
formId: schema.formId,
|
|
63
|
+
apiModule: 'form-designer', // 可选
|
|
64
|
+
baseModule: '' // 可选
|
|
65
|
+
})
|
|
66
|
+
|
|
67
|
+
handle.fireEvent('myCustomEvent', payload) // 触发自定义事件
|
|
68
|
+
handle.unmount() // 销毁实例
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
### 3. 渲染器（组件式渲染）
|
|
72
|
+
|
|
73
|
+
适合需要注入宿主插槽内容（审批页头、操作栏等）的场景：直接使用 `Renderer` 组件，
|
|
74
|
+
插槽控件渲染为 `<slot>`，宿主按 `slotName` 注入内容。
|
|
75
|
+
|
|
76
|
+
```vue
|
|
77
|
+
<script setup lang="ts">
|
|
78
|
+
import { Renderer, loadFormFromLocal, type FormSchema } from 'form-design-v3'
|
|
79
|
+
|
|
80
|
+
// 本地调试：读取设计器保存的表单（localStorage 键 fd:form:{formId}）
|
|
81
|
+
const schema: FormSchema | null = loadFormFromLocal(formId)
|
|
82
|
+
const formData = { contract_no: 'HT20260001' }
|
|
83
|
+
</script>
|
|
84
|
+
|
|
85
|
+
<template>
|
|
86
|
+
<Renderer
|
|
87
|
+
v-if="schema"
|
|
88
|
+
:form-id="schema.formId"
|
|
89
|
+
:widgets="schema.widgets"
|
|
90
|
+
:form-mode="'approval'"
|
|
91
|
+
:form-data="formData"
|
|
92
|
+
:events="schema.events"
|
|
93
|
+
>
|
|
94
|
+
<!-- 插槽名需与表单中「插槽」控件的 slotName 一致 -->
|
|
95
|
+
<template #header>
|
|
96
|
+
<ApprovalHeader />
|
|
97
|
+
</template>
|
|
98
|
+
<template #footer>
|
|
99
|
+
<ApprovalBar />
|
|
100
|
+
</template>
|
|
101
|
+
</Renderer>
|
|
102
|
+
</template>
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
### 4. 接口地址配置
|
|
106
|
+
|
|
107
|
+
接口路径规则：`{baseUrl}/api/formdesigner/v1/{action}`（bpmapi 后端契约），默认 `baseUrl = '/bpmapi-uat'`。
|
|
108
|
+
|
|
109
|
+
```ts
|
|
110
|
+
import { configureApi, setBaseUrl } from 'form-design-v3'
|
|
111
|
+
|
|
112
|
+
// 方式一：安装时配置（见上文插件安装的 baseUrl）
|
|
113
|
+
// 方式二：运行时覆盖
|
|
114
|
+
setBaseUrl('/bpmapi-test')
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
联调需在宿主 dev-server 配置 bpmapi 代理（后端无 CORS），详见
|
|
118
|
+
[docs/integration-assessment.md](./docs/integration-assessment.md) 第 6 章。
|
|
119
|
+
|
|
120
|
+
接口文档已按设计态 / 运行态拆分：设计器接口见 [docs/designer-api.md](./docs/designer-api.md)，渲染器接口见 [docs/renderer-api.md](./docs/renderer-api.md)。
|
|
121
|
+
|
|
122
|
+
## 本地开发
|
|
123
|
+
|
|
124
|
+
```bash
|
|
125
|
+
npm install
|
|
126
|
+
npm run dev # 设计器页面（8098 被占用时自动顺延）
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
联调地址（需 hosts 将 kapi.xincheng.com 指向 127.0.0.1）：
|
|
130
|
+
|
|
131
|
+
```
|
|
132
|
+
http://kapi.xincheng.com:8098/?id=<表单GUID>&FormVersion=<版本GUID>
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
URL 参数：`id` 表单 ID（GUID，必填）、`FormVersion` 来源版本 ID、`openType`（`newEdit` 新建版本 / `edit` 编辑指定版本，**无默认值，缺省时后端返回「OpenType无效!」**；老写法 `OpenType` 亦可）、
|
|
136
|
+
`baseUrl` 接口前缀（默认 `/bpmapi-uat`，本地后端联调传 `/bpmapi-local`）。
|
|
137
|
+
|
|
138
|
+
**保存语义（按 API-backend.md 的 1+1+1 交互）**：
|
|
139
|
+
|
|
140
|
+
打开时 `opendesigner` 先建版本并返回**工作表单 ID**，后续操作均基于它：
|
|
141
|
+
|
|
142
|
+
| 操作 | 请求 id | 行为 |
|
|
143
|
+
| --- | --- | --- |
|
|
144
|
+
| 保存 | 工作表单 ID | 写入工作表单（临时记录 Status=4），后端**同步回写版本行** |
|
|
145
|
+
| 另存为 | 源 = 工作表单 ID | 以工作表单为源复制成新表单（含最新保存的设计），返回新表单 ID |
|
|
146
|
+
| 发布 | 工作表单 ID | 回写版本行置 Status=1 + 一口收直写业务库 |
|
|
147
|
+
|
|
148
|
+
> 打开设计器为三步流程：`opendesigner` → `formconfig` → `allfields`（见 docs/designer-api.md 第 6 章）；
|
|
149
|
+
> 本地 mock（`src/api/mock.ts`）已移除，未配置后端时设计器显示加载失败提示。
|
|
150
|
+
> 真实数据联调记录见 [docs/integration-assessment.md](./docs/integration-assessment.md) 1.3 节。
|
|
151
|
+
|
|
152
|
+
## 构建与发布
|
|
153
|
+
|
|
154
|
+
```bash
|
|
155
|
+
npm run build:lib # 类型声明（vue-tsc）+ 库构建，输出 dist-lib/
|
|
156
|
+
npm pack --dry-run # 预览发布包内容
|
|
157
|
+
npm publish # 发布到 npm（prepublishOnly 会自动先执行 build:lib）
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
完整的发布流程（令牌配置、版本管理、问题排查）与消费方接入指引见
|
|
161
|
+
[docs/npm-guide.md](./docs/npm-guide.md)。
|
|
162
|
+
|
|
163
|
+
产物结构：
|
|
164
|
+
|
|
165
|
+
```
|
|
166
|
+
dist-lib/
|
|
167
|
+
├── form-design-v3.es.js # ESM 产物（主入口）
|
|
168
|
+
├── form-design-v3.umd.cjs # UMD 产物（require 引入）
|
|
169
|
+
├── style.css # 全局样式（CSS 变量 + 基础样式）
|
|
170
|
+
└── index.d.ts # 类型声明入口（含 components/ widgets/ types/ 等）
|
|
171
|
+
```
|
|
172
|
+
|
|
173
|
+
## 目录说明
|
|
174
|
+
|
|
175
|
+
| 目录 | 说明 |
|
|
176
|
+
| --- | --- |
|
|
177
|
+
| `src/api` | 接口封装与 mock（Schema 存取、子表元数据） |
|
|
178
|
+
| `src/components/designer` | 设计器（工具栏 / 画布 / 属性面板 / 组件树） |
|
|
179
|
+
| `src/components/renderer` | 运行态渲染器 |
|
|
180
|
+
| `src/widgets` | 内置控件（card / label / subtable / slot / grid / text） |
|
|
181
|
+
| `src/stores` | 设计器状态管理（撤销重做 / 拖拽 / Schema 装载） |
|
|
182
|
+
| `src/types` | TypeScript 类型定义 |
|
|
183
|
+
| `docs/designer-api.md` | 设计器接口文档（设计态） |
|
|
184
|
+
| `docs/renderer-api.md` | 渲染器接口文档（运行态） |
|
|
185
|
+
| `docs/API-backend.md` | 后端现有实现说明（对接参考） |
|
|
186
|
+
| `docs/integration-assessment.md` | 设计器接入评估（bpmapi 对接） |
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as c, ref as d, onMounted as m, watch as n, onBeforeUnmount as f, openBlock as p, createElementBlock as g } from "vue";
|
|
2
2
|
import * as r from "monaco-editor";
|
|
3
3
|
import { javascriptDefaults as _ } from "monaco-editor/language/typescript/monaco.contribution";
|
|
4
|
-
import { _ as V } from "./index-
|
|
4
|
+
import { _ as V } from "./index-BWDrviks.js";
|
|
5
5
|
const S = /* @__PURE__ */ c({
|
|
6
6
|
__name: "CodeEditor",
|
|
7
7
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.fd-label-design[data-v-b6dcc499]{display:flex;align-items:stretch;font-size:1.4rem;line-height:1.5;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);overflow:hidden}.fd-label-name[data-v-b6dcc499]{width:16rem;flex-shrink:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-hover);border-right:1px solid var(--fd-color-border);color:var(--fd-color-text-secondary);text-align:right;font-weight:500}.fd-label-design.is-mobile .fd-label-name[data-v-b6dcc499]{width:12rem}.fd-label-value[data-v-b6dcc499]{flex:1;min-width:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-panel);color:var(--fd-color-text);white-space:pre-wrap;word-break:break-all}.fd-label-value--link[data-v-b6dcc499]{color:var(--fd-color-primary)}.fd-label-render[data-v-7fe92042]{display:flex;align-items:stretch;font-size:1.4rem;line-height:1.5;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);overflow:hidden}.fd-label-name[data-v-7fe92042]{width:16rem;flex-shrink:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-hover);border-right:1px solid var(--fd-color-border);color:var(--fd-color-text-secondary);text-align:right;font-weight:500}.fd-label-render.is-mobile .fd-label-name[data-v-7fe92042]{width:12rem}.fd-label-value[data-v-7fe92042]{flex:1;min-width:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-panel);color:var(--fd-color-text);white-space:pre-wrap;word-break:break-all}.fd-label-value--link[data-v-7fe92042]{color:var(--fd-color-primary)}.fd-label-link[data-v-7fe92042]{color:inherit;text-decoration:none;cursor:pointer;word-break:break-all}.fd-label-link[data-v-7fe92042]:hover{text-decoration:underline}.fd-panel[data-v-d1d2c609]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-d1d2c609]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-d1d2c609]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item input[data-v-d1d2c609],.fd-panel-item select[data-v-d1d2c609]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-color-row[data-v-d1d2c609]{display:flex;gap:.6rem;align-items:center}.fd-panel .fd-panel-item .fd-color-row input[type=color][data-v-d1d2c609]{width:3.6rem;height:3.2rem;padding:.2rem;flex-shrink:0;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);cursor:pointer}.fd-color-row input[data-v-d1d2c609]:not([type=color]){flex:1;min-width:0}.fd-card-design[data-v-6a46ee95]{border:1px solid var(--fd-color-border);border-radius:14px;background:var(--fd-color-bg-panel);box-shadow:0 2px 10px #19375f0f;overflow:hidden}.fd-card-head[data-v-6a46ee95]{display:flex;align-items:center;gap:10px;height:64px;padding:0 22px;background:transparent}.fd-card-icon[data-v-6a46ee95]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fd-color-primary);background:var(--fd-color-primary-light);border-radius:9px}.fd-card-title[data-v-6a46ee95]{flex:1;font-size:17px;font-weight:700;color:var(--fd-color-text)}.fd-card-arrow[data-v-6a46ee95]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;color:var(--fd-color-text-tertiary);cursor:pointer;transition:transform .3s,background .2s}.fd-card-arrow[data-v-6a46ee95]:hover{background:var(--fd-color-bg-hover)}.fd-card-arrow svg[data-v-6a46ee95]{width:16px;height:16px;display:block}.fd-card-arrow.is-open[data-v-6a46ee95]{transform:rotate(180deg)}.fd-card-body[data-v-6a46ee95]{padding:0 22px 22px;min-height:6rem;background:var(--fd-color-bg-panel)}.fd-card-empty[data-v-6a46ee95]{border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base);padding:1.6rem;text-align:center;color:var(--fd-color-text-tertiary);font-size:1.3rem}.fd-card-render[data-v-bc2f6273]{border:1px solid var(--fd-color-border);border-radius:14px;background:var(--fd-color-bg-panel);box-shadow:0 2px 10px #19375f0f;overflow:hidden}.fd-card-head[data-v-bc2f6273]{display:flex;align-items:center;gap:10px;height:64px;padding:0 22px;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.fd-card-icon[data-v-bc2f6273]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fd-color-primary);background:var(--fd-color-primary-light);border-radius:9px}.fd-card-title[data-v-bc2f6273]{flex:1;font-size:17px;font-weight:700;color:var(--fd-color-text)}.fd-card-arrow[data-v-bc2f6273]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;color:var(--fd-color-text-tertiary);transition:transform .3s}.fd-card-arrow svg[data-v-bc2f6273]{width:16px;height:16px;display:block}.fd-card-arrow.is-open[data-v-bc2f6273]{transform:rotate(180deg)}.fd-card-body[data-v-bc2f6273]{padding:0 22px 22px;min-height:6rem;background:var(--fd-color-bg-panel)}.fd-switch[data-v-eac909bd]{position:relative;width:3.6rem;height:2rem;padding:0;border:none;border-radius:1rem;background:var(--fd-color-border-hover);cursor:pointer;flex-shrink:0;transition:background var(--fd-transition)}.fd-switch.is-on[data-v-eac909bd]{background:var(--fd-color-primary)}.fd-switch[data-v-eac909bd]:disabled{opacity:.5;cursor:not-allowed}.fd-switch-dot[data-v-eac909bd]{position:absolute;top:.2rem;left:.2rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--fd-transition)}.fd-switch.is-on .fd-switch-dot[data-v-eac909bd]{transform:translate(1.6rem)}.fd-panel[data-v-4585a5b8]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-4585a5b8]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item--row[data-v-4585a5b8]{flex-direction:row;align-items:center;justify-content:space-between}.fd-panel-item label[data-v-4585a5b8]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item input[data-v-4585a5b8],.fd-panel-item select[data-v-4585a5b8]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-panel-item select[data-v-4585a5b8]{color:var(--fd-color-text);cursor:pointer}.fd-icon-picker[data-v-4585a5b8]{position:relative}.fd-icon-trigger[data-v-4585a5b8]{width:100%;height:3.2rem;padding:0 .8rem;display:flex;align-items:center;gap:.6rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);color:var(--fd-color-text);cursor:pointer}.fd-icon-trigger[data-v-4585a5b8]:hover{border-color:var(--fd-color-border-hover)}.fd-icon-placeholder[data-v-4585a5b8]{flex:1;text-align:left;font-size:1.4rem;color:var(--fd-color-text-tertiary)}.fd-icon-caret[data-v-4585a5b8]{width:1.4rem;height:1.4rem;margin-left:auto;color:var(--fd-color-text-tertiary)}.fd-icon-popover[data-v-4585a5b8]{position:absolute;z-index:20;top:calc(100% + .4rem);left:0;right:0;padding:.8rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);box-shadow:var(--fd-shadow-pop);max-height:26rem;overflow-y:auto}.fd-icon-grid[data-v-4585a5b8]{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.fd-icon-option[data-v-4585a5b8]{display:inline-flex;align-items:center;justify-content:center;height:3.2rem;border:1px solid transparent;border-radius:var(--fd-radius-base);background:transparent;color:var(--fd-color-text);cursor:pointer}.fd-icon-option[data-v-4585a5b8]:hover{background:var(--fd-color-bg-hover)}.fd-icon-option.active[data-v-4585a5b8]{border-color:var(--fd-color-primary);background:var(--fd-color-bg-active);color:var(--fd-color-primary)}.fd-icon-none[data-v-4585a5b8]{font-size:1.2rem}.fd-slot-design[data-v-d3fbc11d]{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;border:1px dashed var(--fd-color-border-hover);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-hover)}.fd-slot-tag[data-v-d3fbc11d]{padding:.2rem .8rem;border-radius:var(--fd-radius-base);background:var(--fd-color-primary-light);color:var(--fd-color-primary);font-size:1.2rem}.fd-slot-name[data-v-d3fbc11d]{font-weight:600;color:var(--fd-color-text)}.fd-slot-hint[data-v-d3fbc11d]{margin-left:auto;color:var(--fd-color-text-tertiary);font-size:1.2rem}.fd-slot-render[data-v-10795159]{margin:0}.fd-slot-missing[data-v-10795159]{padding:1.2rem 1.6rem;border:1px dashed var(--fd-color-border-hover);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-hover);color:var(--fd-color-text-tertiary);font-size:1.3rem}.fd-panel[data-v-dfae47c6]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-dfae47c6]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-dfae47c6]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item input[data-v-dfae47c6],.fd-panel-item select[data-v-dfae47c6]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-panel-item select[data-v-dfae47c6]{color:var(--fd-color-text);cursor:pointer}.fd-st-design[data-v-aba8caec]{border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);overflow:hidden}.fd-st-table-wrap[data-v-aba8caec]{overflow-x:auto}.fd-st-table[data-v-aba8caec]{width:max-content;min-width:100%;border-collapse:collapse}.fd-st-table th[data-v-aba8caec]{background:var(--fd-color-bg-hover);color:var(--fd-color-text-secondary);font-weight:600}.fd-st-table th[data-v-aba8caec],.fd-st-table td[data-v-aba8caec]{border:1px solid var(--fd-color-border);padding:.8rem 1rem;font-size:1.3rem;text-align:left}.fd-st-seq[data-v-aba8caec]{width:5rem;text-align:center!important}.fd-st-cell[data-v-aba8caec]{color:var(--fd-color-text-secondary)}.fd-st-cell--link[data-v-aba8caec]{color:var(--fd-color-primary);cursor:pointer}.fd-st-cards[data-v-aba8caec]{display:flex;flex-direction:column;gap:.8rem}.fd-st-card[data-v-aba8caec]{display:flex;flex-direction:column;gap:.6rem;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-base);box-shadow:0 1px 2px #0000000f;border:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-aba8caec]{display:flex;align-items:flex-start;padding:1rem 1.4rem;border-bottom:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-aba8caec]:last-child{border-bottom:none}.fd-st-card-label[data-v-aba8caec]{flex:0 0 11.5rem;max-width:11.5rem;color:var(--fd-color-text-secondary);font-size:1.3rem}.fd-st-card-value[data-v-aba8caec]{flex:1 1 auto;min-width:0;color:var(--fd-color-text);font-size:1.3rem;word-break:break-all;display:flex;align-items:center}.fd-st-card-value--link[data-v-aba8caec]{color:var(--fd-color-primary);cursor:pointer}.fd-st-cards-empty[data-v-aba8caec]{text-align:center;font-size:1.3rem;color:var(--fd-color-text-tertiary);padding:2rem 1rem}.fd-st-render[data-v-a650847e]{background:var(--fd-color-bg-panel)}.fd-st-table-wrap[data-v-a650847e]{overflow-x:auto}.fd-st-table[data-v-a650847e]{width:max-content;min-width:100%;border-spacing:0;border-collapse:separate;border:1px solid #e4eaf2;border-radius:1rem;overflow:hidden;background:#fff}.fd-st-table th[data-v-a650847e],.fd-st-table td[data-v-a650847e]{border:0;border-right:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;padding:1.1rem 1.2rem;line-height:1.45;font-size:1.3rem}.fd-st-table tr[data-v-a650847e]>*:last-child{border-right:0}.fd-st-table th[data-v-a650847e]{color:#667085;background:#f8fafc;font-weight:500}.fd-st-table thead th[data-v-a650847e]{color:#475467;background:#f6f8fb;font-weight:600}.fd-st-seq[data-v-a650847e]{width:5rem;text-align:center!important}.fd-st-op[data-v-a650847e]{width:8rem;text-align:center}.fd-st-empty[data-v-a650847e]{text-align:center;color:var(--fd-color-text-secondary);padding:1.6rem}.fd-st-link[data-v-a650847e]{color:var(--fd-color-primary);cursor:pointer;text-decoration:none;word-break:break-all}.fd-st-link[data-v-a650847e]:hover{text-decoration:underline}.fd-st-add[data-v-a650847e]{margin:1rem 1.2rem}.fd-st-cards[data-v-a650847e]{display:flex;flex-direction:column;gap:.8rem}.fd-st-card[data-v-a650847e]{display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-base);box-shadow:0 .1rem .2rem #0000000f;border:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-a650847e]{display:flex;align-items:flex-start;padding:1rem 1.4rem;border-bottom:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-a650847e]:last-child{border-bottom:none}.fd-st-card-label[data-v-a650847e]{flex:0 0 11.5rem;max-width:11.5rem;color:var(--fd-color-text-secondary);font-size:1.3rem}.fd-st-card-value[data-v-a650847e]{flex:1 1 auto;min-width:0;color:var(--fd-color-text);font-size:1.3rem;word-break:break-all}.fd-st-card-actions[data-v-a650847e]{display:flex;justify-content:flex-end;padding:.8rem 1.4rem;border-top:1px solid var(--fd-color-border)}.fd-st-cards-empty[data-v-a650847e]{text-align:center;font-size:1.3rem;color:var(--fd-color-text-secondary);padding:2rem 1rem}.fd-panel[data-v-e1fd519d]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-e1fd519d]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item--row[data-v-e1fd519d]{flex-direction:row;align-items:center;justify-content:space-between}.fd-panel-item label[data-v-e1fd519d]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-cols-head[data-v-e1fd519d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;font-weight:600}.fd-cols-empty[data-v-e1fd519d]{font-size:1.3rem;color:var(--fd-color-text-placeholder);text-align:center;padding:1.6rem;border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base)}.fd-col-card[data-v-e1fd519d]{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.2rem;margin-bottom:.8rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);transition:border-color var(--fd-transition)}.fd-col-card[data-v-e1fd519d]:hover{border-color:var(--fd-color-primary)}.fd-col-card-top[data-v-e1fd519d]{display:flex;align-items:center;gap:.8rem}.fd-col-order[data-v-e1fd519d]{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--fd-color-primary);background:var(--fd-color-primary-light)}.fd-col-meta[data-v-e1fd519d]{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.fd-col-title[data-v-e1fd519d]{font-size:1.4rem;font-weight:600;color:var(--fd-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-col-name-sub[data-v-e1fd519d]{font-size:1.1rem;color:var(--fd-color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-col-tag[data-v-e1fd519d]{flex-shrink:0;font-size:1.1rem;color:var(--fd-color-text-secondary);background:var(--fd-color-bg);border:1px solid var(--fd-color-border);padding:.2rem .6rem;border-radius:var(--fd-radius-base)}.fd-col-card-bottom[data-v-e1fd519d]{display:flex;align-items:center;justify-content:space-between}.fd-col-switch[data-v-e1fd519d]{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-col-actions[data-v-e1fd519d]{display:flex;gap:.6rem}.fd-form-section[data-v-e1fd519d]{margin-bottom:1.6rem}.fd-form-section[data-v-e1fd519d]:last-child{margin-bottom:0}.fd-form-section-h[data-v-e1fd519d]{margin:0 0 .8rem;font-size:1.3rem;font-weight:600;color:var(--fd-color-text-secondary)}.fd-form-grid[data-v-e1fd519d]{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.6rem}.fd-form-item[data-v-e1fd519d]{display:flex;flex-direction:column;gap:.4rem}.fd-form-item label[data-v-e1fd519d]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-color-row[data-v-e1fd519d]{display:flex;gap:.6rem;align-items:center}.fd-form-section .fd-form-item .fd-color-row input[type=color][data-v-e1fd519d]{width:3.6rem;height:3.2rem;padding:.2rem;flex-shrink:0;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);cursor:pointer}.fd-form-section .fd-form-item .fd-switch[data-v-e1fd519d]{margin-top:.6rem}.fd-color-row input[type=text][data-v-e1fd519d]{flex:1;min-width:0}.fd-btn--sm[data-v-e1fd519d]{height:2.6rem;padding:0 1rem;font-size:1.2rem}.fd-btn--ghost[data-v-e1fd519d]{background:transparent;color:var(--fd-color-primary);border:1px solid var(--fd-color-primary)}.fd-btn--ghost[data-v-e1fd519d]:hover{background:var(--fd-color-primary-light)}.fd-dialog-mask[data-v-e1fd519d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.fd-dialog[data-v-e1fd519d]{width:min(56rem,92vw);max-height:82vh;display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-pop);overflow:hidden}.fd-dialog-head[data-v-e1fd519d]{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--fd-color-border);font-weight:600;font-size:1.5rem}.fd-dialog-head span[data-v-e1fd519d]{margin-right:auto}.fd-dialog-close[data-v-e1fd519d]{width:3rem;height:3rem;padding:0;font-size:2rem;line-height:1;border:none;border-radius:var(--fd-radius-base);background:transparent;color:var(--fd-color-text-secondary);cursor:pointer}.fd-dialog-close[data-v-e1fd519d]:hover{background:var(--fd-color-bg);color:var(--fd-color-text)}.fd-dialog-body[data-v-e1fd519d]{padding:1.6rem;overflow:auto}.fd-dialog-foot[data-v-e1fd519d]{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 1.6rem;border-top:1px solid var(--fd-color-border)}.fd-grid-design[data-v-25511a77]{display:grid;grid-template-columns:repeat(24,1fr);align-items:start}.fd-grid-design.is-mobile[data-v-25511a77]{grid-template-columns:1fr}.fd-grid-render[data-v-417035f9]{display:grid;grid-template-columns:repeat(24,1fr);align-items:start}.fd-grid-render.is-mobile[data-v-417035f9]{grid-template-columns:1fr}.fd-grid-cell[data-v-417035f9]{min-width:0}.fd-grid-cell[data-v-417035f9]>*{margin-bottom:0}.fd-panel[data-v-a333d2ea]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-a333d2ea]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-a333d2ea]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item select[data-v-a333d2ea]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-grid-apply[data-v-a333d2ea]{width:100%}.fd-text-design[data-v-ba382e6c],.fd-text-render[data-v-3ed7b0f0]{display:inline-block;padding:.4rem 0;font-size:1.4rem;line-height:1.5;color:var(--fd-color-text);white-space:pre-wrap;word-break:break-word}.fd-panel[data-v-3201879c]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-3201879c]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-3201879c]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item textarea[data-v-3201879c],.fd-panel-item select[data-v-3201879c]{padding:.8rem 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;font-family:inherit;line-height:1.5;background:var(--fd-color-bg-panel)}.fd-panel-item textarea[data-v-3201879c]{resize:vertical}.fd-panel-item select[data-v-3201879c]{height:3.2rem}.fd-renderer[data-v-82088c12]{display:block;padding:1.6rem}.fd-tree[data-v-e38c14ec]{padding:1.2rem;height:100%;overflow:auto;display:flex;flex-direction:column}.fd-tree-head[data-v-e38c14ec]{display:flex;align-items:center;gap:.8rem;padding:0 .4rem .8rem;margin-bottom:.8rem;border-bottom:1px solid var(--fd-color-border);flex-shrink:0}.fd-tree-head-icon[data-v-e38c14ec]{width:1.6rem;height:1.6rem;color:var(--fd-color-primary);flex-shrink:0}.fd-tree-title[data-v-e38c14ec]{font-weight:600;font-size:1.5rem}.fd-tree-count[data-v-e38c14ec]{margin-left:auto;padding:.1rem .7rem;border-radius:1rem;font-size:1.2rem;color:var(--fd-color-text-tertiary);background:var(--fd-color-info-light)}.fd-tree-empty[data-v-e38c14ec]{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:4rem 2rem;color:var(--fd-color-text-tertiary);font-size:1.3rem;text-align:center}.fd-tree-empty svg[data-v-e38c14ec]{width:3.2rem;height:3.2rem;opacity:.6}.fd-tree-el[data-v-e38c14ec]{background:transparent;--el-tree-node-hover-bg-color: transparent}.fd-tree-el[data-v-e38c14ec] .el-tree-node__content{height:auto;min-height:2.8rem;border-radius:var(--fd-radius-base);padding-left:.4rem}.fd-tree-el[data-v-e38c14ec] .el-tree-node__content:hover{background:var(--fd-color-info-light)}.fd-tree-el[data-v-e38c14ec] .el-tree-node.is-current>.el-tree-node__content{background:var(--fd-color-primary-light);color:var(--fd-color-primary)}.fd-tree-el[data-v-e38c14ec] .el-tree-node__expand-icon{color:var(--fd-color-text-tertiary)}.fd-tree-el[data-v-e38c14ec] .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon{color:var(--fd-color-primary)}.fd-tree-name[data-v-e38c14ec]{font-size:1.3rem}.fd-tree-sub[data-v-e38c14ec]{margin-left:.6rem;color:var(--fd-color-text-tertiary);font-size:1.2rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-tree-node.is-current>.el-tree-node__content .fd-tree-sub[data-v-e38c14ec]{color:var(--fd-color-primary);opacity:.75}.fd-publish-tip[data-v-6fdc08dc]{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;margin-bottom:1.6rem;border-radius:var(--fd-radius-base);background:var(--fd-color-warning-light)}.fd-publish-tip-icon[data-v-6fdc08dc]{flex-shrink:0;width:1.8rem;height:1.8rem;margin-top:.1rem;line-height:1.8rem;text-align:center;border-radius:50%;background:var(--fd-color-warning);color:#fff;font-size:1.2rem;font-weight:700}.fd-publish-tip-text[data-v-6fdc08dc]{color:var(--fd-color-text);font-size:1.4rem;line-height:1.6}.fd-publish-tip-text b[data-v-6fdc08dc]{color:var(--fd-color-danger);font-weight:600}.fd-publish-toolbar[data-v-6fdc08dc]{margin-bottom:1.2rem}.fd-publish-search[data-v-6fdc08dc]{width:26rem}.fd-publish-table-wrap[data-v-6fdc08dc]{max-height:32rem;overflow-y:auto;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base)}.fd-publish-table-wrap[data-v-6fdc08dc] .el-empty{padding:2.4rem 0}.fd-publish-table[data-v-6fdc08dc]{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:1.3rem}.fd-publish-table th[data-v-6fdc08dc],.fd-publish-table td[data-v-6fdc08dc]{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--fd-color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-publish-table th[data-v-6fdc08dc]{position:sticky;top:0;z-index:1;background:var(--fd-color-bg);color:var(--fd-color-text);font-weight:600}.fd-publish-table td[data-v-6fdc08dc]{color:var(--fd-color-text);transition:background var(--fd-transition)}.fd-publish-table tbody tr:hover td[data-v-6fdc08dc]{background:var(--fd-color-bg-hover)}.fd-publish-table tbody tr:last-child td[data-v-6fdc08dc]{border-bottom:none}.fd-publish-id[data-v-6fdc08dc]{color:var(--fd-color-text-secondary);font-size:1.2rem}.fd-publish-link[data-v-6fdc08dc]{color:var(--fd-color-primary);cursor:pointer;text-decoration:none;transition:color var(--fd-transition)}.fd-publish-link[data-v-6fdc08dc]:hover{color:var(--fd-color-primary-hover);text-decoration:underline}.fd-publish-pager[data-v-6fdc08dc]{display:flex;justify-content:flex-end;margin-top:1.2rem}.fd-publish-error[data-v-6fdc08dc]{padding:2.4rem 1.2rem;color:var(--fd-color-danger);font-size:1.3rem;text-align:center}.fd-toolbar[data-v-eae12460]{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:var(--fd-header-height);padding:0 2rem;background:var(--fd-color-bg-panel);border-bottom:1px solid var(--fd-color-border);flex-shrink:0}.fd-toolbar-title[data-v-eae12460]{font-weight:600;font-size:1.8rem;color:var(--fd-color-text);white-space:nowrap}.fd-toolbar-left[data-v-eae12460]{gap:1.6rem}.fd-toolbar-divider[data-v-eae12460]{width:1px;height:2rem;background:var(--fd-color-border);flex-shrink:0}.fd-toolbar-name[data-v-eae12460]{height:3.2rem;width:16rem;padding:0 1.2rem;border:1px solid transparent;border-radius:var(--fd-radius-base);background:var(--fd-color-info-light);color:var(--fd-color-text-secondary);font-size:1.4rem;transition:all var(--fd-transition)}.fd-toolbar-name[data-v-eae12460]:hover{background:var(--fd-color-bg-panel);border-color:var(--fd-color-primary)}.fd-toolbar-name[data-v-eae12460]:focus{outline:none;background:var(--fd-color-bg-panel);border-color:var(--fd-color-primary);box-shadow:0 0 0 .2rem #4c8eff33}.fd-device[data-v-eae12460]{display:inline-flex;background:var(--fd-color-info-light);border-radius:.6rem;padding:.2rem}.fd-device button[data-v-eae12460]{height:2.8rem;display:inline-flex;align-items:center;gap:.4rem;padding:0 1rem;border:none;background:transparent;border-radius:var(--fd-radius-base);color:var(--fd-color-text-secondary);font-size:1.3rem;cursor:default;white-space:nowrap;transition:all var(--fd-transition)}.fd-device button.is-active[data-v-eae12460]{background:var(--fd-color-bg-panel);color:var(--fd-color-primary);box-shadow:var(--fd-shadow-card);font-weight:600}.fd-toolbar-right[data-v-eae12460]{gap:.8rem;flex-wrap:nowrap;overflow-x:auto}.fd-tool-btn[data-v-eae12460]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:3.4rem;padding:0 1rem;border:none;border-radius:var(--fd-radius-base);background:var(--fd-color-info-light);color:#4a4f59;font-size:1.3rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--fd-transition)}.fd-tool-btn-icon[data-v-eae12460]{width:1.4rem;height:1.4rem;flex-shrink:0;display:block}.fd-tool-btn[data-v-eae12460]:hover{background:#e8e9eb}.fd-tool-btn[data-v-eae12460]:disabled{opacity:.45;cursor:not-allowed}.fd-tool-btn--primary[data-v-eae12460]{background:var(--fd-color-primary);color:#fff}.fd-tool-btn--primary[data-v-eae12460]:hover{background:var(--fd-color-primary-hover);color:#fff}.fd-tool-icon-btn[data-v-eae12460]{width:3.4rem;padding:0}.fd-tool-icon[data-v-eae12460]{width:1.8rem;height:1.8rem;display:block}.fd-dialog-mask[data-v-eae12460]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.fd-dialog[data-v-eae12460]{width:min(86rem,90vw);max-height:82vh;display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-pop);overflow:hidden}.fd-dialog--preview[data-v-eae12460]{width:min(128rem,94vw)}.fd-preview-width[data-v-eae12460]{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:400;color:var(--fd-color-text-secondary)}.fd-preview-width[data-v-eae12460] .el-input-number{width:11rem}.fd-preview-width[data-v-eae12460] .el-input-number .el-input__wrapper{background:var(--fd-color-bg);box-shadow:0 0 0 1px var(--fd-color-border) inset}.fd-preview-width[data-v-eae12460] .el-input-number .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--fd-color-border-hover) inset}.fd-preview-width[data-v-eae12460] .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--fd-color-primary) inset}.fd-preview-width label[data-v-eae12460]{white-space:nowrap}.fd-preview-width-unit[data-v-eae12460]{color:var(--fd-color-text-tertiary)}.fd-preview-stage[data-v-eae12460]{min-width:27rem;max-width:120rem;margin:0 auto}.fd-dialog-head[data-v-eae12460]{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--fd-color-border);font-weight:600;font-size:1.5rem}.fd-dialog-head span[data-v-eae12460]{margin-right:auto}.fd-dialog-body[data-v-eae12460]{padding:1.6rem;overflow:auto}.fd-dialog-code[data-v-eae12460]{margin:0;padding:1.6rem;overflow:auto;font-size:1.2rem;line-height:1.6;color:var(--fd-color-text)}.fd-dialog-import-text[data-v-eae12460]{width:100%;min-height:32rem;padding:1.2rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.2rem;line-height:1.6;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--fd-color-bg);color:var(--fd-color-text);resize:vertical}.fd-tree-drawer[data-v-eae12460]{position:fixed;top:5.6rem;right:0;bottom:0;width:30rem;z-index:90;background:var(--fd-color-bg-panel);border-left:1px solid var(--fd-color-border);box-shadow:var(--fd-shadow-pop)}.fd-palette[data-v-6a2bab90]{padding:1.2rem;display:flex;flex-direction:column;gap:1.2rem;overflow:auto;height:100%}.fd-palette-title[data-v-6a2bab90]{font-weight:600;font-size:1.4rem;color:var(--fd-color-text);padding:0 .4rem}.fd-palette-group[data-v-6a2bab90]{display:flex;flex-direction:column;gap:.8rem}.fd-palette-group-title[data-v-6a2bab90]{font-size:1.2rem;color:var(--fd-color-text-tertiary);margin-bottom:.2rem;padding-left:.4rem}.fd-palette-item[data-v-6a2bab90]{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid transparent;border-radius:var(--fd-radius-base);background:var(--fd-color-bg-hover);font-size:1.3rem;color:var(--fd-color-text);cursor:grab;-webkit-user-select:none;user-select:none;transition:all var(--fd-transition)}.fd-palette-item[data-v-6a2bab90]:hover{background:var(--fd-color-primary-bg);border-color:var(--fd-color-primary)}.fd-palette-item[data-v-6a2bab90]:active{cursor:grabbing}.fd-palette-icon[data-v-6a2bab90]{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--fd-radius-base);background:var(--fd-color-icon-bg);color:var(--fd-color-icon);font-size:1.3rem;font-weight:600}.fd-form-events[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:1.6rem}.fd-form-meta[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:.4rem;font-size:1.2rem;color:var(--fd-color-text-secondary);padding:.8rem 1rem;background:var(--fd-color-bg);border-radius:var(--fd-radius-base)}.fd-events-section[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:1rem}.fd-events-head[data-v-7e5a3f15]{display:flex;align-items:center;justify-content:space-between}.fd-events-h[data-v-7e5a3f15]{margin:0;font-size:1.4rem;font-weight:600}.fd-events-tip[data-v-7e5a3f15]{margin:0;font-size:1.2rem;color:var(--fd-color-text-tertiary)}.fd-events-empty[data-v-7e5a3f15]{font-size:1.3rem;color:var(--fd-color-text-placeholder);text-align:center;padding:1.2rem;border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base)}.fd-event-row[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:.4rem}.fd-event-head[data-v-7e5a3f15]{display:flex;align-items:center;gap:.8rem}.fd-event-row label[data-v-7e5a3f15]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-event-key[data-v-7e5a3f15]{font-size:1.1rem;color:var(--fd-color-primary);background:var(--fd-color-primary-light);padding:.1rem .6rem;border-radius:var(--fd-radius-base)}.fd-event-trigger[data-v-7e5a3f15]{display:flex;align-items:center;gap:.6rem;width:100%;min-height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.3rem;background:var(--fd-color-bg-panel);cursor:pointer;transition:border-color var(--fd-transition),background-color var(--fd-transition);overflow:hidden}.fd-event-trigger[data-v-7e5a3f15]:hover{border-color:var(--fd-color-primary);background:var(--fd-color-primary-light)}.fd-event-trigger-text[data-v-7e5a3f15]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fd-color-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.fd-event-trigger-placeholder[data-v-7e5a3f15]{flex:1;color:var(--fd-color-text-placeholder)}.fd-event-trigger-arrow[data-v-7e5a3f15]{flex-shrink:0;color:var(--fd-color-text-tertiary);font-size:1.8rem;line-height:1}.fd-custom-card[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg)}.fd-custom-head[data-v-7e5a3f15]{display:flex;align-items:center;justify-content:space-between}.fd-custom-index[data-v-7e5a3f15]{font-size:1.3rem;font-weight:600;color:var(--fd-color-text-secondary)}.fd-event-row input[data-v-7e5a3f15]{width:100%;height:3.2rem;font-size:1.4rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);color:var(--fd-color-text)}.fd-event-row input[data-v-7e5a3f15]:focus{border-color:var(--fd-color-primary);outline:none}.fd-btn[data-v-7e5a3f15]{height:3.2rem;padding:0 1.4rem;border:none;border-radius:var(--fd-radius-base);font-size:1.3rem;cursor:pointer}.fd-btn--sm[data-v-7e5a3f15]{height:2.6rem;padding:0 1rem;font-size:1.2rem}.fd-btn--primary[data-v-7e5a3f15]{background:var(--fd-color-primary);color:#fff}.fd-btn--danger[data-v-7e5a3f15]{background:var(--fd-color-danger-light);color:var(--fd-color-danger)}.fd-dialog-mask[data-v-7e5a3f15]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.fd-dialog[data-v-7e5a3f15]{width:min(60rem,92vw);max-height:82vh;display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-pop);overflow:hidden}.fd-dialog-head[data-v-7e5a3f15]{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--fd-color-border);font-weight:600;font-size:1.5rem}.fd-dialog-head span[data-v-7e5a3f15]{margin-right:auto}.fd-dialog-close[data-v-7e5a3f15]{width:3rem;height:3rem;padding:0;font-size:2rem;line-height:1;border:none;border-radius:var(--fd-radius-base);background:transparent;color:var(--fd-color-text-secondary);cursor:pointer}.fd-dialog-close[data-v-7e5a3f15]:hover{background:var(--fd-color-bg);color:var(--fd-color-text)}.fd-dialog-body[data-v-7e5a3f15]{padding:1.6rem;overflow:auto}.fd-dialog-foot[data-v-7e5a3f15]{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 1.6rem;border-top:1px solid var(--fd-color-border)}.fd-property[data-v-e89617c7]{padding:1.2rem;display:flex;flex-direction:column;gap:1.2rem;height:100%;overflow:auto}.fd-property-title[data-v-e89617c7]{font-weight:600;font-size:1.4rem}.fd-property-empty[data-v-e89617c7]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;color:var(--fd-color-text-secondary);font-size:1.3rem;text-align:center}.fd-property-empty-icon[data-v-e89617c7]{font-size:3.6rem;color:var(--fd-color-border)}.fd-property-foot[data-v-e89617c7]{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--fd-color-border)}.fd-property-type[data-v-e89617c7]{font-size:1.2rem;color:var(--fd-color-text-secondary)}.fd-property-item[data-v-e89617c7]{display:flex;flex-direction:column;gap:.4rem}.fd-property-item label[data-v-e89617c7]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-property-item input[data-v-e89617c7],.fd-property-item select[data-v-e89617c7]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-btn[data-v-e89617c7]{height:3.2rem;padding:0 1.4rem;border:none;border-radius:var(--fd-radius-base);font-size:1.3rem;cursor:pointer}.fd-btn--danger[data-v-e89617c7]{background:var(--fd-color-danger-light);color:var(--fd-color-danger)}.fd-canvas-node[data-v-3f3a43d3]{position:relative;border-radius:var(--fd-radius-base);cursor:pointer;transition:background-color var(--fd-transition),box-shadow var(--fd-transition),opacity var(--fd-transition)}.fd-canvas-node[data-v-3f3a43d3]:hover{background:var(--fd-color-bg-hover)}.fd-canvas-node.is-selected[data-v-3f3a43d3]{background:var(--fd-color-primary-bg);outline:1px solid var(--fd-color-primary);z-index:1}.fd-canvas-node.drop-before[data-v-3f3a43d3]:before{content:"";position:absolute;left:0;right:0;top:-.15rem;height:.3rem;border-radius:.15rem;background:var(--fd-color-primary);z-index:2}.fd-canvas-node.drop-target[data-v-3f3a43d3]{background:#4c8eff14!important;box-shadow:0 0 0 1px var(--fd-color-primary),0 0 .6rem #4c8eff40}.fd-canvas-node.dragging-source[data-v-3f3a43d3]{opacity:.4}.fd-canvas-node-actions[data-v-3f3a43d3]{position:absolute;top:.6rem;right:.6rem;display:none;gap:.4rem;z-index:5}.fd-canvas-node:hover>.fd-canvas-node-actions[data-v-3f3a43d3]{display:flex}.fd-canvas-node:hover:has(.fd-canvas-node:hover)>.fd-canvas-node-actions[data-v-3f3a43d3]{display:none}.fd-node-action[data-v-3f3a43d3]{width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;background:var(--fd-color-bg-panel);border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);cursor:pointer;color:var(--fd-color-text-tertiary);transition:all var(--fd-transition)}.fd-node-icon[data-v-3f3a43d3]{width:1.4rem;height:1.4rem;display:block}.fd-node-action[data-v-3f3a43d3]:hover{background:var(--fd-color-bg-hover);border-color:var(--fd-color-border-hover);color:var(--fd-color-primary)}.fd-node-action.delete[data-v-3f3a43d3]:hover{color:var(--fd-color-danger)}.fd-canvas-dropzone[data-v-3f3a43d3]{grid-column:1 / -1;border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base);padding:.8rem;text-align:center;color:var(--fd-color-text-tertiary);font-size:1.2rem;margin-top:.6rem}.fd-designer[data-v-86f01272]{display:flex;flex-direction:column;height:100vh}.fd-designer-body[data-v-86f01272]{flex:1;display:flex;min-height:0}.fd-designer-left[data-v-86f01272]{width:var(--fd-sidebar-width);border-right:1px solid var(--fd-color-border);background:var(--fd-color-bg-panel);overflow:hidden}.fd-designer-center[data-v-86f01272]{flex:1;padding:2.4rem;overflow:auto;background:var(--fd-color-bg)}.fd-canvas[data-v-86f01272]{width:100%;max-width:var(--fd-canvas-max);min-height:calc(100vh - 16rem);margin:0 auto;padding:1.6rem;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-card)}.fd-canvas.is-mobile[data-v-86f01272]{max-width:37.5rem}.fd-canvas.is-selected[data-v-86f01272]{outline:2px solid var(--fd-color-primary);outline-offset:-2px}.fd-canvas-empty[data-v-86f01272]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2.4rem;color:var(--fd-color-text-tertiary)}.fd-canvas-empty-icon[data-v-86f01272]{font-size:4.8rem;margin-bottom:1.6rem;color:var(--fd-color-text-placeholder)}.fd-canvas-state[data-v-86f01272]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 16rem);padding:4rem 2.4rem;border-radius:var(--fd-radius-lg);background:var(--fd-color-bg-panel);box-shadow:var(--fd-shadow-card);color:var(--fd-color-text-secondary);font-size:1.4rem;text-align:center}.fd-canvas-state--error[data-v-86f01272]{color:var(--fd-color-danger, #f5523a);white-space:pre-wrap}.fd-canvas-notice[data-v-86f01272]{margin-bottom:1.2rem;padding:.9rem 1.4rem;border:1px solid var(--fd-color-warning-border, #fde68a);border-radius:var(--fd-radius-base);background:var(--fd-color-warning-bg, #fffbeb);color:var(--fd-color-warning, #b45309);font-size:1.3rem;line-height:1.5}.fd-canvas-empty span[data-v-86f01272]:last-child{font-size:1.4rem}.fd-designer-right[data-v-86f01272]{width:var(--fd-property-width);border-left:1px solid var(--fd-color-border);background:var(--fd-color-bg-panel)}:root{--fd-color-primary: #4c8eff;--fd-color-primary-hover: #3a7de8;--fd-color-primary-active: #2a6bd6;--fd-color-primary-light: #e8f1ff;--fd-color-primary-bg: #f0f6ff;--fd-color-danger: #f5523a;--fd-color-danger-light: #fef0ed;--fd-color-warning: #ff9900;--fd-color-warning-light: #fff8eb;--fd-color-info: #646a78;--fd-color-info-light: #f2f3f5;--fd-color-text: #344054;--fd-color-text-secondary: #667085;--fd-color-text-tertiary: #8a8f99;--fd-color-text-placeholder: #c9cdd4;--fd-color-border: #e5e6e8;--fd-color-border-hover: #c9cdd4;--fd-color-bg: #f5f6f7;--fd-color-bg-panel: #ffffff;--fd-color-bg-hover: #f8fafc;--fd-color-bg-active: #e8f1ff;--fd-color-bg-mask: rgba(0, 0, 0, .5);--fd-color-icon-bg: #e8f1ff;--fd-color-icon: #4c8eff;--fd-color-required: #f5523a;--fd-radius-base: .4rem;--fd-radius-lg: .8rem;--fd-shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--fd-shadow-pop: 0 8px 24px rgba(0, 0, 0, .16);--fd-gap-base: 1.2rem;--fd-transition: .2s ease-in-out;--fd-header-height: 5.6rem;--fd-sidebar-width: 24rem;--fd-property-width: 30rem;--fd-canvas-max: 120rem}[data-theme=dark]{--fd-color-primary: #4c8eff;--fd-color-primary-hover: #5e9eff;--fd-color-primary-active: #3a7be8;--fd-color-primary-light: #1a3a5e;--fd-color-primary-bg: #1a2a4e;--fd-color-danger: #f5523a;--fd-color-danger-light: #3a1a1a;--fd-color-warning: #ff9900;--fd-color-warning-light: #3a2a0a;--fd-color-info: #b0b0b0;--fd-color-info-light: #333333;--fd-color-text: #344054;--fd-color-text-secondary: #667085;--fd-color-text-tertiary: #8a8a8a;--fd-color-text-placeholder: #6a6a6a;--fd-color-border: #3a3a3a;--fd-color-border-hover: #5a5a5a;--fd-color-bg: #1a1a1a;--fd-color-bg-panel: #2a2a2a;--fd-color-bg-hover: #333333;--fd-color-bg-active: #1a3a5e;--fd-color-bg-mask: rgba(0, 0, 0, .7);--fd-color-icon-bg: #1e293b;--fd-color-icon: #93c5fd;--fd-color-required: #f5523a;--fd-shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--fd-shadow-pop: 0 8px 24px rgba(0, 0, 0, .6)}html{font-size:10px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.4rem;color:var(--fd-color-text);background:var(--fd-color-bg)}*,*:before,*:after{box-sizing:border-box}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-align-center{display:flex;align-items:center}.flex-justify-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.fd-form-row{display:flex;flex-wrap:wrap;gap:var(--fd-gap-base)}.fd-form-col{display:flex;flex-direction:column;gap:var(--fd-gap-base)}.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3.4rem;padding:0 2rem;border:none;border-radius:var(--fd-radius-base);font-size:1.4rem;cursor:pointer;color:#fff;background:var(--fd-color-primary);transition:background var(--fd-transition)}.fd-btn--primary{background:var(--fd-color-primary)}.fd-btn--primary:hover{background:var(--fd-color-primary-hover)}.fd-btn--danger{background:var(--fd-color-danger-light);color:var(--fd-color-danger)}.fd-btn--warning{background:var(--fd-color-warning-light);color:var(--fd-color-warning)}.fd-btn--info{background:var(--fd-color-info-light);color:var(--fd-color-info)}.fd-btn:disabled{opacity:.5;cursor:not-allowed}input:not([type=file]):not(.fd-toolbar-name):not(.el-select__input):not(.el-input__inner),select,textarea{display:block;width:100%;height:3.4rem;padding:0 1rem;font-family:inherit;font-size:1.4rem;line-height:1.4;color:var(--fd-color-text);background:var(--fd-color-bg-panel);border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);outline:none;transition:border-color var(--fd-transition),box-shadow var(--fd-transition)}textarea{height:auto;min-height:8rem;padding:.8rem 1rem;resize:vertical}input:not([type=file]):not(.fd-toolbar-name):not(.el-select__input):not(.el-input__inner):hover,select:hover,textarea:hover{border-color:var(--fd-color-border-hover)}input:not([type=file]):not(.fd-toolbar-name):not(.el-select__input):not(.el-input__inner):focus,select:focus,textarea:focus{border-color:var(--fd-color-primary);box-shadow:0 0 0 2px var(--fd-color-primary-light)}input::placeholder,textarea::placeholder{color:var(--fd-color-text-placeholder)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='%238a8f99' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.8rem}.monaco-editor textarea,.monaco-editor input{display:inline;width:auto;height:auto;min-height:0;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.fd-canvas>*+*,.fd-card-body>*+*,.fd-renderer>*+*{margin-top:var(--fd-gap-base)}.fd-canvas>.fd-canvas-node--label+.fd-canvas-node--label,.fd-card-body>.fd-canvas-node--label+.fd-canvas-node--label,.fd-renderer>.fd-label-render+.fd-label-render,.fd-card-body>.fd-label-render+.fd-label-render{margin-top:-1px}.fd-canvas>.fd-canvas-node--label+.fd-canvas-node--label>.fd-label-design,.fd-card-body>.fd-canvas-node--label+.fd-canvas-node--label>.fd-label-design,.fd-renderer>.fd-label-render+.fd-label-render,.fd-card-body>.fd-label-render+.fd-label-render{border-top-left-radius:0;border-top-right-radius:0}.fd-canvas>.fd-canvas-node--label:not(:last-child)>.fd-label-design,.fd-card-body>.fd-canvas-node--label:not(:last-child)>.fd-label-design,.fd-renderer>.fd-label-render:not(:last-child),.fd-card-body>.fd-label-render:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-grid-design>*,.fd-grid-render>*{margin-top:0;margin-bottom:0}.fd-grid-design>.fd-canvas-node--label,.fd-grid-render>.fd-grid-cell:has(.fd-label-render){margin-left:-1px;margin-top:-1px}.fd-grid-design.is-mobile>.fd-canvas-node--label+.fd-canvas-node--label,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render)+.fd-grid-cell:has(.fd-label-render){margin-left:0}.fd-grid-design>.fd-canvas-node--label>.fd-label-design,.fd-grid-render>.fd-grid-cell>.fd-label-render{border-radius:0}.fd-grid-design>.fd-canvas-node--label.is-g-corner-tl>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-tl>.fd-label-render{border-top-left-radius:1rem}.fd-grid-design>.fd-canvas-node--label.is-g-corner-tr>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-tr>.fd-label-render{border-top-right-radius:1rem}.fd-grid-design>.fd-canvas-node--label.is-g-corner-bl>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-bl>.fd-label-render{border-bottom-left-radius:1rem}.fd-grid-design>.fd-canvas-node--label.is-g-corner-br>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-br>.fd-label-render{border-bottom-right-radius:1rem}.fd-grid-design>.fd-canvas-node--label,.fd-grid-render>.fd-grid-cell:has(>.fd-label-render){align-self:stretch}.fd-grid-design>.fd-canvas-node--label>.fd-label-design,.fd-grid-render>.fd-grid-cell:has(>.fd-label-render)>.fd-label-render{height:100%}.fd-grid-design.is-mobile>.fd-canvas-node--label+.fd-canvas-node--label,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render)+.fd-grid-cell:has(.fd-label-render){margin-top:-1px}.fd-grid-design.is-mobile>.fd-canvas-node--label+.fd-canvas-node--label>.fd-label-design,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render)+.fd-grid-cell:has(.fd-label-render)>.fd-label-render{border-top-left-radius:0;border-top-right-radius:0}.fd-grid-design.is-mobile>.fd-canvas-node--label:not(:last-child)>.fd-label-design,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render):not(:last-child)>.fd-label-render{border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-code-editor[data-v-aeb9c1ee]{width:100%;height:32rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);overflow:hidden}
|
|
1
|
+
.fd-label-design[data-v-b6dcc499]{display:flex;align-items:stretch;font-size:1.4rem;line-height:1.5;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);overflow:hidden}.fd-label-name[data-v-b6dcc499]{width:16rem;flex-shrink:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-hover);border-right:1px solid var(--fd-color-border);color:var(--fd-color-text-secondary);text-align:right;font-weight:500}.fd-label-design.is-mobile .fd-label-name[data-v-b6dcc499]{width:12rem}.fd-label-value[data-v-b6dcc499]{flex:1;min-width:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-panel);color:var(--fd-color-text);white-space:pre-wrap;word-break:break-all}.fd-label-value--link[data-v-b6dcc499]{color:var(--fd-color-primary)}.fd-label-render[data-v-7fe92042]{display:flex;align-items:stretch;font-size:1.4rem;line-height:1.5;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);overflow:hidden}.fd-label-name[data-v-7fe92042]{width:16rem;flex-shrink:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-hover);border-right:1px solid var(--fd-color-border);color:var(--fd-color-text-secondary);text-align:right;font-weight:500}.fd-label-render.is-mobile .fd-label-name[data-v-7fe92042]{width:12rem}.fd-label-value[data-v-7fe92042]{flex:1;min-width:0;padding:1.1rem 1.2rem;background:var(--fd-color-bg-panel);color:var(--fd-color-text);white-space:pre-wrap;word-break:break-all}.fd-label-value--link[data-v-7fe92042]{color:var(--fd-color-primary)}.fd-label-link[data-v-7fe92042]{color:inherit;text-decoration:none;cursor:pointer;word-break:break-all}.fd-label-link[data-v-7fe92042]:hover{text-decoration:underline}.fd-panel[data-v-d1d2c609]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-d1d2c609]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-d1d2c609]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item input[data-v-d1d2c609],.fd-panel-item select[data-v-d1d2c609]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-color-row[data-v-d1d2c609]{display:flex;gap:.6rem;align-items:center}.fd-panel .fd-panel-item .fd-color-row input[type=color][data-v-d1d2c609]{width:3.6rem;height:3.2rem;padding:.2rem;flex-shrink:0;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);cursor:pointer}.fd-color-row input[data-v-d1d2c609]:not([type=color]){flex:1;min-width:0}.fd-card-design[data-v-6a46ee95]{border:1px solid var(--fd-color-border);border-radius:14px;background:var(--fd-color-bg-panel);box-shadow:0 2px 10px #19375f0f;overflow:hidden}.fd-card-head[data-v-6a46ee95]{display:flex;align-items:center;gap:10px;height:64px;padding:0 22px;background:transparent}.fd-card-icon[data-v-6a46ee95]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fd-color-primary);background:var(--fd-color-primary-light);border-radius:9px}.fd-card-title[data-v-6a46ee95]{flex:1;font-size:17px;font-weight:700;color:var(--fd-color-text)}.fd-card-arrow[data-v-6a46ee95]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;color:var(--fd-color-text-tertiary);cursor:pointer;transition:transform .3s,background .2s}.fd-card-arrow[data-v-6a46ee95]:hover{background:var(--fd-color-bg-hover)}.fd-card-arrow svg[data-v-6a46ee95]{width:16px;height:16px;display:block}.fd-card-arrow.is-open[data-v-6a46ee95]{transform:rotate(180deg)}.fd-card-body[data-v-6a46ee95]{padding:0 22px 22px;min-height:6rem;background:var(--fd-color-bg-panel)}.fd-card-empty[data-v-6a46ee95]{border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base);padding:1.6rem;text-align:center;color:var(--fd-color-text-tertiary);font-size:1.3rem}.fd-card-render[data-v-bc2f6273]{border:1px solid var(--fd-color-border);border-radius:14px;background:var(--fd-color-bg-panel);box-shadow:0 2px 10px #19375f0f;overflow:hidden}.fd-card-head[data-v-bc2f6273]{display:flex;align-items:center;gap:10px;height:64px;padding:0 22px;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.fd-card-icon[data-v-bc2f6273]{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fd-color-primary);background:var(--fd-color-primary-light);border-radius:9px}.fd-card-title[data-v-bc2f6273]{flex:1;font-size:17px;font-weight:700;color:var(--fd-color-text)}.fd-card-arrow[data-v-bc2f6273]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;color:var(--fd-color-text-tertiary);transition:transform .3s}.fd-card-arrow svg[data-v-bc2f6273]{width:16px;height:16px;display:block}.fd-card-arrow.is-open[data-v-bc2f6273]{transform:rotate(180deg)}.fd-card-body[data-v-bc2f6273]{padding:0 22px 22px;min-height:6rem;background:var(--fd-color-bg-panel)}.fd-switch[data-v-eac909bd]{position:relative;width:3.6rem;height:2rem;padding:0;border:none;border-radius:1rem;background:var(--fd-color-border-hover);cursor:pointer;flex-shrink:0;transition:background var(--fd-transition)}.fd-switch.is-on[data-v-eac909bd]{background:var(--fd-color-primary)}.fd-switch[data-v-eac909bd]:disabled{opacity:.5;cursor:not-allowed}.fd-switch-dot[data-v-eac909bd]{position:absolute;top:.2rem;left:.2rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform var(--fd-transition)}.fd-switch.is-on .fd-switch-dot[data-v-eac909bd]{transform:translate(1.6rem)}.fd-panel[data-v-4585a5b8]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-4585a5b8]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item--row[data-v-4585a5b8]{flex-direction:row;align-items:center;justify-content:space-between}.fd-panel-item label[data-v-4585a5b8]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item input[data-v-4585a5b8],.fd-panel-item select[data-v-4585a5b8]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-panel-item select[data-v-4585a5b8]{color:var(--fd-color-text);cursor:pointer}.fd-icon-picker[data-v-4585a5b8]{position:relative}.fd-icon-trigger[data-v-4585a5b8]{width:100%;height:3.2rem;padding:0 .8rem;display:flex;align-items:center;gap:.6rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);color:var(--fd-color-text);cursor:pointer}.fd-icon-trigger[data-v-4585a5b8]:hover{border-color:var(--fd-color-border-hover)}.fd-icon-placeholder[data-v-4585a5b8]{flex:1;text-align:left;font-size:1.4rem;color:var(--fd-color-text-tertiary)}.fd-icon-caret[data-v-4585a5b8]{width:1.4rem;height:1.4rem;margin-left:auto;color:var(--fd-color-text-tertiary)}.fd-icon-popover[data-v-4585a5b8]{position:absolute;z-index:20;top:calc(100% + .4rem);left:0;right:0;padding:.8rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);box-shadow:var(--fd-shadow-pop);max-height:26rem;overflow-y:auto}.fd-icon-grid[data-v-4585a5b8]{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.fd-icon-option[data-v-4585a5b8]{display:inline-flex;align-items:center;justify-content:center;height:3.2rem;border:1px solid transparent;border-radius:var(--fd-radius-base);background:transparent;color:var(--fd-color-text);cursor:pointer}.fd-icon-option[data-v-4585a5b8]:hover{background:var(--fd-color-bg-hover)}.fd-icon-option.active[data-v-4585a5b8]{border-color:var(--fd-color-primary);background:var(--fd-color-bg-active);color:var(--fd-color-primary)}.fd-icon-none[data-v-4585a5b8]{font-size:1.2rem}.fd-slot-design[data-v-0e269d0e]{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.6rem;border:1px dashed var(--fd-color-border-hover);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-hover)}.fd-slot-tag[data-v-0e269d0e]{padding:.2rem .8rem;border-radius:var(--fd-radius-base);background:var(--fd-color-primary-light);color:var(--fd-color-primary);font-size:1.2rem}.fd-slot-name[data-v-0e269d0e]{font-weight:600;color:var(--fd-color-text)}.fd-slot-hint[data-v-0e269d0e]{margin-left:auto;color:var(--fd-color-text-tertiary);font-size:1.2rem}.fd-slot-render[data-v-10795159]{margin:0}.fd-slot-missing[data-v-10795159]{padding:1.2rem 1.6rem;border:1px dashed var(--fd-color-border-hover);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-hover);color:var(--fd-color-text-tertiary);font-size:1.3rem}.fd-panel[data-v-dfae47c6]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-dfae47c6]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-dfae47c6]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item input[data-v-dfae47c6],.fd-panel-item select[data-v-dfae47c6]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-panel-item select[data-v-dfae47c6]{color:var(--fd-color-text);cursor:pointer}.fd-st-design[data-v-aba8caec]{border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);overflow:hidden}.fd-st-table-wrap[data-v-aba8caec]{overflow-x:auto}.fd-st-table[data-v-aba8caec]{width:max-content;min-width:100%;border-collapse:collapse}.fd-st-table th[data-v-aba8caec]{background:var(--fd-color-bg-hover);color:var(--fd-color-text-secondary);font-weight:600}.fd-st-table th[data-v-aba8caec],.fd-st-table td[data-v-aba8caec]{border:1px solid var(--fd-color-border);padding:.8rem 1rem;font-size:1.3rem;text-align:left}.fd-st-seq[data-v-aba8caec]{width:5rem;text-align:center!important}.fd-st-cell[data-v-aba8caec]{color:var(--fd-color-text-secondary)}.fd-st-cell--link[data-v-aba8caec]{color:var(--fd-color-primary);cursor:pointer}.fd-st-cards[data-v-aba8caec]{display:flex;flex-direction:column;gap:.8rem}.fd-st-card[data-v-aba8caec]{display:flex;flex-direction:column;gap:.6rem;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-base);box-shadow:0 1px 2px #0000000f;border:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-aba8caec]{display:flex;align-items:flex-start;padding:1rem 1.4rem;border-bottom:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-aba8caec]:last-child{border-bottom:none}.fd-st-card-label[data-v-aba8caec]{flex:0 0 11.5rem;max-width:11.5rem;color:var(--fd-color-text-secondary);font-size:1.3rem}.fd-st-card-value[data-v-aba8caec]{flex:1 1 auto;min-width:0;color:var(--fd-color-text);font-size:1.3rem;word-break:break-all;display:flex;align-items:center}.fd-st-card-value--link[data-v-aba8caec]{color:var(--fd-color-primary);cursor:pointer}.fd-st-cards-empty[data-v-aba8caec]{text-align:center;font-size:1.3rem;color:var(--fd-color-text-tertiary);padding:2rem 1rem}.fd-st-render[data-v-a650847e]{background:var(--fd-color-bg-panel)}.fd-st-table-wrap[data-v-a650847e]{overflow-x:auto}.fd-st-table[data-v-a650847e]{width:max-content;min-width:100%;border-spacing:0;border-collapse:separate;border:1px solid #e4eaf2;border-radius:1rem;overflow:hidden;background:#fff}.fd-st-table th[data-v-a650847e],.fd-st-table td[data-v-a650847e]{border:0;border-right:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;padding:1.1rem 1.2rem;line-height:1.45;font-size:1.3rem}.fd-st-table tr[data-v-a650847e]>*:last-child{border-right:0}.fd-st-table th[data-v-a650847e]{color:#667085;background:#f8fafc;font-weight:500}.fd-st-table thead th[data-v-a650847e]{color:#475467;background:#f6f8fb;font-weight:600}.fd-st-seq[data-v-a650847e]{width:5rem;text-align:center!important}.fd-st-op[data-v-a650847e]{width:8rem;text-align:center}.fd-st-empty[data-v-a650847e]{text-align:center;color:var(--fd-color-text-secondary);padding:1.6rem}.fd-st-link[data-v-a650847e]{color:var(--fd-color-primary);cursor:pointer;text-decoration:none;word-break:break-all}.fd-st-link[data-v-a650847e]:hover{text-decoration:underline}.fd-st-add[data-v-a650847e]{margin:1rem 1.2rem}.fd-st-cards[data-v-a650847e]{display:flex;flex-direction:column;gap:.8rem}.fd-st-card[data-v-a650847e]{display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-base);box-shadow:0 .1rem .2rem #0000000f;border:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-a650847e]{display:flex;align-items:flex-start;padding:1rem 1.4rem;border-bottom:1px solid var(--fd-color-border)}.fd-st-card-row[data-v-a650847e]:last-child{border-bottom:none}.fd-st-card-label[data-v-a650847e]{flex:0 0 11.5rem;max-width:11.5rem;color:var(--fd-color-text-secondary);font-size:1.3rem}.fd-st-card-value[data-v-a650847e]{flex:1 1 auto;min-width:0;color:var(--fd-color-text);font-size:1.3rem;word-break:break-all}.fd-st-card-actions[data-v-a650847e]{display:flex;justify-content:flex-end;padding:.8rem 1.4rem;border-top:1px solid var(--fd-color-border)}.fd-st-cards-empty[data-v-a650847e]{text-align:center;font-size:1.3rem;color:var(--fd-color-text-secondary);padding:2rem 1rem}.fd-panel[data-v-e1fd519d]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-e1fd519d]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item--row[data-v-e1fd519d]{flex-direction:row;align-items:center;justify-content:space-between}.fd-panel-item label[data-v-e1fd519d]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-cols-head[data-v-e1fd519d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;font-weight:600}.fd-cols-empty[data-v-e1fd519d]{font-size:1.3rem;color:var(--fd-color-text-placeholder);text-align:center;padding:1.6rem;border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base)}.fd-col-card[data-v-e1fd519d]{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.2rem;margin-bottom:.8rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);transition:border-color var(--fd-transition)}.fd-col-card[data-v-e1fd519d]:hover{border-color:var(--fd-color-primary)}.fd-col-card-top[data-v-e1fd519d]{display:flex;align-items:center;gap:.8rem}.fd-col-order[data-v-e1fd519d]{flex-shrink:0;width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;color:var(--fd-color-primary);background:var(--fd-color-primary-light)}.fd-col-meta[data-v-e1fd519d]{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.fd-col-title[data-v-e1fd519d]{font-size:1.4rem;font-weight:600;color:var(--fd-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-col-name-sub[data-v-e1fd519d]{font-size:1.1rem;color:var(--fd-color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-col-tag[data-v-e1fd519d]{flex-shrink:0;font-size:1.1rem;color:var(--fd-color-text-secondary);background:var(--fd-color-bg);border:1px solid var(--fd-color-border);padding:.2rem .6rem;border-radius:var(--fd-radius-base)}.fd-col-card-bottom[data-v-e1fd519d]{display:flex;align-items:center;justify-content:space-between}.fd-col-switch[data-v-e1fd519d]{display:flex;align-items:center;gap:.6rem;font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-col-actions[data-v-e1fd519d]{display:flex;gap:.6rem}.fd-form-section[data-v-e1fd519d]{margin-bottom:1.6rem}.fd-form-section[data-v-e1fd519d]:last-child{margin-bottom:0}.fd-form-section-h[data-v-e1fd519d]{margin:0 0 .8rem;font-size:1.3rem;font-weight:600;color:var(--fd-color-text-secondary)}.fd-form-grid[data-v-e1fd519d]{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.6rem}.fd-form-item[data-v-e1fd519d]{display:flex;flex-direction:column;gap:.4rem}.fd-form-item label[data-v-e1fd519d]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-color-row[data-v-e1fd519d]{display:flex;gap:.6rem;align-items:center}.fd-form-section .fd-form-item .fd-color-row input[type=color][data-v-e1fd519d]{width:3.6rem;height:3.2rem;padding:.2rem;flex-shrink:0;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);cursor:pointer}.fd-form-section .fd-form-item .fd-switch[data-v-e1fd519d]{margin-top:.6rem}.fd-color-row input[type=text][data-v-e1fd519d]{flex:1;min-width:0}.fd-btn--sm[data-v-e1fd519d]{height:2.6rem;padding:0 1rem;font-size:1.2rem}.fd-btn--ghost[data-v-e1fd519d]{background:transparent;color:var(--fd-color-primary);border:1px solid var(--fd-color-primary)}.fd-btn--ghost[data-v-e1fd519d]:hover{background:var(--fd-color-primary-light)}.fd-dialog-mask[data-v-e1fd519d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.fd-dialog[data-v-e1fd519d]{width:min(56rem,92vw);max-height:82vh;display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-pop);overflow:hidden}.fd-dialog-head[data-v-e1fd519d]{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--fd-color-border);font-weight:600;font-size:1.5rem}.fd-dialog-head span[data-v-e1fd519d]{margin-right:auto}.fd-dialog-close[data-v-e1fd519d]{width:3rem;height:3rem;padding:0;font-size:2rem;line-height:1;border:none;border-radius:var(--fd-radius-base);background:transparent;color:var(--fd-color-text-secondary);cursor:pointer}.fd-dialog-close[data-v-e1fd519d]:hover{background:var(--fd-color-bg);color:var(--fd-color-text)}.fd-dialog-body[data-v-e1fd519d]{padding:1.6rem;overflow:auto}.fd-dialog-foot[data-v-e1fd519d]{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 1.6rem;border-top:1px solid var(--fd-color-border)}.fd-grid-design[data-v-25511a77]{display:grid;grid-template-columns:repeat(24,1fr);align-items:start}.fd-grid-design.is-mobile[data-v-25511a77]{grid-template-columns:1fr}.fd-grid-render[data-v-417035f9]{display:grid;grid-template-columns:repeat(24,1fr);align-items:start}.fd-grid-render.is-mobile[data-v-417035f9]{grid-template-columns:1fr}.fd-grid-cell[data-v-417035f9]{min-width:0}.fd-grid-cell[data-v-417035f9]>*{margin-bottom:0}.fd-panel[data-v-a333d2ea]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-a333d2ea]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-a333d2ea]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item select[data-v-a333d2ea]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-grid-apply[data-v-a333d2ea]{width:100%}.fd-text-design[data-v-ba382e6c],.fd-text-render[data-v-3ed7b0f0]{display:inline-block;padding:.4rem 0;font-size:1.4rem;line-height:1.5;color:var(--fd-color-text);white-space:pre-wrap;word-break:break-word}.fd-panel[data-v-3201879c]{display:flex;flex-direction:column;gap:1.2rem}.fd-panel-item[data-v-3201879c]{display:flex;flex-direction:column;gap:.4rem}.fd-panel-item label[data-v-3201879c]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-panel-item textarea[data-v-3201879c],.fd-panel-item select[data-v-3201879c]{padding:.8rem 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;font-family:inherit;line-height:1.5;background:var(--fd-color-bg-panel)}.fd-panel-item textarea[data-v-3201879c]{resize:vertical}.fd-panel-item select[data-v-3201879c]{height:3.2rem}.fd-renderer[data-v-82088c12]{display:block;padding:1.6rem}.fd-tree[data-v-e38c14ec]{padding:1.2rem;height:100%;overflow:auto;display:flex;flex-direction:column}.fd-tree-head[data-v-e38c14ec]{display:flex;align-items:center;gap:.8rem;padding:0 .4rem .8rem;margin-bottom:.8rem;border-bottom:1px solid var(--fd-color-border);flex-shrink:0}.fd-tree-head-icon[data-v-e38c14ec]{width:1.6rem;height:1.6rem;color:var(--fd-color-primary);flex-shrink:0}.fd-tree-title[data-v-e38c14ec]{font-weight:600;font-size:1.5rem}.fd-tree-count[data-v-e38c14ec]{margin-left:auto;padding:.1rem .7rem;border-radius:1rem;font-size:1.2rem;color:var(--fd-color-text-tertiary);background:var(--fd-color-info-light)}.fd-tree-empty[data-v-e38c14ec]{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:4rem 2rem;color:var(--fd-color-text-tertiary);font-size:1.3rem;text-align:center}.fd-tree-empty svg[data-v-e38c14ec]{width:3.2rem;height:3.2rem;opacity:.6}.fd-tree-el[data-v-e38c14ec]{background:transparent;--el-tree-node-hover-bg-color: transparent}.fd-tree-el[data-v-e38c14ec] .el-tree-node__content{height:auto;min-height:2.8rem;border-radius:var(--fd-radius-base);padding-left:.4rem}.fd-tree-el[data-v-e38c14ec] .el-tree-node__content:hover{background:var(--fd-color-info-light)}.fd-tree-el[data-v-e38c14ec] .el-tree-node.is-current>.el-tree-node__content{background:var(--fd-color-primary-light);color:var(--fd-color-primary)}.fd-tree-el[data-v-e38c14ec] .el-tree-node__expand-icon{color:var(--fd-color-text-tertiary)}.fd-tree-el[data-v-e38c14ec] .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon{color:var(--fd-color-primary)}.fd-tree-name[data-v-e38c14ec]{font-size:1.3rem}.fd-tree-sub[data-v-e38c14ec]{margin-left:.6rem;color:var(--fd-color-text-tertiary);font-size:1.2rem;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-tree-node.is-current>.el-tree-node__content .fd-tree-sub[data-v-e38c14ec]{color:var(--fd-color-primary);opacity:.75}.fd-publish-tip[data-v-6fdc08dc]{display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;margin-bottom:1.6rem;border-radius:var(--fd-radius-base);background:var(--fd-color-warning-light)}.fd-publish-tip-icon[data-v-6fdc08dc]{flex-shrink:0;width:1.8rem;height:1.8rem;margin-top:.1rem;line-height:1.8rem;text-align:center;border-radius:50%;background:var(--fd-color-warning);color:#fff;font-size:1.2rem;font-weight:700}.fd-publish-tip-text[data-v-6fdc08dc]{color:var(--fd-color-text);font-size:1.4rem;line-height:1.6}.fd-publish-tip-text b[data-v-6fdc08dc]{color:var(--fd-color-danger);font-weight:600}.fd-publish-toolbar[data-v-6fdc08dc]{margin-bottom:1.2rem}.fd-publish-search[data-v-6fdc08dc]{width:26rem}.fd-publish-table-wrap[data-v-6fdc08dc]{max-height:32rem;overflow-y:auto;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base)}.fd-publish-table-wrap[data-v-6fdc08dc] .el-empty{padding:2.4rem 0}.fd-publish-table[data-v-6fdc08dc]{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:1.3rem}.fd-publish-table th[data-v-6fdc08dc],.fd-publish-table td[data-v-6fdc08dc]{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--fd-color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-publish-table th[data-v-6fdc08dc]{position:sticky;top:0;z-index:1;background:var(--fd-color-bg);color:var(--fd-color-text);font-weight:600}.fd-publish-table td[data-v-6fdc08dc]{color:var(--fd-color-text);transition:background var(--fd-transition)}.fd-publish-table tbody tr:hover td[data-v-6fdc08dc]{background:var(--fd-color-bg-hover)}.fd-publish-table tbody tr:last-child td[data-v-6fdc08dc]{border-bottom:none}.fd-publish-id[data-v-6fdc08dc]{color:var(--fd-color-text-secondary);font-size:1.2rem}.fd-publish-link[data-v-6fdc08dc]{color:var(--fd-color-primary);cursor:pointer;text-decoration:none;transition:color var(--fd-transition)}.fd-publish-link[data-v-6fdc08dc]:hover{color:var(--fd-color-primary-hover);text-decoration:underline}.fd-publish-pager[data-v-6fdc08dc]{display:flex;justify-content:flex-end;margin-top:1.2rem}.fd-publish-error[data-v-6fdc08dc]{padding:2.4rem 1.2rem;color:var(--fd-color-danger);font-size:1.3rem;text-align:center}.fd-toolbar[data-v-eae12460]{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:var(--fd-header-height);padding:0 2rem;background:var(--fd-color-bg-panel);border-bottom:1px solid var(--fd-color-border);flex-shrink:0}.fd-toolbar-title[data-v-eae12460]{font-weight:600;font-size:1.8rem;color:var(--fd-color-text);white-space:nowrap}.fd-toolbar-left[data-v-eae12460]{gap:1.6rem}.fd-toolbar-divider[data-v-eae12460]{width:1px;height:2rem;background:var(--fd-color-border);flex-shrink:0}.fd-toolbar-name[data-v-eae12460]{height:3.2rem;width:16rem;padding:0 1.2rem;border:1px solid transparent;border-radius:var(--fd-radius-base);background:var(--fd-color-info-light);color:var(--fd-color-text-secondary);font-size:1.4rem;transition:all var(--fd-transition)}.fd-toolbar-name[data-v-eae12460]:hover{background:var(--fd-color-bg-panel);border-color:var(--fd-color-primary)}.fd-toolbar-name[data-v-eae12460]:focus{outline:none;background:var(--fd-color-bg-panel);border-color:var(--fd-color-primary);box-shadow:0 0 0 .2rem #4c8eff33}.fd-device[data-v-eae12460]{display:inline-flex;background:var(--fd-color-info-light);border-radius:.6rem;padding:.2rem}.fd-device button[data-v-eae12460]{height:2.8rem;display:inline-flex;align-items:center;gap:.4rem;padding:0 1rem;border:none;background:transparent;border-radius:var(--fd-radius-base);color:var(--fd-color-text-secondary);font-size:1.3rem;cursor:default;white-space:nowrap;transition:all var(--fd-transition)}.fd-device button.is-active[data-v-eae12460]{background:var(--fd-color-bg-panel);color:var(--fd-color-primary);box-shadow:var(--fd-shadow-card);font-weight:600}.fd-toolbar-right[data-v-eae12460]{gap:.8rem;flex-wrap:nowrap;overflow-x:auto}.fd-tool-btn[data-v-eae12460]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:3.4rem;padding:0 1rem;border:none;border-radius:var(--fd-radius-base);background:var(--fd-color-info-light);color:#4a4f59;font-size:1.3rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--fd-transition)}.fd-tool-btn-icon[data-v-eae12460]{width:1.4rem;height:1.4rem;flex-shrink:0;display:block}.fd-tool-btn[data-v-eae12460]:hover{background:#e8e9eb}.fd-tool-btn[data-v-eae12460]:disabled{opacity:.45;cursor:not-allowed}.fd-tool-btn--primary[data-v-eae12460]{background:var(--fd-color-primary);color:#fff}.fd-tool-btn--primary[data-v-eae12460]:hover{background:var(--fd-color-primary-hover);color:#fff}.fd-tool-icon-btn[data-v-eae12460]{width:3.4rem;padding:0}.fd-tool-icon[data-v-eae12460]{width:1.8rem;height:1.8rem;display:block}.fd-dialog-mask[data-v-eae12460]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.fd-dialog[data-v-eae12460]{width:min(86rem,90vw);max-height:82vh;display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-pop);overflow:hidden}.fd-dialog--preview[data-v-eae12460]{width:min(128rem,94vw)}.fd-preview-width[data-v-eae12460]{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:400;color:var(--fd-color-text-secondary)}.fd-preview-width[data-v-eae12460] .el-input-number{width:11rem}.fd-preview-width[data-v-eae12460] .el-input-number .el-input__wrapper{background:var(--fd-color-bg);box-shadow:0 0 0 1px var(--fd-color-border) inset}.fd-preview-width[data-v-eae12460] .el-input-number .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--fd-color-border-hover) inset}.fd-preview-width[data-v-eae12460] .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--fd-color-primary) inset}.fd-preview-width label[data-v-eae12460]{white-space:nowrap}.fd-preview-width-unit[data-v-eae12460]{color:var(--fd-color-text-tertiary)}.fd-preview-stage[data-v-eae12460]{min-width:27rem;max-width:120rem;margin:0 auto}.fd-dialog-head[data-v-eae12460]{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--fd-color-border);font-weight:600;font-size:1.5rem}.fd-dialog-head span[data-v-eae12460]{margin-right:auto}.fd-dialog-body[data-v-eae12460]{padding:1.6rem;overflow:auto}.fd-dialog-code[data-v-eae12460]{margin:0;padding:1.6rem;overflow:auto;font-size:1.2rem;line-height:1.6;color:var(--fd-color-text)}.fd-dialog-import-text[data-v-eae12460]{width:100%;min-height:32rem;padding:1.2rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.2rem;line-height:1.6;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--fd-color-bg);color:var(--fd-color-text);resize:vertical}.fd-tree-drawer[data-v-eae12460]{position:fixed;top:5.6rem;right:0;bottom:0;width:30rem;z-index:90;background:var(--fd-color-bg-panel);border-left:1px solid var(--fd-color-border);box-shadow:var(--fd-shadow-pop)}.fd-palette[data-v-6a2bab90]{padding:1.2rem;display:flex;flex-direction:column;gap:1.2rem;overflow:auto;height:100%}.fd-palette-title[data-v-6a2bab90]{font-weight:600;font-size:1.4rem;color:var(--fd-color-text);padding:0 .4rem}.fd-palette-group[data-v-6a2bab90]{display:flex;flex-direction:column;gap:.8rem}.fd-palette-group-title[data-v-6a2bab90]{font-size:1.2rem;color:var(--fd-color-text-tertiary);margin-bottom:.2rem;padding-left:.4rem}.fd-palette-item[data-v-6a2bab90]{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid transparent;border-radius:var(--fd-radius-base);background:var(--fd-color-bg-hover);font-size:1.3rem;color:var(--fd-color-text);cursor:grab;-webkit-user-select:none;user-select:none;transition:all var(--fd-transition)}.fd-palette-item[data-v-6a2bab90]:hover{background:var(--fd-color-primary-bg);border-color:var(--fd-color-primary)}.fd-palette-item[data-v-6a2bab90]:active{cursor:grabbing}.fd-palette-icon[data-v-6a2bab90]{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--fd-radius-base);background:var(--fd-color-icon-bg);color:var(--fd-color-icon);font-size:1.3rem;font-weight:600}.fd-form-events[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:1.6rem}.fd-form-meta[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:.4rem;font-size:1.2rem;color:var(--fd-color-text-secondary);padding:.8rem 1rem;background:var(--fd-color-bg);border-radius:var(--fd-radius-base)}.fd-events-section[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:1rem}.fd-events-head[data-v-7e5a3f15]{display:flex;align-items:center;justify-content:space-between}.fd-events-h[data-v-7e5a3f15]{margin:0;font-size:1.4rem;font-weight:600}.fd-events-tip[data-v-7e5a3f15]{margin:0;font-size:1.2rem;color:var(--fd-color-text-tertiary)}.fd-events-empty[data-v-7e5a3f15]{font-size:1.3rem;color:var(--fd-color-text-placeholder);text-align:center;padding:1.2rem;border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base)}.fd-event-row[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:.4rem}.fd-event-head[data-v-7e5a3f15]{display:flex;align-items:center;gap:.8rem}.fd-event-row label[data-v-7e5a3f15]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-event-key[data-v-7e5a3f15]{font-size:1.1rem;color:var(--fd-color-primary);background:var(--fd-color-primary-light);padding:.1rem .6rem;border-radius:var(--fd-radius-base)}.fd-event-trigger[data-v-7e5a3f15]{display:flex;align-items:center;gap:.6rem;width:100%;min-height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.3rem;background:var(--fd-color-bg-panel);cursor:pointer;transition:border-color var(--fd-transition),background-color var(--fd-transition);overflow:hidden}.fd-event-trigger[data-v-7e5a3f15]:hover{border-color:var(--fd-color-primary);background:var(--fd-color-primary-light)}.fd-event-trigger-text[data-v-7e5a3f15]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fd-color-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.fd-event-trigger-placeholder[data-v-7e5a3f15]{flex:1;color:var(--fd-color-text-placeholder)}.fd-event-trigger-arrow[data-v-7e5a3f15]{flex-shrink:0;color:var(--fd-color-text-tertiary);font-size:1.8rem;line-height:1}.fd-custom-card[data-v-7e5a3f15]{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg)}.fd-custom-head[data-v-7e5a3f15]{display:flex;align-items:center;justify-content:space-between}.fd-custom-index[data-v-7e5a3f15]{font-size:1.3rem;font-weight:600;color:var(--fd-color-text-secondary)}.fd-event-row input[data-v-7e5a3f15]{width:100%;height:3.2rem;font-size:1.4rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);background:var(--fd-color-bg-panel);color:var(--fd-color-text)}.fd-event-row input[data-v-7e5a3f15]:focus{border-color:var(--fd-color-primary);outline:none}.fd-btn[data-v-7e5a3f15]{height:3.2rem;padding:0 1.4rem;border:none;border-radius:var(--fd-radius-base);font-size:1.3rem;cursor:pointer}.fd-btn--sm[data-v-7e5a3f15]{height:2.6rem;padding:0 1rem;font-size:1.2rem}.fd-btn--primary[data-v-7e5a3f15]{background:var(--fd-color-primary);color:#fff}.fd-btn--danger[data-v-7e5a3f15]{background:var(--fd-color-danger-light);color:var(--fd-color-danger)}.fd-dialog-mask[data-v-7e5a3f15]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000073;display:flex;align-items:center;justify-content:center}.fd-dialog[data-v-7e5a3f15]{width:min(60rem,92vw);max-height:82vh;display:flex;flex-direction:column;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-pop);overflow:hidden}.fd-dialog-head[data-v-7e5a3f15]{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--fd-color-border);font-weight:600;font-size:1.5rem}.fd-dialog-head span[data-v-7e5a3f15]{margin-right:auto}.fd-dialog-close[data-v-7e5a3f15]{width:3rem;height:3rem;padding:0;font-size:2rem;line-height:1;border:none;border-radius:var(--fd-radius-base);background:transparent;color:var(--fd-color-text-secondary);cursor:pointer}.fd-dialog-close[data-v-7e5a3f15]:hover{background:var(--fd-color-bg);color:var(--fd-color-text)}.fd-dialog-body[data-v-7e5a3f15]{padding:1.6rem;overflow:auto}.fd-dialog-foot[data-v-7e5a3f15]{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 1.6rem;border-top:1px solid var(--fd-color-border)}.fd-property[data-v-e89617c7]{padding:1.2rem;display:flex;flex-direction:column;gap:1.2rem;height:100%;overflow:auto}.fd-property-title[data-v-e89617c7]{font-weight:600;font-size:1.4rem}.fd-property-empty[data-v-e89617c7]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;color:var(--fd-color-text-secondary);font-size:1.3rem;text-align:center}.fd-property-empty-icon[data-v-e89617c7]{font-size:3.6rem;color:var(--fd-color-border)}.fd-property-foot[data-v-e89617c7]{display:flex;align-items:center;justify-content:space-between;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--fd-color-border)}.fd-property-type[data-v-e89617c7]{font-size:1.2rem;color:var(--fd-color-text-secondary)}.fd-property-item[data-v-e89617c7]{display:flex;flex-direction:column;gap:.4rem}.fd-property-item label[data-v-e89617c7]{font-size:1.3rem;color:var(--fd-color-text-secondary)}.fd-property-item input[data-v-e89617c7],.fd-property-item select[data-v-e89617c7]{height:3.2rem;padding:0 1rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);font-size:1.4rem;background:var(--fd-color-bg-panel)}.fd-btn[data-v-e89617c7]{height:3.2rem;padding:0 1.4rem;border:none;border-radius:var(--fd-radius-base);font-size:1.3rem;cursor:pointer}.fd-btn--danger[data-v-e89617c7]{background:var(--fd-color-danger-light);color:var(--fd-color-danger)}.fd-canvas-node[data-v-3f3a43d3]{position:relative;border-radius:var(--fd-radius-base);cursor:pointer;transition:background-color var(--fd-transition),box-shadow var(--fd-transition),opacity var(--fd-transition)}.fd-canvas-node[data-v-3f3a43d3]:hover{background:var(--fd-color-bg-hover)}.fd-canvas-node.is-selected[data-v-3f3a43d3]{background:var(--fd-color-primary-bg);outline:1px solid var(--fd-color-primary);z-index:1}.fd-canvas-node.drop-before[data-v-3f3a43d3]:before{content:"";position:absolute;left:0;right:0;top:-.15rem;height:.3rem;border-radius:.15rem;background:var(--fd-color-primary);z-index:2}.fd-canvas-node.drop-target[data-v-3f3a43d3]{background:#4c8eff14!important;box-shadow:0 0 0 1px var(--fd-color-primary),0 0 .6rem #4c8eff40}.fd-canvas-node.dragging-source[data-v-3f3a43d3]{opacity:.4}.fd-canvas-node-actions[data-v-3f3a43d3]{position:absolute;top:.6rem;right:.6rem;display:none;gap:.4rem;z-index:5}.fd-canvas-node:hover>.fd-canvas-node-actions[data-v-3f3a43d3]{display:flex}.fd-canvas-node:hover:has(.fd-canvas-node:hover)>.fd-canvas-node-actions[data-v-3f3a43d3]{display:none}.fd-node-action[data-v-3f3a43d3]{width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;background:var(--fd-color-bg-panel);border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);cursor:pointer;color:var(--fd-color-text-tertiary);transition:all var(--fd-transition)}.fd-node-icon[data-v-3f3a43d3]{width:1.4rem;height:1.4rem;display:block}.fd-node-action[data-v-3f3a43d3]:hover{background:var(--fd-color-bg-hover);border-color:var(--fd-color-border-hover);color:var(--fd-color-primary)}.fd-node-action.delete[data-v-3f3a43d3]:hover{color:var(--fd-color-danger)}.fd-canvas-dropzone[data-v-3f3a43d3]{grid-column:1 / -1;border:1px dashed var(--fd-color-border);border-radius:var(--fd-radius-base);padding:.8rem;text-align:center;color:var(--fd-color-text-tertiary);font-size:1.2rem;margin-top:.6rem}.fd-designer[data-v-86f01272]{display:flex;flex-direction:column;height:100vh}.fd-designer-body[data-v-86f01272]{flex:1;display:flex;min-height:0}.fd-designer-left[data-v-86f01272]{width:var(--fd-sidebar-width);border-right:1px solid var(--fd-color-border);background:var(--fd-color-bg-panel);overflow:hidden}.fd-designer-center[data-v-86f01272]{flex:1;padding:2.4rem;overflow:auto;background:var(--fd-color-bg)}.fd-canvas[data-v-86f01272]{width:100%;max-width:var(--fd-canvas-max);min-height:calc(100vh - 16rem);margin:0 auto;padding:1.6rem;background:var(--fd-color-bg-panel);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-card)}.fd-canvas.is-mobile[data-v-86f01272]{max-width:37.5rem}.fd-canvas.is-selected[data-v-86f01272]{outline:2px solid var(--fd-color-primary);outline-offset:-2px}.fd-canvas-empty[data-v-86f01272]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2.4rem;color:var(--fd-color-text-tertiary)}.fd-canvas-empty-icon[data-v-86f01272]{font-size:4.8rem;margin-bottom:1.6rem;color:var(--fd-color-text-placeholder)}.fd-canvas-state[data-v-86f01272]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 16rem);padding:4rem 2.4rem;border-radius:var(--fd-radius-lg);background:var(--fd-color-bg-panel);box-shadow:var(--fd-shadow-card);color:var(--fd-color-text-secondary);font-size:1.4rem;text-align:center}.fd-canvas-state--error[data-v-86f01272]{color:var(--fd-color-danger, #f5523a);white-space:pre-wrap}.fd-canvas-notice[data-v-86f01272]{margin-bottom:1.2rem;padding:.9rem 1.4rem;border:1px solid var(--fd-color-warning-border, #fde68a);border-radius:var(--fd-radius-base);background:var(--fd-color-warning-bg, #fffbeb);color:var(--fd-color-warning, #b45309);font-size:1.3rem;line-height:1.5}.fd-canvas-empty span[data-v-86f01272]:last-child{font-size:1.4rem}.fd-designer-right[data-v-86f01272]{width:var(--fd-property-width);border-left:1px solid var(--fd-color-border);background:var(--fd-color-bg-panel)}:root{--fd-color-primary: #4c8eff;--fd-color-primary-hover: #3a7de8;--fd-color-primary-active: #2a6bd6;--fd-color-primary-light: #e8f1ff;--fd-color-primary-bg: #f0f6ff;--fd-color-danger: #f5523a;--fd-color-danger-light: #fef0ed;--fd-color-warning: #ff9900;--fd-color-warning-light: #fff8eb;--fd-color-info: #646a78;--fd-color-info-light: #f2f3f5;--fd-color-text: #344054;--fd-color-text-secondary: #667085;--fd-color-text-tertiary: #8a8f99;--fd-color-text-placeholder: #c9cdd4;--fd-color-border: #e5e6e8;--fd-color-border-hover: #c9cdd4;--fd-color-bg: #f5f6f7;--fd-color-bg-panel: #ffffff;--fd-color-bg-hover: #f8fafc;--fd-color-bg-active: #e8f1ff;--fd-color-bg-mask: rgba(0, 0, 0, .5);--fd-color-icon-bg: #e8f1ff;--fd-color-icon: #4c8eff;--fd-color-required: #f5523a;--fd-radius-base: .4rem;--fd-radius-lg: .8rem;--fd-shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--fd-shadow-pop: 0 8px 24px rgba(0, 0, 0, .16);--fd-gap-base: 1.2rem;--fd-transition: .2s ease-in-out;--fd-header-height: 5.6rem;--fd-sidebar-width: 24rem;--fd-property-width: 30rem;--fd-canvas-max: 120rem}[data-theme=dark]{--fd-color-primary: #4c8eff;--fd-color-primary-hover: #5e9eff;--fd-color-primary-active: #3a7be8;--fd-color-primary-light: #1a3a5e;--fd-color-primary-bg: #1a2a4e;--fd-color-danger: #f5523a;--fd-color-danger-light: #3a1a1a;--fd-color-warning: #ff9900;--fd-color-warning-light: #3a2a0a;--fd-color-info: #b0b0b0;--fd-color-info-light: #333333;--fd-color-text: #344054;--fd-color-text-secondary: #667085;--fd-color-text-tertiary: #8a8a8a;--fd-color-text-placeholder: #6a6a6a;--fd-color-border: #3a3a3a;--fd-color-border-hover: #5a5a5a;--fd-color-bg: #1a1a1a;--fd-color-bg-panel: #2a2a2a;--fd-color-bg-hover: #333333;--fd-color-bg-active: #1a3a5e;--fd-color-bg-mask: rgba(0, 0, 0, .7);--fd-color-icon-bg: #1e293b;--fd-color-icon: #93c5fd;--fd-color-required: #f5523a;--fd-shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--fd-shadow-pop: 0 8px 24px rgba(0, 0, 0, .6)}html{font-size:10px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.4rem;color:var(--fd-color-text);background:var(--fd-color-bg)}*,*:before,*:after{box-sizing:border-box}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-align-center{display:flex;align-items:center}.flex-justify-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.fd-form-row{display:flex;flex-wrap:wrap;gap:var(--fd-gap-base)}.fd-form-col{display:flex;flex-direction:column;gap:var(--fd-gap-base)}.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3.4rem;padding:0 2rem;border:none;border-radius:var(--fd-radius-base);font-size:1.4rem;cursor:pointer;color:#fff;background:var(--fd-color-primary);transition:background var(--fd-transition)}.fd-btn--primary{background:var(--fd-color-primary)}.fd-btn--primary:hover{background:var(--fd-color-primary-hover)}.fd-btn--danger{background:var(--fd-color-danger-light);color:var(--fd-color-danger)}.fd-btn--warning{background:var(--fd-color-warning-light);color:var(--fd-color-warning)}.fd-btn--info{background:var(--fd-color-info-light);color:var(--fd-color-info)}.fd-btn:disabled{opacity:.5;cursor:not-allowed}input:not([type=file]):not(.fd-toolbar-name):not(.el-select__input):not(.el-input__inner),select,textarea{display:block;width:100%;height:3.4rem;padding:0 1rem;font-family:inherit;font-size:1.4rem;line-height:1.4;color:var(--fd-color-text);background:var(--fd-color-bg-panel);border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);outline:none;transition:border-color var(--fd-transition),box-shadow var(--fd-transition)}textarea{height:auto;min-height:8rem;padding:.8rem 1rem;resize:vertical}input:not([type=file]):not(.fd-toolbar-name):not(.el-select__input):not(.el-input__inner):hover,select:hover,textarea:hover{border-color:var(--fd-color-border-hover)}input:not([type=file]):not(.fd-toolbar-name):not(.el-select__input):not(.el-input__inner):focus,select:focus,textarea:focus{border-color:var(--fd-color-primary);box-shadow:0 0 0 2px var(--fd-color-primary-light)}input::placeholder,textarea::placeholder{color:var(--fd-color-text-placeholder)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='%238a8f99' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.8rem}.monaco-editor textarea,.monaco-editor input{display:inline;width:auto;height:auto;min-height:0;padding:0;border:none;border-radius:0;box-shadow:none;background:transparent;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.fd-canvas>*+*,.fd-card-body>*+*,.fd-renderer>*+*{margin-top:var(--fd-gap-base)}.fd-canvas>.fd-canvas-node--label+.fd-canvas-node--label,.fd-card-body>.fd-canvas-node--label+.fd-canvas-node--label,.fd-renderer>.fd-label-render+.fd-label-render,.fd-card-body>.fd-label-render+.fd-label-render{margin-top:-1px}.fd-canvas>.fd-canvas-node--label+.fd-canvas-node--label>.fd-label-design,.fd-card-body>.fd-canvas-node--label+.fd-canvas-node--label>.fd-label-design,.fd-renderer>.fd-label-render+.fd-label-render,.fd-card-body>.fd-label-render+.fd-label-render{border-top-left-radius:0;border-top-right-radius:0}.fd-canvas>.fd-canvas-node--label:not(:last-child)>.fd-label-design,.fd-card-body>.fd-canvas-node--label:not(:last-child)>.fd-label-design,.fd-renderer>.fd-label-render:not(:last-child),.fd-card-body>.fd-label-render:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-grid-design>*,.fd-grid-render>*{margin-top:0;margin-bottom:0}.fd-grid-design>.fd-canvas-node--label,.fd-grid-render>.fd-grid-cell:has(.fd-label-render){margin-left:-1px;margin-top:-1px}.fd-grid-design.is-mobile>.fd-canvas-node--label+.fd-canvas-node--label,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render)+.fd-grid-cell:has(.fd-label-render){margin-left:0}.fd-grid-design>.fd-canvas-node--label>.fd-label-design,.fd-grid-render>.fd-grid-cell>.fd-label-render{border-radius:0}.fd-grid-design>.fd-canvas-node--label.is-g-corner-tl>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-tl>.fd-label-render{border-top-left-radius:1rem}.fd-grid-design>.fd-canvas-node--label.is-g-corner-tr>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-tr>.fd-label-render{border-top-right-radius:1rem}.fd-grid-design>.fd-canvas-node--label.is-g-corner-bl>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-bl>.fd-label-render{border-bottom-left-radius:1rem}.fd-grid-design>.fd-canvas-node--label.is-g-corner-br>.fd-label-design,.fd-grid-render>.fd-grid-cell.is-g-corner-br>.fd-label-render{border-bottom-right-radius:1rem}.fd-grid-design>.fd-canvas-node--label,.fd-grid-render>.fd-grid-cell:has(>.fd-label-render){align-self:stretch}.fd-grid-design>.fd-canvas-node--label>.fd-label-design,.fd-grid-render>.fd-grid-cell:has(>.fd-label-render)>.fd-label-render{height:100%}.fd-grid-design.is-mobile>.fd-canvas-node--label+.fd-canvas-node--label,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render)+.fd-grid-cell:has(.fd-label-render){margin-top:-1px}.fd-grid-design.is-mobile>.fd-canvas-node--label+.fd-canvas-node--label>.fd-label-design,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render)+.fd-grid-cell:has(.fd-label-render)>.fd-label-render{border-top-left-radius:0;border-top-right-radius:0}.fd-grid-design.is-mobile>.fd-canvas-node--label:not(:last-child)>.fd-label-design,.fd-grid-render.is-mobile>.fd-grid-cell:has(.fd-label-render):not(:last-child)>.fd-label-render{border-bottom-left-radius:0;border-bottom-right-radius:0}.fd-code-editor[data-v-aeb9c1ee]{width:100%;height:32rem;border:1px solid var(--fd-color-border);border-radius:var(--fd-radius-base);overflow:hidden}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as a, L as r, R as o, c as d, a as l, l as n, r as t, b as i, s as m, d as p } from "./index-
|
|
1
|
+
import { D as a, L as r, R as o, c as d, a as l, l as n, r as t, b as i, s as m, d as p } from "./index-BWDrviks.js";
|
|
2
2
|
export {
|
|
3
3
|
a as Designer,
|
|
4
4
|
r as LIFECYCLE_HOOKS,
|