低代码扩展与运行时代码组件

包含 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	是否同步标题到浏览器标题栏