diff --git a/docs/docs/guide/appendix/setterDetails/function.md b/docs/docs/guide/appendix/setterDetails/function.md
new file mode 100644
index 000000000..3135d8597
--- /dev/null
+++ b/docs/docs/guide/appendix/setterDetails/function.md
@@ -0,0 +1,74 @@
+---
+title: FunctionSetter
+---
+## 简介
+可以将function绑定在物料上
+
+## 设置器返回
+
+设置器返回一个Function对象，调用function()运行Function对象得到运行结果。
+
+如下是一个典型的使用案例：
+
+```javascript
+export type TestProps = React.ComponentProps<typeof Test> & {
+  testFunction?: Function | undefined;
+};
+ 
+const getTestData = () => {
+  if(this.props.testFunction === undefined){
+    return undefined;
+  }else{
+    return this.props.testFunction() // 返回testFunction()方法的运行结果;
+  }
+}
+```
+
+
+## 参数设置
+
+如果需要额外传参，需要将扩展参数设置打开，在代码面板中，编辑参数内容。
+
+注意：
+
+- 额外参数必须被包装成一个对象，如参数模板中所示
+- 可以使用动态变量例如 (this.items，this.state.xxx)
+	```javascript
+	{
+		testKey: this.state.text,
+	}
+	```
+
+- 该参数是额外参数，会加在原有参数后面，例如在 onClick 中加入扩展传参，最终函数消费的时候应该如下所示
+	```javascript
+	// e 为 onClick 原有函数传参，extParams 为自定义传参
+	onClick(e, extParams) {
+		this.setState({
+			isShowDialog: extParams.isShowDialog,
+		});
+	}
+	```
+
+## 事件新建函数模板
+有时候我们创建的函数会有用到一些通用的函数模板，我们可以在物料协议的 meta.ts 中创建一个模板，如下
+
+```TypeScript
+{
+    name: 'onChange',
+    title: {
+        label: 'onChange',
+        tip: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
+    },
+    propType: 'func',
+    setter: [
+        {
+            componentName: 'FunctionSetter',
+            props: {
+                template: 'onTableChange(value,${extParams}){\n\n}',
+            },
+        },
+    ],
+}
+```
+
+其中 ${extParams} 为扩展参数占位符，如果用户没有声明扩展参数，会移除对应的参数声明。
\ No newline at end of file
diff --git a/docs/docs/guide/appendix/setters.md b/docs/docs/guide/appendix/setters.md
index fe578eee6..d94b40286 100644
--- a/docs/docs/guide/appendix/setters.md
+++ b/docs/docs/guide/appendix/setters.md
@@ -14,7 +14,7 @@ sidebar_position: 4
 | DateYearSetter || 日期型 - 年数据设置器 | |
 | [EventSetter](./setterDetails/event) | function | 事件绑定设置器 | ![](https://img.alicdn.com/imgextra/i4/O1CN01qxIYiO1ksVknhTpnW_!!6000000004739-2-tps-1202-1014.png) |
 | [IconSetter](./setterDetails/icon) | string | 图标设置器 | ![](https://img.alicdn.com/imgextra/i3/O1CN01zsOMxo1TXaBmjHCRc_!!6000000002392-2-tps-1172-579.png) |
-| FunctionSetter | any | 函数型数据设置器 | ![](https://img.alicdn.com/imgextra/i4/O1CN01jLiJBo1ZIp7OmDLp0_!!6000000003172-2-tps-794-110.png) |
+| [FunctionSetter](./setterDetails/function) | function | 函数型数据设置器 | ![](https://img.alicdn.com/imgextra/i4/O1CN01jLiJBo1ZIp7OmDLp0_!!6000000003172-2-tps-794-110.png) |
 | JsonSetter | object | json 型数据设置器 | ![](https://img.alicdn.com/imgextra/i2/O1CN01mQTFjY1YiBQzWYj64_!!6000000003092-2-tps-1076-1068.png) |
 | [MixedSetter](./setterDetails/mixed) | any | 混合型数据设置器 | ![](https://img.alicdn.com/imgextra/i1/O1CN01ZxomFY1JW4j7wIGuQ_!!6000000001035-2-tps-1552-480.png) |
 | [NumberSetter](./setterDetails/number) | number | 数值型数据设置器 | ![](https://img.alicdn.com/imgextra/i3/O1CN01dSfSgg1WS2EpbqJIO_!!6000000002786-2-tps-1152-328.png) |