# editable-field-provider LLMs.txt > 供 LLM 快速理解 `@flatbiz/antd/editable-field-provider` 的使用方式。 ## 模块定位 EditableFieldProvider 控制内部使有的 EditableField 状态 ## 导入方式 ```ts import { EditableFieldProvider } from '@flatbiz/antd/editable-field-provider'; // 也可以从主入口导入:import { ... } from '@flatbiz/antd'; ``` ## 公开导出 - `EditableFieldContext` - `EditableFieldContextContextApi` - `EditableFieldProvider` - EditableFieldProvider 控制内部使有的 EditableField 状态 - `EditableFieldProviderProps` - `* from ./editable-field-provider.jsx` ## Props / 配置要点 ### EditableFieldContextContextApi - `readonly`(可选):: boolean - `showEditable`(可选):: boolean - `showEditableIcon`(可选):: boolean - `isCtx`(必填):: boolean ### EditableFieldProviderProps - `children`(必填):: ReactElement - `readonly`(可选):: boolean;是否只读 - `showEditable`(可选):: boolean;是否编辑状态 - `showEditableIcon`(可选):: boolean;是否显示编辑操作按钮 ## 使用规则与行为 - 是否只读 - 是否编辑状态 - 是否显示编辑操作按钮 - EditableFieldProvider 控制内部使有的 EditableField 状态 @param props @returns ## 默认值线索 - `props => true` ## 基础示例 ```tsx import { EditableFieldProvider, type EditableFieldProviderProps } from '@flatbiz/antd/editable-field-provider'; const props: EditableFieldProviderProps = { // 按业务传入必要参数 }; ; ``` ## 源码索引 - `src/editable-field-provider/context.ts` - `src/editable-field-provider/editable-field-provider.tsx` - `src/editable-field-provider/index.ts` ## 给 LLM 的注意事项 - 优先使用 `@flatbiz/antd/editable-field-provider` 或主入口 `@flatbiz/antd` 的公开导出,不要引用内部实现文件。 - 当 Props 与 antd 原组件同名能力冲突时,以本模块导出的 Props 类型为准。 - 若文档未覆盖某个边缘参数,请读取上方源码索引中的类型定义和 JSDoc。