2.0.0 • Published 5 months ago
@riil-frontend/component-script-editor v2.0.0
脚本编辑器组件(套用第三方:monaco-editor)
注意:本组件不支持一个可视区内,同时显示不同主题风格的多个编辑器。若使用,则组件的主题风格会被设置成最后渲染的组件的主题。
支持的语言
import { LANGUAGES } from "@riil-frontend/component-script-editor";
ScriptEditor API
参数名 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 值,必填 | string | - |
onChange | value 变化监听 | (value: string) => void | - |
className | 类名 | string | - |
language | 编程语言,不传则以纯文本展示, 传入的值必需为支持的语言类型 | string | - |
readOnly | 只读模式 | bool | false |
theme | 主题,支持设置'vs'、'vs-dark'、'hc-black' | string | vs |
options | Monaco编辑器的其他配置 | Object | - |
isAutoCompletion | 是否启用全代码自动补全功能 | boolean | false |
脚本Diff编辑器 ScriptDiffEditor API
参数名 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 最新的内容,必填 | string | - |
originalValue | 旧的内容,必填 | string | - |
className | 类名 | string | - |
language | 编程语言,不传则以纯文本展示, 传入的值必需为支持的语言类型 | string | - |
theme | 主题,支持设置'vs'、'vs-dark'、'hc-black' | string | vs |
options | Monaco编辑器的其他配置 | Object | - |