# ace-editor-mysql LLMs.txt

> 供 LLM 快速理解 `@flatbiz/antd/ace-editor-mysql` 的使用方式。

## 模块定位

编辑器高度，默认值：100%，可输入值例如 300px、100%

## 导入方式

```ts
import { AceEditorMysql } from '@flatbiz/antd/ace-editor-mysql';
// 也可以从主入口导入：import { ... } from '@flatbiz/antd';
```

## 公开导出

- `AceEditorMysql`
- `AceEditorMysqlProps`
- `* from ./editor.jsx`

## Props / 配置要点

### AceEditorMysqlProps

- `height`（可选）：: string；编辑器高度，默认值：100%，可输入值例如 300px、100%
- `value`（可选）：: string
- `onChange`（可选）：: (value?: string) => void
- `autoCompleterList`（可选）：: { name: string; desc?: string }[]；配置输入自动提示关键字
- `hiddenFormatterBtn`（可选）：: boolean；隐藏【美化】按钮
- `theme`（可选）：: string；编辑器主题配置，例如：github、terminal、xcode
- `footerExtraRender`（可选）：: (children: ReactElement) => ReactElement；底部额外布局
- `footerStyle`（可选）：: CSSProperties

## 使用规则与行为

- 编辑器高度，默认值：100%，可输入值例如 300px、100%
- 配置输入自动提示关键字
- 隐藏【美化】按钮
- 编辑器主题配置，例如：github、terminal、xcode
- 底部额外布局
- 向编辑器中添加自动补全列表

## 基础示例

```tsx
import { AceEditorMysql, type AceEditorMysqlProps } from '@flatbiz/antd/ace-editor-mysql';

const props: AceEditorMysqlProps = {
  // 按业务传入必要参数
};

<AceEditorMysql {...props} />;
```

## 源码索引

- `src/ace-editor-mysql/editor.tsx`
- `src/ace-editor-mysql/index.ts`

## 给 LLM 的注意事项

- 优先使用 `@flatbiz/antd/ace-editor-mysql` 或主入口 `@flatbiz/antd` 的公开导出，不要引用内部实现文件。
- 当 Props 与 antd 原组件同名能力冲突时，以本模块导出的 Props 类型为准。
- 若文档未覆盖某个边缘参数，请读取上方源码索引中的类型定义和 JSDoc。