diff --git a/docs/docs/api/model/node.md b/docs/docs/api/model/node.md
index bbf8e559f..c10af3466 100644
--- a/docs/docs/api/model/node.md
+++ b/docs/docs/api/model/node.md
@@ -254,6 +254,8 @@ sidebar_position: 1
 
 `@type {IPublicModelSettingTopEntry}`
 
+相关章节：[设置器顶层操作对象](./setting-top-entry)
+
 相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)
 
 ### visible
diff --git a/docs/docs/api/model/setting-field.md b/docs/docs/api/model/setting-field.md
new file mode 100644
index 000000000..abf99db37
--- /dev/null
+++ b/docs/docs/api/model/setting-field.md
@@ -0,0 +1,340 @@
+---
+title: SettingField
+sidebar_position: 6
+---
+> **@types** [IPublicModelSettingField](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts)<br/>
+
+# 基本介绍
+
+setter 设置器操作对象
+
+# 属性
+
+## isGroup
+
+获取设置属性的 isGroup
+
+`@type {boolean}`
+
+
+## id
+
+获取设置属性的 id
+
+`@type {string}`
+
+## name
+
+获取设置属性的 name
+
+`@type {string | number | undefined}`
+
+## key
+
+获取设置属性的 key
+
+`@type {string | number | undefined}`
+
+## path
+
+获取设置属性的 path
+
+`@type {(string | number)[]}`
+
+## title
+
+获取设置属性的 title
+
+`@type {string}`
+
+## setter
+
+获取设置属性的 setter
+
+`@type {IPublicTypeSetterType | null}`
+
+## expanded
+
+获取设置属性的 expanded
+
+`@type {boolean}`
+
+## extraProps
+
+获取设置属性的 extraProps
+
+`@type {IPublicTypeFieldExtraProps}`
+
+## props
+
+`@type {IPublicModelSettingTopEntry}`
+
+相关章节：[设置器顶层操作对象](./setting-top-entry)
+
+相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)
+
+## node
+
+获取设置属性对应的节点实例
+
+`@type {IPublicModelNode | null}`
+
+
+## parent
+
+获取设置属性的父设置属性
+
+`@type {IPublicModelSettingTopEntry | IPublicModelSettingField}`
+
+相关章节：[设置器顶层操作对象](./setting-top-entry)
+
+相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)
+
+## top
+
+获取顶级设置属性
+
+`@type {IPublicModelSettingTopEntry}`
+
+相关章节：[设置器顶层操作对象](./setting-top-entry)
+
+相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)
+
+## isSettingField
+
+是否是 SettingField 实例
+
+`@type {boolean}`
+
+## componentMeta
+
+`@type {IPublicModelComponentMeta}`
+
+相关类型：[IPublicModelComponentMeta](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/component-meta.ts)
+
+## items
+
+获取设置属性的 items
+
+`@type {Array<IPublicModelSettingField | IPublicTypeCustomView>}`
+
+相关类型：[IPublicTypeCustomView](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/custom-view.ts)
+
+# 方法
+
+## setKey
+
+设置 key 值
+
+```
+/**
+  * 设置 key 值
+  * @param key
+  */
+setKey(key: string | number): void;
+```
+
+## setValue
+
+设置值
+
+```
+/**
+  * 设置值
+  * @param val 值
+  */
+setValue(val: IPublicTypeCompositeValue, extraOptions?: IPublicTypeSetValueOptions): void;
+```
+
+相关类型：
+- [IPublicTypeCompositeValue](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/composite-value.ts)
+- [IPublicTypeSetValueOptions](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/set-value-options.ts)
+
+## setPropValue
+
+设置子级属性值
+
+```
+/**
+  * 设置子级属性值
+  * @param propName 子属性名
+  * @param value 值
+  */
+setPropValue(propName: string | number, value: any): void;
+```
+
+## clearPropValue
+
+清空指定属性值
+
+```
+/**
+  * 清空指定属性值
+  * @param propName
+  */
+clearPropValue(propName: string | number): void;
+```
+
+## getDefaultValue
+
+获取配置的默认值
+
+```
+/**
+  * 获取配置的默认值
+  * @returns
+  */
+getDefaultValue(): any;
+```
+
+## getValue
+
+获取值
+
+```
+/**
+  * 获取值
+  * @returns
+  */
+getValue(): any;
+```
+
+## getPropValue
+
+获取子级属性值
+
+```
+/**
+  * 获取子级属性值
+  * @param propName 子属性名
+  * @returns
+  */
+getPropValue(propName: string | number): any;
+```
+
+## getExtraPropValue
+
+获取顶层附属属性值
+
+```
+/**
+  * 获取顶层附属属性值
+  */
+getExtraPropValue(propName: string): any;
+```
+
+## setExtraPropValue
+
+设置顶层附属属性值
+
+```
+/**
+  * 设置顶层附属属性值
+  */
+setExtraPropValue(propName: string, value: any): void;
+```
+
+## getProps
+
+获取设置属性集
+
+```
+/**
+  * 获取设置属性集
+  * @returns
+  */
+getProps(): IPublicModelSettingTopEntry;
+```
+
+相关章节：[设置器顶层操作对象](./setting-top-entry)
+
+相关类型：[IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)
+
+## isUseVariable
+
+是否绑定了变量
+
+```
+/**
+  * 是否绑定了变量
+  * @returns
+  */
+isUseVariable(): boolean;
+```
+
+## setUseVariable
+
+设置绑定变量
+
+```
+/**
+  * 设置绑定变量
+  * @param flag
+  */
+setUseVariable(flag: boolean): void;
+```
+
+## createField
+
+创建一个设置 field 实例
+
+```
+/**
+  * 创建一个设置 field 实例
+  * @param config
+  * @returns
+  */
+createField(config: IPublicTypeFieldConfig): IPublicModelSettingField;
+```
+
+相关类型：[IPublicTypeFieldConfig](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/field-config.ts)
+
+## getMockOrValue
+
+获取值，当为变量时，返回 mock
+
+```
+/**
+  * 获取值，当为变量时，返回 mock
+  * @returns
+  */
+getMockOrValue(): any;
+
+```
+
+## purge
+
+销毁当前 field 实例
+
+```
+/**
+  * 销毁当前 field 实例
+  */
+purge(): void;
+```
+
+## remove
+
+移除当前 field 实例
+
+```
+/**
+  * 移除当前 field 实例
+  */
+remove(): void;
+```
+
+## onEffect
+
+设置 autorun
+
+```
+/**
+  * 设置 autorun
+  * @param action
+  * @returns
+  */
+onEffect(action: () => void): IPublicTypeDisposable;
+```
+
+相关类型：[IPublicTypeDisposable](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/type/disposable.ts)
\ No newline at end of file
diff --git a/docs/docs/api/model/setting-top-entry.md b/docs/docs/api/model/setting-top-entry.md
new file mode 100644
index 000000000..0a925c3a9
--- /dev/null
+++ b/docs/docs/api/model/setting-top-entry.md
@@ -0,0 +1,74 @@
+---
+title: SettingTopEntry
+sidebar_position: 6
+---
+> **@types** [IPublicModelSettingTopEntry](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-top-entry.ts)<br/>
+
+# 基本介绍
+
+setter 设置器顶层操作对象
+
+# 属性
+
+## node
+
+返回所属的节点实例
+
+`@type {IPublicModelNode | null}`
+
+# 方法
+
+## get
+
+获取子级属性对象
+
+```
+/**
+  * 获取子级属性对象
+  * @param propName
+  * @returns
+  */
+get(propName: string | number): IPublicModelSettingField | null;
+```
+相关章节：[设置器操作对象](./setting-field)
+
+相关类型：[IPublicModelSettingField](https://github.com/alibaba/lowcode-engine/blob/main/packages/types/src/shell/model/setting-field.ts)
+
+
+## getPropValue
+
+获取指定 propName 的值
+
+```
+/**
+  * 获取指定 propName 的值
+  * @param propName
+  * @returns
+  */
+getPropValue(propName: string | number): any;
+```
+
+## setPropValue
+
+设置指定 propName 的值
+
+```
+/**
+  * 设置指定 propName 的值
+  * @param propName
+  * @param value
+  */
+setPropValue(propName: string | number, value: any): void;
+```
+
+## clearPropValue
+
+清除指定 propName 的值
+
+```
+/**
+  * 清除指定 propName 的值
+  * @param propName
+  */
+clearPropValue(propName: string | number): void;
+```
\ No newline at end of file
diff --git a/packages/types/src/shell/model/setting-field.ts b/packages/types/src/shell/model/setting-field.ts
index a2dd4fd28..a011fc21f 100644
--- a/packages/types/src/shell/model/setting-field.ts
+++ b/packages/types/src/shell/model/setting-field.ts
@@ -8,6 +8,11 @@ export interface IBaseModelSettingField<
   Node
 > {
 
+  /**
+   * 获取设置属性的父设置属性
+   */
+  readonly parent: SettingTopEntry | SettingField;
+
   /**
    * 获取设置属性的 isGroup
    */
@@ -31,12 +36,12 @@ export interface IBaseModelSettingField<
   /**
    * 获取设置属性的 path
    */
-  get path(): any[];
+  get path(): (string | number)[];
 
   /**
    * 获取设置属性的 title
    */
-  get title(): any;
+  get title(): string;
 
   /**
    * 获取设置属性的 setter
@@ -60,11 +65,6 @@ export interface IBaseModelSettingField<
    */
   get node(): Node | null;
 
-  /**
-   * 获取设置属性的父设置属性
-   */
-  readonly parent: SettingTopEntry | SettingField;
-
   /**
    * 获取顶级设置属性
    */