跳转到内容

代码编辑

使用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时,会显示代码编辑器顶部的工具栏,并且只有点击编辑按钮后才能开启代码编辑功能,否则编辑框默认处于不可编辑状态,常用于需要控制编辑权限的场景booleantrue
enablefullscreen若该值为true,会显示代码编辑器顶部的工具栏,并且点击工具栏中的全屏按钮后,编辑框将全屏显示,方便在较大的视野下进行代码编辑工作booleanfalse
srfaiappendcurdata在打开AI功能时,该参数用于判断是否传入对象参数,主要用于在请求历史记录时,附加当前参数booleanfalse
srfaiappendcurcontent在打开AI功能时,如果该参数存在值,会将其传入编辑内容作为用户消息,主要用于在请求历史记录后,附加当前编辑内容作为用户消息stringundefined
ac是否启用ac自填模式booleanfalse
readonly设置编辑器是否为只读态booleanfalse
未来已来,立即拥抱应用融合的力量
Released under the MIT License.