CodeEditor 代码编辑器

业务组件

代码编辑器 — 面向 ERP/企业场景的业务组件。

何时使用

需要代码编辑器功能时使用本组件。

tsx

import { CodeEditor } from "@/components/business/code-editor"

export function Basic() {
return <CodeEditor />
}

Prop	Type	Default	说明
`className`	`string`	—	自定义样式类名
`value`	`string`	``	当前值(受控)
`onChange`	`() => void`	—	值变化回调
`language`	`SupportedLang`	`typescript`
`readonly`	`boolean`	`false`
`showLineNumbers`	`boolean`	`true`
`showCopy`	`boolean`	`true`
`height`	`string \| number`	`320`	组件高度
`theme`	`"light" \| "dark"`	`light`	主题
`filename`	`string`	—
...rest	`React.HTMLAttributes`	—	透传原生 DOM 属性

📘 完整交互式示例与控件属性请查看 Storybook 文档。