低代码扩展与运行时代码组件
包含 ExtensionCodeWorkbench、ScopedCssPreview、ExtensionSandboxHost、LowcodeRuntimePage。
ExtensionCodeWorkbench
全功能扩展代码编辑器工作台。CodeMirror 编辑器 + 右侧指南面板。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue | String | '' | 编辑器内容（v-model） |
mode | String | 'javascript' | 编辑器模式：'javascript' 或 'css' |
hookCode | String | '' | 当前钩子代码，决定显示哪些示例和指南 |
applicationCode | String | '' | 应用标识符（范围显示） |
pageCode | String | '' | 页面标识符（范围显示） |
Events
| 事件名 | 参数 | 说明 |
|---|---|---|
update:modelValue | String | 编辑器内容变更 |
example-applied | Object | 应用了示例代码 |
右侧指南面板
| 标签 | 功能 |
|---|---|
| 可用示例 | 从 extension-code-catalog 加载的上下文示例 |
| 可用 API | 可插入代码片段，含描述和点击插入 |
| 能力边界 | 当前模式允许/禁止的内容展示 |
ScopedCssPreview
沙盒化 CSS 预览。在隔离 <iframe> 中渲染 CSS。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
css | String | '' | 要预览的 CSS |
scopeSelector | String | '' | CSS 作用域选择器 |
applicationCode | String | '' | 应用标识符（设置 data-forge-app 属性） |
pageCode | String | '' | 页面标识符（设置 data-forge-page 属性） |
- CSS 内容经过清洗（防止
<style注入）
ExtensionSandboxHost
Web Worker 沙盒运行时，执行 JavaScript 扩展代码。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
timeoutMs | Number | 800 | 脚本执行超时（ms） |
maxOutputBytes | Number | 65536 | Worker 输出最大大小（字节） |
startupTimeoutMs | Number | 5000 | Worker 初始化超时（ms） |
Expose 方法
| 方法 | 说明 |
|---|---|
execute(script, context, allowedFields) | 在 Worker 沙箱中执行脚本，返回 Promise。清洗上下文并验证结果 |
LowcodeRuntimePage
已发布低代码应用的运行时入口。薄包装器将 runtimeConfig 传递给 CrudPage。
Props
| 属性 | 类型 | 说明 |
|---|---|---|
runtimeConfig | Object (required) | 完整的运行时配置对象 |
syncDocumentTitle | Boolean | 是否同步标题到浏览器标题栏 |