diff --git a/docs/components/crud.md b/docs/components/crud.md
index 9b4a17e64..1610e3b99 100755
--- a/docs/components/crud.md
+++ b/docs/components/crud.md
@@ -1317,6 +1317,80 @@ crud 组件支持通过配置`headerToolbar`和`footerToolbar`属性，实现在
 }
 ```
 
+## 弹框与数据链
+
+一般 CRUD 中会有弹框，然后进行数据展示或进行二次编辑的需求，通过在列中配置按钮，然后配置弹框，弹框内配置相应的组件即可。
+
+现在问题是，如何获取到当前操作行的数据呢？
+
+实际上，你操作当前行数据，会成为弹框这层节点的父级节点，因此你可以通过 [数据链](../concepts/datascope-and-datachain)，获取到上层，也就是点击的行的数据，具体获取方法和普通组件获取数据域中数据的方法相同，
+
+```schema:height="600" scope="body"
+{
+  "type": "crud",
+  "api": "https://houtai.baidu.com/api/sample",
+  "draggable": true,
+  "columns": [
+    {
+      "name": "id",
+      "label": "ID"
+    },
+    {
+      "name": "engine",
+      "label": "Rendering engine"
+    },
+    {
+      "name": "browser",
+      "label": "Browser"
+    },
+    {
+      "name": "platform",
+      "label": "Platform(s)"
+    },
+    {
+      "name": "version",
+      "label": "Engine version"
+    },
+    {
+      "name": "grade",
+      "label": "CSS grade"
+    },
+    {
+      "type": "button",
+      "label": "一个弹框",
+      "actionType": "dialog",
+      "dialog": {
+        "title": "一个弹框",
+        "body": [
+          {
+            "type": "tpl",
+            "tpl": "行数据中 Browser 值为：${browser}"
+          },
+          {
+            "type": "divider"
+          },
+          {
+            "type": "form",
+            "api": "/api/sample/$id",
+            "controls": [
+              {
+                "type": "text",
+                "name": "engine",
+                "label": "Engine"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}
+```
+
+例如上例中 Tpl 用 `${browser}` 获取 `browser` 变量，Form 中配置`"name": "engine"` 映射 `engine` 变量。
+
+> 遇到数据字段冲突时，可以在 [弹框上通过配置数据映射](./dialog#%E5%BC%B9%E6%A1%86%E4%B8%8E%E6%95%B0%E6%8D%AE%E6%98%A0%E5%B0%84) 解决。
+
 ## 拖拽排序
 
 通过配置`"draggable": true`和保存排序接口`saveOrderApi`，可以实现拖拽排序功能，
diff --git a/docs/components/dialog.md b/docs/components/dialog.md
index b6d81021e..0e21733b7 100755
--- a/docs/components/dialog.md
+++ b/docs/components/dialog.md
@@ -83,6 +83,127 @@ Dialog 弹框 主要由 [Action](./action) 触发，主要展示一个对话框
 }
 ```
 
+## 弹框与数据映射
+
+默认弹框内由于数据链的存在，会自动映射父级同名变量，例如下例：
+
+```schema:height="600" scope="body"
+{
+  "type": "crud",
+  "api": "https://houtai.baidu.com/api/sample",
+  "draggable": true,
+  "columns": [
+    {
+      "name": "id",
+      "label": "ID"
+    },
+    {
+      "name": "engine",
+      "label": "Rendering engine"
+    },
+    {
+      "name": "browser",
+      "label": "Browser"
+    },
+    {
+      "name": "platform",
+      "label": "Platform(s)"
+    },
+    {
+      "name": "version",
+      "label": "Engine version"
+    },
+    {
+      "name": "grade",
+      "label": "CSS grade"
+    },
+    {
+      "type": "button",
+      "label": "一个弹框",
+      "actionType": "dialog",
+      "dialog": {
+        "title": "一个弹框",
+        "body": [
+          {
+            "type": "form",
+            "api": "/api/sample/$id",
+            "controls": [
+              {
+                "type": "text",
+                "name": "engine",
+                "label": "Engine"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}
+```
+
+上例弹框中的表单项 `Engine` 会自动映射到父级数据中的 `engine` 变量，如果想调整当前特性，如你想调整父级映射变量的字段，可以利用[数据映射](../concepts/data-mapping)，例如：
+
+```schema:height="600" scope="body"
+{
+  "type": "crud",
+  "api": "https://houtai.baidu.com/api/sample",
+  "draggable": true,
+  "columns": [
+    {
+      "name": "id",
+      "label": "ID"
+    },
+    {
+      "name": "engine",
+      "label": "Rendering engine"
+    },
+    {
+      "name": "browser",
+      "label": "Browser"
+    },
+    {
+      "name": "platform",
+      "label": "Platform(s)"
+    },
+    {
+      "name": "version",
+      "label": "Engine version"
+    },
+    {
+      "name": "grade",
+      "label": "CSS grade"
+    },
+    {
+      "type": "button",
+      "label": "一个弹框",
+      "actionType": "dialog",
+      "dialog": {
+        "data": {
+          "engine2": "${engine}"
+        },
+        "title": "一个弹框",
+        "body": [
+          {
+            "type": "form",
+            "api": "/api/sample/$id",
+            "controls": [
+              {
+                "type": "text",
+                "name": "engine2",
+                "label": "Engine"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  ]
+}
+```
+
+上例给 `dialog` 中配置 `data` 属性，可以将上层的 `engine` 变量映射为 `engine2`
+
 ## 多级弹框
 
 ```schema:height="100" scope="body"
diff --git a/docs/components/form/time.md b/docs/components/form/time.md
index 2c0266304..6d416bd3e 100755
--- a/docs/components/form/time.md
+++ b/docs/components/form/time.md
@@ -173,6 +173,7 @@ order: 58
 | timeFormat      | `string`  | `HH:mm`        | 时间选择器值格式，更多格式类型请参考 [moment](http://momentjs.com/)                 |
 | format          | `string`  | `X`            | 时间选择器值格式，更多格式类型请参考 [moment](http://momentjs.com/)                 |
 | inputFormat     | `string`  | `HH:mm`        | 时间选择器显示格式，即时间戳格式，更多格式类型请参考 [moment](http://momentjs.com/) |
+| timeFormat      | `string`  | `HH:mm`        | 时间选择器格式，默认是时分                                                          |
 | placeholder     | `string`  | `"请选择时间"` | 占位文本                                                                            |
 | clearable       | `boolean` | `true`         | 是否可清除                                                                          |
 | timeConstrainst | `object`  | `true`         | 请参考： [react-datetime](https://github.com/YouCanBookMe/react-datetime)           |