代码编辑
使用monacoEditor组件封装,用于编辑代码内容。支持编辑器类型包含:代码编辑器
示例效果
输入参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 编辑器值 | String | - |
| controller | 编辑器控制器对象 | new RequiredProp(Object as PropType<C>) | - |
| data | 容器数据,通常为表单数据,表格行数据,面板数据 | new RequiredProp(Object as PropType<IData>) | - |
| disabled | 是否禁用 | { type: Boolean } | false |
| readonly | 是否只读 | { type: Boolean, default: false } | false |
| controlParams | 容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数 | { type: Object, required: false } | - |
| language | 代码语言类型 | { type: String, } | - |
| theme | 主题类型 | { type: String, } | - |
事件
| 名称 | 说明 | 类型 |
|---|---|---|
| change | 值变更事件 | {_value:V, _name?:string, _ignore?:boolean} |
编辑器参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| language | 设置代码编辑器所使用的编程语言类型,比如JavaScript或TypeScript等,会影响代码的语法高亮、智能提示等功能 | string | 'typescript' |
| enableedit | 当该值为true时,会显示代码编辑器顶部的工具栏,并且只有点击编辑按钮后才能开启代码编辑功能,否则编辑框默认处于不可编辑状态,常用于需要控制编辑权限的场景 | boolean | true |
| enablefullscreen | 若该值为true,会显示代码编辑器顶部的工具栏,并且点击工具栏中的全屏按钮后,编辑框将全屏显示,方便在较大的视野下进行代码编辑工作 | boolean | false |
| srfaiappendcurdata | 在打开AI功能时,该参数用于判断是否传入对象参数,主要用于在请求历史记录时,附加当前参数 | boolean | false |
| srfaiappendcurcontent | 在打开AI功能时,如果该参数存在值,会将其传入编辑内容作为用户消息,主要用于在请求历史记录后,附加当前编辑内容作为用户消息 | string | undefined |
| ac | 是否启用ac自填模式 | boolean | false |
| readonly | 设置编辑器是否为只读态 | boolean | false |