diff --git a/docs/form-render/advanced-widget.md b/docs/form-render/advanced-widget.md
index 8d9e2fa89..e78bce8c3 100644
--- a/docs/form-render/advanced-widget.md
+++ b/docs/form-render/advanced-widget.md
@@ -1,5 +1,5 @@
 ---
-order: 4
+order: 2
 toc: content
 mobile: false
 group: 
diff --git a/docs/xflow/XFlowProvider.md b/docs/xflow/XFlowProvider.md
index 60feb2caa..09c52c6a1 100644
--- a/docs/xflow/XFlowProvider.md
+++ b/docs/xflow/XFlowProvider.md
@@ -1,10 +1,10 @@
 ---
-order: 2
-title: 'XFlowProvider'
+order: 3
+title: '多实例画布'
 mobile: false
 group:
   title: 最佳展示
-  order: 2
+  order: 4
 ---
 
 # 基础交互
diff --git a/docs/xflow/basic.md b/docs/xflow/basic.md
deleted file mode 100644
index 37699522f..000000000
--- a/docs/xflow/basic.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-order: 2
-title: '基础交互'
-mobile: false
-group: 
-  title: 最佳展示
-  order: 2
----
-# 基础交互
-
-<code src="./demo/basic/index.tsx"></code>
diff --git a/docs/xflow/custom-flow.md b/docs/xflow/custom-node-setting.md
similarity index 60%
rename from docs/xflow/custom-flow.md
rename to docs/xflow/custom-node-setting.md
index ef3ecb2c9..0bb976f60 100644
--- a/docs/xflow/custom-flow.md
+++ b/docs/xflow/custom-node-setting.md
@@ -1,21 +1,21 @@
 ---
 order: 2
-title: '自定义组件'
+toc: content
 mobile: false
 group: 
   title: 最佳展示
-  order: 2
+  order: 1
 ---
-# 自定义组件
 
-## 自定义配置组件
+# 节点配置面板
+节点配置面板支持以下两种渲染方式自定义：
 
-使用`settingWidget`自定义业务配置组件
+- **Schema 方式**: 适用于节点配置较为简单的场景。通过 FormRender 配置 schema 来实现快速渲染。
+- **Widget 方式**: 针对复杂的配置需求，schema 无法满足时，可以通过自定义组件进行灵活渲染。
 
- <code src="./demo/custom-flow/index.tsx"></code> 
 
-
-## 在schema中自定义组件
+## Schema
+通过配置节点的 settingSchema 属性，实现节点数据配置项的自定义渲染。
 
 ```jsx
 import { Input } from 'antd';
@@ -60,9 +60,6 @@ export default () => {
       <XFlow
         initialValues={{ nodes, edges }}
         settings={settings}
-        nodeSelector={{
-          showSearch: true,
-        }}
         widgets={{ customWidget }}
       />
     </div>
@@ -72,7 +69,7 @@ export default () => {
 
 ``` 
 
-## 自定义业务配置信息展示组件
-使用`nodeWidget`自定义节点的业务配置信息展示组件，在节点内部展示业务配置信息 
+## Widget
+通过配置节点的 `settingWidget` 属性，实现节点数据配置项的自定义渲染。
 
-<code src="./demo/nodeWidget"></code>
+<code src="./demo/custom-flow/index.tsx"></code>
diff --git a/docs/xflow/custom-node-view.md b/docs/xflow/custom-node-view.md
new file mode 100644
index 000000000..787884b37
--- /dev/null
+++ b/docs/xflow/custom-node-view.md
@@ -0,0 +1,15 @@
+---
+order: 2
+toc: content
+mobile: false
+group: 
+  title: 最佳展示
+  order: 1
+---
+
+# 节点内容展示
+当需要额外展示节点内容时，可以通过 `nodeWidget` 进行灵活渲染。
+
+使用`nodeWidget`自定义节点的业务配置信息展示组件，在节点内部展示业务配置信息 
+
+<code src="./demo/nodeWidget"></code>
diff --git a/docs/xflow/index.md b/docs/xflow/index.md
index 1602e98fe..b11d9abd8 100644
--- a/docs/xflow/index.md
+++ b/docs/xflow/index.md
@@ -41,8 +41,6 @@ npm i @xrenders/xflow --save
  */
 import React from 'react';
 import XFlow from '@xrenders/xflow';
-import schema from './schema/basic';
-import data from './data/basic';
 import settings from './schema/settings';
 
 export default () => {
@@ -76,9 +74,6 @@ export default () => {
       <XFlow
         initialValues={{ nodes, edges }}
         settings={settings}
-        nodeSelector={{
-          showSearch: true,
-        }}
       />
     </div>
   );
diff --git a/docs/xflow/layout.md b/docs/xflow/layout.md
index 00100a152..c3bb48e7a 100644
--- a/docs/xflow/layout.md
+++ b/docs/xflow/layout.md
@@ -1,10 +1,10 @@
 ---
-order: 3
-title: '布局方向'
+order: 1
+title: '画布布局'
 mobile: false
 group: 
   title: 最佳展示
-  order: 2
+  order: 1
 ---
 # 布局方向