diff --git a/gh-pages/audio.html b/gh-pages/audio.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/audio.html
+++ b/gh-pages/audio.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/carousel.html b/gh-pages/carousel.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/carousel.html
+++ b/gh-pages/carousel.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/chart.html b/gh-pages/chart.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/chart.html
+++ b/gh-pages/chart.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/aside.html b/gh-pages/crud/aside.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/aside.html
+++ b/gh-pages/crud/aside.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/columns.html b/gh-pages/crud/columns.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/columns.html
+++ b/gh-pages/crud/columns.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/fixed.html b/gh-pages/crud/fixed.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/fixed.html
+++ b/gh-pages/crud/fixed.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/footable.html b/gh-pages/crud/footable.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/footable.html
+++ b/gh-pages/crud/footable.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/grid.html b/gh-pages/crud/grid.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/grid.html
+++ b/gh-pages/crud/grid.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/header-group.html b/gh-pages/crud/header-group.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/header-group.html
+++ b/gh-pages/crud/header-group.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/item-actions.html b/gh-pages/crud/item-actions.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/item-actions.html
+++ b/gh-pages/crud/item-actions.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/jump-next.html b/gh-pages/crud/jump-next.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/jump-next.html
+++ b/gh-pages/crud/jump-next.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/keyboards.html b/gh-pages/crud/keyboards.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/keyboards.html
+++ b/gh-pages/crud/keyboards.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/list.html b/gh-pages/crud/list.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/list.html
+++ b/gh-pages/crud/list.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/load-more.html b/gh-pages/crud/load-more.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/load-more.html
+++ b/gh-pages/crud/load-more.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/load-once.html b/gh-pages/crud/load-once.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/load-once.html
+++ b/gh-pages/crud/load-once.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/merge-cell.html b/gh-pages/crud/merge-cell.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/merge-cell.html
+++ b/gh-pages/crud/merge-cell.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/nested.html b/gh-pages/crud/nested.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/nested.html
+++ b/gh-pages/crud/nested.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/crud/table.html b/gh-pages/crud/table.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/crud/table.html
+++ b/gh-pages/crud/table.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/dialog/drawer.html b/gh-pages/dialog/drawer.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/dialog/drawer.html
+++ b/gh-pages/dialog/drawer.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/dialog/simple.html b/gh-pages/dialog/simple.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/dialog/simple.html
+++ b/gh-pages/dialog/simple.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/advanced.html b/gh-pages/docs/advanced.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/advanced.html
+++ b/gh-pages/docs/advanced.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/advanced_081e729.js b/gh-pages/docs/advanced_081e729.js
deleted file mode 100644
index 464930a91..000000000
--- a/gh-pages/docs/advanced_081e729.js
+++ /dev/null
@@ -1,48 +0,0 @@
-define('docs/advanced.md', function(require, exports, module) {
-
-  module.exports = {
-    "title": "高级用法",
-    "shortname": "advanced",
-    "html": "<p>在开始阅读之前，希望你已经阅读 <a href=\"/amis/docs/basic\">基本用法</a> 。</p>\n<h2><a class=\"anchor\" name=\"%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F\" href=\"#%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>数据作用域</h2><p>配置中很多地方都可以用变量如： <a href=\"/amis/docs/renderers/Tpl\">tpl</a> 类型的渲染器、API 中的 Url、FormItem 中的 source 配置、visibleOn、disabledOn 以及 Form 中的 <code>redirect</code> 配置等等。</p>\n<p>那么都有哪些数据可以用？这取决于在哪个容器，关于容器中的数据说明如下：</p>\n<ul>\n<li><code>page</code> 等价于全局变量，因为顶级渲染器就是它，所以下面的所有组件都能用到这个里面的数据。<ul>\n<li><code>amisPage</code> 当前页面的数据信息，包含标题，id，key 之类的信息。</li>\n<li><code>amisUser</code> 当前用户信息，包含邮箱和用户名信息。</li>\n<li><code>params 中的数据</code> 如果地址栏中也携带了参数，也会 merge 到该层的数据中。</li>\n<li><code>initApi 返回的数据</code> 如果 page 设置了 <code>initApi</code> 那么初始化的时候会从 API 中拉取数据，拉取到的数据可以用于整个页面。</li>\n</ul>\n</li>\n<li><p><code>crud</code></p>\n<ul>\n<li>父级 容器中的数据可以直接使用，如 page 容器</li>\n<li><code>api</code> 返回的数据，crud 的 api 除了可以返回 <code>rows</code> 和 <code>count</code> 数据外，其他的数据会被 merge 到数据中，供容器使用。</li>\n</ul>\n</li>\n<li><p><code>form</code></p>\n<ul>\n<li>父级 容器中的数据可以直接使用，如 page 容器</li>\n<li><code>initApi</code> 返回的数据。</li>\n<li>FormItem 的数据直接会存入到数据中，而且每次修改都会及时更新。通过 FormItem 设置的 <code>name</code> 值获取。</li>\n</ul>\n</li>\n<li><p><code>formItem</code> 表单项中，所在的表单中的数据都能用。</p>\n</li>\n<li><code>wizard</code> 同 form</li>\n<li><code>dialog</code> dialog 由 button 触发弹出，携带的数据根据按钮所在的位置来决定。<ul>\n<li>form 中弹出则会把 form 中的数据复制份传给 dialog。</li>\n<li>crud 中的批量操作按钮。把整个列表数据复制给 dialog。</li>\n<li>crud 中的某一项中的按钮，则只会把对应的那一条数据拷贝给 dialog。</li>\n</ul>\n</li>\n<li><code>service</code><ul>\n<li>父级 容器中的数据可以直接使用，如 page 容器</li>\n<li>如果配置了 <code>api</code>, <code>api</code> 返回的数据可以用。</li>\n</ul>\n</li>\n</ul>\n<p>取值过程，也跟 JS 作用域中取值一样，当前作用域中有，则直接返回当前作用域中，如果没有当前作用域没有，会一直往上找，直到找到了为止。如果存在同名变量，则返回就近作用域中数据。</p>\n<p>需要注意的是，要取到值一定是在自己所在的作用域，或者上级作用域里面，同级的是取不到的，如果需要怎么办？可以往下看联动，比如：FormA 的数据发送给 formB, 另外一种方式，可以把接口拉取换到父级组件去操作，没有可拉取数据的组件，就一起包在一个 service 控件里面。</p>\n<h2><a class=\"anchor\" name=\"%E8%81%94%E5%8A%A8\" href=\"#%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>联动</h2><h3><a class=\"anchor\" name=\"%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8\" href=\"#%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>简单的显隐联动</h3><p>主要通过 <code>visibleOn</code>、<code>hiddenOn</code> 和 <code>disabledOn</code> 来配置。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n    {\n        \"type\": \"radios\",\n        \"name\": \"foo\",\n        \"inline\": true,\n        \"label\": \" \",\n        \"options\": [\n            {\n                \"label\": \"类型1\",\n                \"value\": 1\n            },\n            {\n                \"label\": \"类型2\",\n                \"value\": 2\n            },\n            {\n                \"label\": \"类型3\",\n                \"value\": 3\n            }\n        ]\n    },\n\n    {\n        \"type\": \"text\",\n        \"name\": \"text\",\n        \"placeholder\": \"类型1 可见\",\n        \"visibleOn\": \"data.foo == 1\"\n    },\n\n     {\n         \"type\": \"text\",\n         \"name\": \"text2\",\n         \"placeholder\": \"类型2 不可点\",\n         \"disabledOn\": \"data.foo == 2\"\n     },\n\n   {\n       \"type\": \"button\",\n       \"label\": \"类型三不能提交\",\n       \"level\": \"primary\",\n       \"disabledOn\": \"data.foo == 3\"\n   }\n\n]\n</script></div>\n<h3><a class=\"anchor\" name=\"%E9%80%89%E9%A1%B9%E8%81%94%E5%8A%A8\" href=\"#%E9%80%89%E9%A1%B9%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>选项联动</h3><p>比如 select 中 options 可能根据某个值不同而不同。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n    {\n        \"label\": \"选项1\",\n        \"type\": \"radios\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"a\",\n        \"inline\": true,\n        \"options\": [\n          {\n            \"label\": \"选项1\",\n            \"value\": 1\n          },\n          {\n            \"label\": \"选项2\",\n            \"value\": 2\n          },\n          {\n            \"label\": \"选项3\",\n            \"value\": 3\n          }\n        ]\n      },\n      {\n        \"label\": \"选项2\",\n        \"type\": \"select\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"b\",\n        \"inline\": true,\n        \"source\": \"https://houtai.baidu.com/api/mock2/options/level2?a=${a}\",\n        \"initFetchOn\": \"data.a\"\n      }\n]\n</script></div>\n<p>他们是怎么关联的呢？注意看 select 的 source 配置 <code>&quot;/api/mock/getOptions?waitSeconds=1&amp;type=$foo&quot;</code> 这里用了变量 <code>$foo</code> 这个 foo 正好是第一个表单的 name 值。只要这个值发生变化，source 就会重新获取一次。</p>\n<p>这里有个问题就是，数据一旦变化就会出发重新拉取，如果是输入框岂不是拉取得很频繁？没关系，也可以主动拉取如：</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"form\",\n    \"name\": \"lidong\",\n    \"controls\": [\n        {\n            \"type\": \"text\",\n            \"name\": \"foo\",\n            \"addOn\": {\n                \"label\": \"搜索\",\n                \"className\": \"btn-info\",\n                \"type\": \"button\",\n                \"actionType\": \"reload\",\n                \"disabledOn\": \"!data.foo\",\n                \"target\": \"lidong.select\"\n            }\n        },\n\n        {\n            \"type\": \"select\",\n            \"name\": \"select\",\n            \"label\": \"Select\",\n            \"source\": {\n                \"method\": \"get\",\n                \"url\": \"https://houtai.baidu.com/api/mock2/options/level2?waitSeconds=1\",\n                \"data\": {\n                    \"a\": \"$foo\"\n                }\n            },\n            \"desc\": \"这里只是演示刷新不会真正的过滤。\"\n        }\n    ]\n}\n</script></div>\n<p>注意，source 中的传参是通过 source 中的 data 关联的，不能写在 source 的 url 中，因为如果写了，就会自动监控值的变化而自动刷新，写在 data 里面关联则不会。如果对 source 中的配置规则不了解，请前往 <a href=\"/amis/docs/renderers/Types#API\">API 说明</a></p>\n<p>另外注意 button 的 target 值，正好是这个 form 的 name 值 <code>lidong</code> 的 formItem 的 name 值 <code>select</code>。当按钮的对象是一个 formItem 时，会出发 formItem 的数据重新拉取。</p>\n<h3><a class=\"anchor\" name=\"%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8\" href=\"#%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>数据联动</h3><p>Form 和 CRUD, CRUD 有个 filter 配置项，里面可以配置表单项，当他提交时 CRUD 自动就会携带接受到的表单数据然后重新获取数据。有个限制，就是 CRUD 和 filter 必须放在一起，不能分开，实际上完全可以分开，只要 Form 的 target 是 CRUD 的 name 值即可。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\">{\n    \"type\": \"page\",\n    \"aside\": {\n        \"type\": \"form\",\n        \"target\": \"doc-crud\",\n        \"wrapWithPanel\": false,\n        \"className\": \"wrapper-xs\",\n        \"controls\": [\n            {\n                \"type\": \"text\",\n                \"name\": \"keywords\",\n                \"placeholder\": \"请输入关键字\",\n                \"clearable\": true,\n                \"addOn\": {\n                    \"label\": \"搜索\",\n                    \"className\": \"btn-info\",\n                    \"type\": \"submit\"\n                }\n            }\n        ]\n    },\n    \"body\": {\n        \"name\": \"doc-crud\",\n        \"type\": \"crud\",\n        \"api\": \"https://houtai.baidu.com/api/sample\",\n        \"syncLocation\": false,\n        \"title\": null,\n        \"perPageField\":\"rn\",\n        \"defaultParams\":{\n            \"rn\": 10\n        },\n        \"columns\": [\n            {\n                \"name\": \"id\",\n                \"label\": \"ID\",\n                \"width\": 20,\n                \"sortable\": true\n            },\n            {\n                \"name\": \"engine\",\n                \"label\": \"Rendering engine\",\n                \"sortable\": true,\n                \"toggled\": false\n            },\n            {\n                \"name\": \"browser\",\n                \"label\": \"Browser\",\n                \"sortable\": true\n            },\n            {\n                \"name\": \"platform\",\n                \"label\": \"Platform(s)\",\n                \"sortable\": true\n            },\n            {\n                \"name\": \"version\",\n                \"label\": \"Engine version\"\n            }\n        ]\n    }\n}\n</script></div>\n<p>Form 的 target 还可以是另外一个 Form，当 A Form 把自己的数据提交给 B Form 时，A 的数据会被合并到 B Form 中，同时，B Form 会再次初始化，如：拉取 initApi, 重新拉取 formItem 上的 source 等等。 比如用户管理中的加入用户操作就是用这种方式实现的。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\">{\n    \"type\": \"page\",\n    \"aside\": {\n        \"type\": \"form\",\n        \"target\": \"doc-form\",\n        \"wrapWithPanel\": false,\n        \"className\": \"wrapper-xs\",\n        \"controls\": [\n            {\n                \"type\": \"text\",\n                \"name\": \"keywords\",\n                \"clearable\": true,\n                \"placeholder\": \"请输入关键字\",\n                \"addOn\": {\n                    \"label\": \"提交\",\n                    \"className\": \"btn-info\",\n                    \"type\": \"submit\"\n                }\n            }\n        ]\n    },\n    \"body\": {\n        \"name\": \"doc-form\",\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/sample\",\n        \"submitText\": null,\n        \"controls\": [\n            {\n                \"type\": \"static\",\n                \"name\": \"keywords\",\n                \"label\": \"你刚刚输入的是：\"\n            }\n        ]\n    }\n}\n</script></div>\n",
-    "toc": {
-      "label": "目录",
-      "type": "toc",
-      "children": [
-        {
-          "label": "数据作用域",
-          "fragment": "%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F",
-          "fullPath": "#%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F",
-          "level": 2
-        },
-        {
-          "label": "联动",
-          "fragment": "%E8%81%94%E5%8A%A8",
-          "fullPath": "#%E8%81%94%E5%8A%A8",
-          "level": 2,
-          "children": [
-            {
-              "label": "简单的显隐联动",
-              "fragment": "%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8",
-              "fullPath": "#%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8",
-              "level": 3
-            },
-            {
-              "label": "选项联动",
-              "fragment": "%E9%80%89%E9%A1%B9%E8%81%94%E5%8A%A8",
-              "fullPath": "#%E9%80%89%E9%A1%B9%E8%81%94%E5%8A%A8",
-              "level": 3
-            },
-            {
-              "label": "数据联动",
-              "fragment": "%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8",
-              "fullPath": "#%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8",
-              "level": 3
-            }
-          ]
-        }
-      ],
-      "level": 0
-    }
-  };
-
-});
diff --git a/gh-pages/docs/advanced_42bd99a.js b/gh-pages/docs/advanced_42bd99a.js
new file mode 100644
index 000000000..db343a2ae
--- /dev/null
+++ b/gh-pages/docs/advanced_42bd99a.js
@@ -0,0 +1,48 @@
+define('docs/advanced.md', function(require, exports, module) {
+
+  module.exports = {
+    "title": "高级用法",
+    "shortname": "advanced",
+    "html": "<p>在开始阅读之前，希望你已经阅读 <a href=\"/amis/docs/basic\">基本用法</a> 。</p>\n<h2><a class=\"anchor\" name=\"%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F\" href=\"#%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>数据作用域</h2><p>配置中很多地方都可以用变量如： <a href=\"/amis/docs/renderers/Tpl\">tpl</a> 类型的渲染器、API 中的 Url、FormItem 中的 source 配置、visibleOn、disabledOn 以及 Form 中的 <code>redirect</code> 配置等等。</p>\n<p>那么都有哪些数据可以用？这取决于在哪个容器，关于容器中的数据说明如下：</p>\n<ul>\n<li><code>page</code> 等价于全局变量，因为顶级渲染器就是它，所以下面的所有组件都能用到这个里面的数据。<ul>\n<li><code>amisPage</code> 当前页面的数据信息，包含标题，id，key 之类的信息。<code>注意：平台中使用才有此变量。</code></li>\n<li><code>amisUser</code> 当前用户信息，包含邮箱和用户名信息。<code>注意：平台中使用才有此变量。</code></li>\n<li><code>params 中的数据</code> 如果地址栏中也携带了参数，也会 merge 到该层的数据中。</li>\n<li><code>initApi 返回的数据</code> 如果 page 设置了 <code>initApi</code> 那么初始化的时候会从 API 中拉取数据，拉取到的数据可以用于整个页面。</li>\n</ul>\n</li>\n<li><p><code>crud</code></p>\n<ul>\n<li>父级 容器中的数据可以直接使用，如 page 容器</li>\n<li><code>api</code> 返回的数据，crud 的 api 除了可以返回 <code>rows</code> 和 <code>count</code> 数据外，其他的数据会被 merge 到数据中，供容器使用。</li>\n</ul>\n</li>\n<li><p><code>form</code></p>\n<ul>\n<li>父级 容器中的数据可以直接使用，如 page 容器</li>\n<li><code>initApi</code> 返回的数据。</li>\n<li>FormItem 的数据直接会存入到数据中，而且每次修改都会及时更新。通过 FormItem 设置的 <code>name</code> 值获取。</li>\n</ul>\n</li>\n<li><p><code>formItem</code> 表单项中，所在的表单中的数据都能用。</p>\n</li>\n<li><code>wizard</code> 同 form</li>\n<li><code>dialog</code> dialog 由 button 触发弹出，携带的数据根据按钮所在的位置来决定。<ul>\n<li>form 中弹出则会把 form 中的数据复制份传给 dialog。</li>\n<li>crud 中的批量操作按钮。把整个列表数据复制给 dialog。</li>\n<li>crud 中的某一项中的按钮，则只会把对应的那一条数据拷贝给 dialog。</li>\n</ul>\n</li>\n<li><code>service</code><ul>\n<li>父级 容器中的数据可以直接使用，如 page 容器</li>\n<li>如果配置了 <code>api</code>, <code>api</code> 返回的数据可以用。</li>\n</ul>\n</li>\n</ul>\n<p>取值过程，也跟 JS 作用域中取值一样，当前作用域中有，则直接返回当前作用域中，如果没有当前作用域没有，会一直往上找，直到找到了为止。如果存在同名变量，则返回就近作用域中数据。</p>\n<p>需要注意的是，要取到值一定是在自己所在的作用域，或者上级作用域里面，同级的是取不到的，如果需要怎么办？可以往下看联动，比如：FormA 的数据发送给 formB, 另外一种方式，可以把接口拉取换到父级组件去操作，没有可拉取数据的组件，就一起包在一个 service 控件里面。</p>\n<h2><a class=\"anchor\" name=\"%E8%81%94%E5%8A%A8\" href=\"#%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>联动</h2><h3><a class=\"anchor\" name=\"%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8\" href=\"#%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>简单的显隐联动</h3><p>主要通过 <code>visibleOn</code>、<code>hiddenOn</code> 和 <code>disabledOn</code> 来配置。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n    {\n        \"type\": \"radios\",\n        \"name\": \"foo\",\n        \"inline\": true,\n        \"label\": \" \",\n        \"options\": [\n            {\n                \"label\": \"类型1\",\n                \"value\": 1\n            },\n            {\n                \"label\": \"类型2\",\n                \"value\": 2\n            },\n            {\n                \"label\": \"类型3\",\n                \"value\": 3\n            }\n        ]\n    },\n\n    {\n        \"type\": \"text\",\n        \"name\": \"text\",\n        \"placeholder\": \"类型1 可见\",\n        \"visibleOn\": \"data.foo == 1\"\n    },\n\n     {\n         \"type\": \"text\",\n         \"name\": \"text2\",\n         \"placeholder\": \"类型2 不可点\",\n         \"disabledOn\": \"data.foo == 2\"\n     },\n\n   {\n       \"type\": \"button\",\n       \"label\": \"类型三不能提交\",\n       \"level\": \"primary\",\n       \"disabledOn\": \"data.foo == 3\"\n   }\n\n]\n</script></div>\n<h3><a class=\"anchor\" name=\"%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8\" href=\"#%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>数据联动</h3><p>比如 select 中 options 可能根据某个值不同而不同。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n    {\n        \"label\": \"选项1\",\n        \"type\": \"radios\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"a\",\n        \"inline\": true,\n        \"options\": [\n          {\n            \"label\": \"选项1\",\n            \"value\": 1\n          },\n          {\n            \"label\": \"选项2\",\n            \"value\": 2\n          },\n          {\n            \"label\": \"选项3\",\n            \"value\": 3\n          }\n        ]\n      },\n      {\n        \"label\": \"选项2\",\n        \"type\": \"select\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"b\",\n        \"inline\": true,\n        \"source\": \"https://houtai.baidu.com/api/mock2/options/level2?a=${a}\",\n        \"initFetchOn\": \"data.a\"\n      }\n]\n</script></div>\n<p>他们是怎么关联的呢？注意看 select 的 source 配置 <code>&quot;/api/mock/getOptions?waitSeconds=1&amp;type=$foo&quot;</code> 这里用了变量 <code>$foo</code> 这个 foo 正好是第一个表单的 name 值。只要这个值发生变化，source 就会重新获取一次。</p>\n<p>这里有个问题就是，数据一旦变化就会出发重新拉取，如果是输入框岂不是拉取得很频繁？没关系，也可以主动拉取如：</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"form\",\n    \"name\": \"lidong\",\n    \"controls\": [\n        {\n            \"type\": \"text\",\n            \"name\": \"foo\",\n            \"addOn\": {\n                \"label\": \"搜索\",\n                \"className\": \"btn-info\",\n                \"type\": \"button\",\n                \"actionType\": \"reload\",\n                \"disabledOn\": \"!data.foo\",\n                \"target\": \"lidong.select\"\n            }\n        },\n\n        {\n            \"type\": \"select\",\n            \"name\": \"select\",\n            \"label\": \"Select\",\n            \"source\": {\n                \"method\": \"get\",\n                \"url\": \"https://houtai.baidu.com/api/mock2/options/level2?waitSeconds=1\",\n                \"data\": {\n                    \"a\": \"$foo\"\n                }\n            },\n            \"desc\": \"这里只是演示刷新不会真正的过滤。\"\n        }\n    ]\n}\n</script></div>\n<p>注意，source 中的传参是通过 source 中的 data 关联的，不能写在 source 的 url 中，因为如果写了，就会自动监控值的变化而自动刷新，写在 data 里面关联则不会。如果对 source 中的配置规则不了解，请前往 <a href=\"/amis/docs/renderers/Types#API\">API 说明</a></p>\n<p>另外注意 button 的 target 值，正好是这个 form 的 name 值 <code>lidong</code> 的 formItem 的 name 值 <code>select</code>。当按钮的对象是一个 formItem 时，会出发 formItem 的数据重新拉取。</p>\n<h3><a class=\"anchor\" name=\"%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1\" href=\"#%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>组件间通信</h3><p>CRUD 有个 filter 配置项，里面可以配置表单项，当他提交时 CRUD 自动就会携带接受到的表单数据然后重新获取数据。有个限制，就是 CRUD 和 filter 必须放在一起，不能分开，实际上完全可以分开，只要 Form 的 target 是 CRUD 的 name 值即可。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\">{\n    \"type\": \"page\",\n    \"aside\": {\n        \"type\": \"form\",\n        \"target\": \"doc-crud\",\n        \"wrapWithPanel\": false,\n        \"className\": \"wrapper-xs\",\n        \"controls\": [\n            {\n                \"type\": \"text\",\n                \"name\": \"keywords\",\n                \"placeholder\": \"请输入关键字\",\n                \"clearable\": true,\n                \"addOn\": {\n                    \"label\": \"搜索\",\n                    \"className\": \"btn-info\",\n                    \"type\": \"submit\"\n                }\n            }\n        ]\n    },\n    \"body\": {\n        \"name\": \"doc-crud\",\n        \"type\": \"crud\",\n        \"api\": \"https://houtai.baidu.com/api/sample\",\n        \"syncLocation\": false,\n        \"title\": null,\n        \"perPageField\":\"rn\",\n        \"defaultParams\":{\n            \"rn\": 10\n        },\n        \"columns\": [\n            {\n                \"name\": \"id\",\n                \"label\": \"ID\",\n                \"width\": 20,\n                \"sortable\": true\n            },\n            {\n                \"name\": \"engine\",\n                \"label\": \"Rendering engine\",\n                \"sortable\": true,\n                \"toggled\": false\n            },\n            {\n                \"name\": \"browser\",\n                \"label\": \"Browser\",\n                \"sortable\": true\n            },\n            {\n                \"name\": \"platform\",\n                \"label\": \"Platform(s)\",\n                \"sortable\": true\n            },\n            {\n                \"name\": \"version\",\n                \"label\": \"Engine version\"\n            }\n        ]\n    }\n}\n</script></div>\n<p>Form 的 target 还可以是另外一个 Form，当 A Form 把自己的数据提交给 B Form 时，A 的数据会被合并到 B Form 中，同时，B Form 会再次初始化，如：拉取 initApi, 重新拉取 formItem 上的 source 等等。 比如用户管理中的加入用户操作就是用这种方式实现的。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\">{\n    \"type\": \"page\",\n    \"aside\": {\n        \"type\": \"form\",\n        \"target\": \"doc-form\",\n        \"wrapWithPanel\": false,\n        \"className\": \"wrapper-xs\",\n        \"controls\": [\n            {\n                \"type\": \"text\",\n                \"name\": \"keywords\",\n                \"clearable\": true,\n                \"placeholder\": \"请输入关键字\",\n                \"addOn\": {\n                    \"label\": \"提交\",\n                    \"className\": \"btn-info\",\n                    \"type\": \"submit\"\n                }\n            }\n        ]\n    },\n    \"body\": {\n        \"name\": \"doc-form\",\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/sample\",\n        \"submitText\": null,\n        \"controls\": [\n            {\n                \"type\": \"static\",\n                \"name\": \"keywords\",\n                \"label\": \"你刚刚输入的是：\"\n            }\n        ]\n    }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/advanced.md\">/docs/advanced.md</a>。</div>",
+    "toc": {
+      "label": "目录",
+      "type": "toc",
+      "children": [
+        {
+          "label": "数据作用域",
+          "fragment": "%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F",
+          "fullPath": "#%E6%95%B0%E6%8D%AE%E4%BD%9C%E7%94%A8%E5%9F%9F",
+          "level": 2
+        },
+        {
+          "label": "联动",
+          "fragment": "%E8%81%94%E5%8A%A8",
+          "fullPath": "#%E8%81%94%E5%8A%A8",
+          "level": 2,
+          "children": [
+            {
+              "label": "简单的显隐联动",
+              "fragment": "%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8",
+              "fullPath": "#%E7%AE%80%E5%8D%95%E7%9A%84%E6%98%BE%E9%9A%90%E8%81%94%E5%8A%A8",
+              "level": 3
+            },
+            {
+              "label": "数据联动",
+              "fragment": "%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8",
+              "fullPath": "#%E6%95%B0%E6%8D%AE%E8%81%94%E5%8A%A8",
+              "level": 3
+            },
+            {
+              "label": "组件间通信",
+              "fragment": "%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1",
+              "fullPath": "#%E7%BB%84%E4%BB%B6%E9%97%B4%E9%80%9A%E4%BF%A1",
+              "level": 3
+            }
+          ]
+        }
+      ],
+      "level": 0
+    }
+  };
+
+});
diff --git a/gh-pages/docs/basic.html b/gh-pages/docs/basic.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/basic.html
+++ b/gh-pages/docs/basic.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/basic_d9d2129.js b/gh-pages/docs/basic_7d2ade1.js
similarity index 98%
rename from gh-pages/docs/basic_d9d2129.js
rename to gh-pages/docs/basic_7d2ade1.js
index ec1748c56..d45637ceb 100644
--- a/gh-pages/docs/basic_d9d2129.js
+++ b/gh-pages/docs/basic_7d2ade1.js
@@ -2,7 +2,7 @@ define('docs/basic.md', function(require, exports, module) {
 
   module.exports = {
     "title": "基本用法",
-    "html": "<p>为了简化前端开发，amis Renderer 能够直接用配置就能将页面渲染出来。</p>\n<p>先来看个简单的例子。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json#\",\n    \"type\": \"page\",\n    \"title\": \"这是标题部分\",\n    \"subTitle\": \"这是子标题\",\n    \"remark\": \"这是小提示信息\",\n    \"aside\": \"这是侧边栏部分\",\n    \"body\": \"这是内容区\",\n    \"toolbar\": \"这是工具栏部分\"\n}\n</script></div>\n<blockquote>\n<p>PS: 可以通过编辑器实时修改预览</p>\n</blockquote>\n<p>从上面的内容可以看出，一个简单页面框架已经基本出来了，这是 amis 渲染器配置的入口。从 <code>page</code> 渲染器开始出发，通过在容器中放置不同的渲染器来配置不同性质的页面。</p>\n<p>简单说明以上配置信息。</p>\n<ul>\n<li><code>$schema</code> 这个字段可以忽略，他是指定当前 JSON 配置是符合指定路径 <a href=\"https://houtai.baidu.com/v2/schemas/page.json\">https://houtai.baidu.com/v2/schemas/page.json</a> 的 JSON SCHEMA 文件描述的。PS: 编辑器就是靠这个描述文件提示的，可以 hover 到字段上看效果。</li>\n<li><code>type</code> 指定渲染器类型，这里指定的类型为 <code>page</code>。 更多渲染器类型可以去<a href=\"/amis/docs/renderers\">这里面查看</a>。</li>\n<li><code>title</code> 从 title 开始就是对应的渲染模型上的属性了。这里用来指定标题内容。</li>\n<li><code>subTitle</code> 副标题.</li>\n<li><code>remark</code> 标题上面的提示信息</li>\n<li><code>aside</code> 边栏区域内容</li>\n<li><code>body</code> 内容区域的内容</li>\n<li><code>toolbar</code> 工具栏部分的内容</li>\n</ul>\n<p>这里有三个配置都是容器类型的。<code>aside</code>、<code>body</code> 和 <code>toolbar</code>。什么是容器类型？容器类型表示，他能够把其他渲染类型放进来。以上的例子为了简单，直接放了个字符串。字符串类型内部是把他当成了 <a href=\"/amis/docs/renderers/Tpl\">tpl</a> 渲染器来处理，在这里也可以通过对象的形式指定，如以下的例子的 body 区域是完全等价的。</p>\n<div class=\"amis-preview\" style=\"height: 300px\"><script type=\"text/schema\" height=\"300\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json\",\n    \"type\": \"page\",\n    \"body\": {\n        \"type\": \"tpl\",\n        \"tpl\": \"这是内容区\"\n    }\n}\n</script></div>\n<p>容器内可以直接放一个渲染器，也可以放多个，用数组包起来即可如：</p>\n<div class=\"amis-preview\" style=\"height: 330px\"><script type=\"text/schema\" height=\"330\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json\",\n    \"type\": \"page\",\n    \"body\": [\n        {\n            \"type\": \"tpl\",\n            \"tpl\": \"<p>段落1</p>\"\n        },\n\n        {\n            \"type\": \"tpl\",\n            \"tpl\": \"<p>段落2</p>\"\n        },\n\n        \"<p>段落3</p>\"\n    ]\n}\n</script></div>\n<p>再来看一个表单页面的列子</p>\n<div class=\"amis-preview\" style=\"height: 640px\"><script type=\"text/schema\" height=\"640\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json#\",\n    \"type\": \"page\",\n    \"body\": {\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm\",\n        \"type\": \"form\",\n        \"title\": \"联系我们\",\n        \"controls\": [\n            {\n                \"type\": \"text\",\n                \"label\": \"姓名\",\n                \"name\": \"name\"\n            },\n\n            {\n                \"type\": \"email\",\n                \"label\": \"邮箱\",\n                \"name\": \"email\",\n                \"required\": true\n            },\n\n            {\n                \"type\": \"textarea\",\n                \"label\": \"内容\",\n                \"name\": \"content\",\n                \"required\": true\n            }\n        ],\n        \"actions\": [\n            {\n                \"label\": \"发送\",\n                \"type\": \"submit\",\n                \"primary\": true\n            }\n        ]\n    }\n}\n</script></div>\n<p>这个例子就是在 body 容器内，放置一个 <code>form</code> 类型的渲染器，它就成了一个简单的表单提交页面了，controls 中可以决定放哪些表单项目，actions 中可以放置操作按钮。</p>\n<p>如果 body 区域放置一个 <code>crud</code> 渲染器，它就是列表页面了，再来看个栗子：</p>\n<div class=\"amis-preview\" style=\"height: 800px\"><script type=\"text/schema\" height=\"800\">{\n  \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json#\",\n  \"type\": \"page\",\n  \"title\": \"增删改查示例\",\n  \"toolbar\": [\n    {\n      \"type\": \"button\",\n      \"actionType\": \"dialog\",\n      \"label\": \"新增\",\n      \"icon\": \"fa fa-plus pull-left\",\n      \"primary\": true,\n      \"dialog\": {\n        \"title\": \"新增\",\n        \"body\": {\n          \"type\": \"form\",\n          \"name\": \"sample-edit-form\",\n          \"api\": \"\",\n          \"controls\": [\n            {\n              \"type\": \"alert\",\n              \"level\": \"info\",\n              \"body\": \"因为没有配置 api 接口，不能真正的提交哈！\"\n            },\n            {\n              \"type\": \"text\",\n              \"name\": \"text\",\n              \"label\": \"文本\",\n              \"required\": true\n            },\n            {\n              \"type\": \"divider\"\n            },\n            {\n              \"type\": \"image\",\n              \"name\": \"image\",\n              \"label\": \"图片\",\n              \"required\": true\n            },\n            {\n              \"type\": \"divider\"\n            },\n            {\n              \"type\": \"date\",\n              \"name\": \"date\",\n              \"label\": \"日期\",\n              \"required\": true\n            },\n            {\n              \"type\": \"divider\"\n            },\n            {\n              \"type\": \"select\",\n              \"name\": \"type\",\n              \"label\": \"选项\",\n              \"options\": [\n                {\n                  \"label\": \"漂亮\",\n                  \"value\": \"1\"\n                },\n                {\n                  \"label\": \"开心\",\n                  \"value\": \"2\"\n                },\n                {\n                  \"label\": \"惊吓\",\n                  \"value\": \"3\"\n                },\n                {\n                  \"label\": \"紧张\",\n                  \"value\": \"4\"\n                }\n              ]\n            }\n          ]\n        }\n      }\n    }\n  ],\n  \"body\": [\n    {\n      \"type\": \"crud\",\n      \"api\": \"https://houtai.baidu.com/api/mock2/crud/list\",\n      \"defaultParams\": {\n          \"perPage\": 5\n      },\n      \"columns\": [\n        {\n          \"name\": \"id\",\n          \"label\": \"ID\",\n          \"type\": \"text\"\n        },\n        {\n          \"name\": \"text\",\n          \"label\": \"文本\",\n          \"type\": \"text\"\n        },\n        {\n          \"type\": \"image\",\n          \"label\": \"图片\",\n          \"multiple\": false,\n          \"name\": \"image\",\n          \"popOver\": {\n            \"title\": \"查看大图\",\n            \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n          }\n        },\n        {\n          \"name\": \"date\",\n          \"type\": \"date\",\n          \"label\": \"日期\"\n        },\n        {\n          \"name\": \"type\",\n          \"label\": \"映射\",\n          \"type\": \"mapping\",\n          \"map\": {\n            \"1\": \"<span class='label label-info'>漂亮</span>\",\n            \"2\": \"<span class='label label-success'>开心</span>\",\n            \"3\": \"<span class='label label-danger'>惊吓</span>\",\n            \"4\": \"<span class='label label-warning'>紧张</span>\",\n            \"*\": \"其他：${type}\"\n          }\n        },\n        {\n          \"type\": \"container\",\n          \"label\": \"操作\",\n          \"body\": [\n            {\n              \"type\": \"button\",\n              \"icon\": \"fa fa-eye\",\n              \"level\": \"link\",\n              \"actionType\": \"dialog\",\n              \"tooltip\": \"查看\",\n              \"dialog\": {\n                \"title\": \"查看\",\n                \"body\": {\n                  \"type\": \"form\",\n                  \"controls\": [\n                    {\n                      \"type\": \"static\",\n                      \"name\": \"id\",\n                      \"label\": \"ID\"\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"static\",\n                      \"name\": \"text\",\n                      \"label\": \"文本\"\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"static-image\",\n                      \"label\": \"图片\",\n                      \"name\": \"image\",\n                      \"popOver\": {\n                        \"title\": \"查看大图\",\n                        \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n                      }\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"name\": \"date\",\n                      \"type\": \"static-date\",\n                      \"label\": \"日期\"\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"name\": \"type\",\n                      \"label\": \"映射\",\n                      \"type\": \"static-mapping\",\n                      \"map\": {\n                        \"1\": \"<span class='label label-info'>漂亮</span>\",\n                        \"2\": \"<span class='label label-success'>开心</span>\",\n                        \"3\": \"<span class='label label-danger'>惊吓</span>\",\n                        \"4\": \"<span class='label label-warning'>紧张</span>\",\n                        \"*\": \"其他：${type}\"\n                      }\n                    }\n                  ]\n                }\n              }\n            },\n            {\n              \"type\": \"button\",\n              \"icon\": \"fa fa-pencil\",\n              \"tooltip\": \"编辑\",\n              \"level\": \"link\",\n              \"actionType\": \"drawer\",\n              \"drawer\": {\n                \"position\": \"left\",\n                \"size\": \"lg\",\n                \"title\": \"编辑\",\n                \"body\": {\n                  \"type\": \"form\",\n                  \"name\": \"sample-edit-form\",\n                  \"controls\": [\n                    {\n                      \"type\": \"alert\",\n                      \"level\": \"info\",\n                      \"body\": \"因为没有配置 api 接口，不能真正的提交哈！\"\n                    },\n                    {\n                      \"type\": \"hidden\",\n                      \"name\": \"id\"\n                    },\n                    {\n                      \"type\": \"text\",\n                      \"name\": \"text\",\n                      \"label\": \"文本\",\n                      \"required\": true\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"image\",\n                      \"name\": \"image\",\n                      \"multiple\": false,\n                      \"label\": \"图片\",\n                      \"required\": true\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"date\",\n                      \"name\": \"date\",\n                      \"label\": \"日期\",\n                      \"required\": true\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"select\",\n                      \"name\": \"type\",\n                      \"label\": \"选项\",\n                      \"options\": [\n                        {\n                          \"label\": \"漂亮\",\n                          \"value\": \"1\"\n                        },\n                        {\n                          \"label\": \"开心\",\n                          \"value\": \"2\"\n                        },\n                        {\n                          \"label\": \"惊吓\",\n                          \"value\": \"3\"\n                        },\n                        {\n                          \"label\": \"漂亮\",\n                          \"value\": \"紧张\"\n                        }\n                      ]\n                    }\n                  ]\n                }\n              }\n            },\n            {\n              \"type\": \"button\",\n              \"level\": \"link\",\n              \"icon\": \"fa fa-times text-danger\",\n              \"actionType\": \"ajax\",\n              \"tooltip\": \"删除\",\n              \"confirmText\": \"您确认要删除? 没有配置 api 确定了也没用，还是不要确定了\",\n              \"api\": \"\"\n            }\n          ]\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n<p>这个栗子最主要的渲染器就是 CRUD 渲染器了，他的作用是配置了个 API，把数据拉取过来后，根据配置 columns 信息完成列表展示，列类型可以是静态文本、图片、映射或者日期等等。 <code>columns</code> 通过 <code>name</code> 与行数据关联。除了展示外还可以放置操作按钮。</p>\n<p>这里相对复杂一点配置就是按钮了，按钮主要是通过 <code>actionType</code>来决定用户点下的行为。可以配置成 弹框、发送 ajax、页面跳转、复制内容到剪切板、刷新目标组件等等。具体请参考：<a href=\"/amis/docs/renderers/Action\">Action 渲染器说明</a></p>\n<p>更多用法请参考<a href=\"/amis/docs/renderers\">渲染器手册</a>和示例。</p>\n",
+    "html": "<p>为了简化前端开发，amis Renderer 能够直接用配置就能将页面渲染出来。</p>\n<p>先来看个简单的例子。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json#\",\n    \"type\": \"page\",\n    \"title\": \"这是标题部分\",\n    \"subTitle\": \"这是子标题\",\n    \"remark\": \"这是小提示信息\",\n    \"aside\": \"这是侧边栏部分\",\n    \"body\": \"这是内容区\",\n    \"toolbar\": \"这是工具栏部分\"\n}\n</script></div>\n<blockquote>\n<p>PS: 可以通过编辑器实时修改预览</p>\n</blockquote>\n<p>从上面的内容可以看出，一个简单页面框架已经基本出来了，这是 amis 渲染器配置的入口。从 <code>page</code> 渲染器开始出发，通过在容器中放置不同的渲染器来配置不同性质的页面。</p>\n<p>简单说明以上配置信息。</p>\n<ul>\n<li><code>$schema</code> 这个字段可以忽略，他是指定当前 JSON 配置是符合指定路径 <a href=\"https://houtai.baidu.com/v2/schemas/page.json\">https://houtai.baidu.com/v2/schemas/page.json</a> 的 JSON SCHEMA 文件描述的。PS: 编辑器就是靠这个描述文件提示的，可以 hover 到字段上看效果。</li>\n<li><code>type</code> 指定渲染器类型，这里指定的类型为 <code>page</code>。 更多渲染器类型可以去<a href=\"/amis/docs/renderers\">这里面查看</a>。</li>\n<li><code>title</code> 从 title 开始就是对应的渲染模型上的属性了。这里用来指定标题内容。</li>\n<li><code>subTitle</code> 副标题.</li>\n<li><code>remark</code> 标题上面的提示信息</li>\n<li><code>aside</code> 边栏区域内容</li>\n<li><code>body</code> 内容区域的内容</li>\n<li><code>toolbar</code> 工具栏部分的内容</li>\n</ul>\n<p>这里有三个配置都是容器类型的。<code>aside</code>、<code>body</code> 和 <code>toolbar</code>。什么是容器类型？容器类型表示，他能够把其他渲染类型放进来。以上的例子为了简单，直接放了个字符串。字符串类型内部是把他当成了 <a href=\"/amis/docs/renderers/Tpl\">tpl</a> 渲染器来处理，在这里也可以通过对象的形式指定，如以下的例子的 body 区域是完全等价的。</p>\n<div class=\"amis-preview\" style=\"height: 300px\"><script type=\"text/schema\" height=\"300\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json\",\n    \"type\": \"page\",\n    \"body\": {\n        \"type\": \"tpl\",\n        \"tpl\": \"这是内容区\"\n    }\n}\n</script></div>\n<p>容器内可以直接放一个渲染器，也可以放多个，用数组包起来即可如：</p>\n<div class=\"amis-preview\" style=\"height: 330px\"><script type=\"text/schema\" height=\"330\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json\",\n    \"type\": \"page\",\n    \"body\": [\n        {\n            \"type\": \"tpl\",\n            \"tpl\": \"<p>段落1</p>\"\n        },\n\n        {\n            \"type\": \"tpl\",\n            \"tpl\": \"<p>段落2</p>\"\n        },\n\n        \"<p>段落3</p>\"\n    ]\n}\n</script></div>\n<p>再来看一个表单页面的列子</p>\n<div class=\"amis-preview\" style=\"height: 640px\"><script type=\"text/schema\" height=\"640\">{\n    \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json#\",\n    \"type\": \"page\",\n    \"body\": {\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm\",\n        \"type\": \"form\",\n        \"title\": \"联系我们\",\n        \"controls\": [\n            {\n                \"type\": \"text\",\n                \"label\": \"姓名\",\n                \"name\": \"name\"\n            },\n\n            {\n                \"type\": \"email\",\n                \"label\": \"邮箱\",\n                \"name\": \"email\",\n                \"required\": true\n            },\n\n            {\n                \"type\": \"textarea\",\n                \"label\": \"内容\",\n                \"name\": \"content\",\n                \"required\": true\n            }\n        ],\n        \"actions\": [\n            {\n                \"label\": \"发送\",\n                \"type\": \"submit\",\n                \"primary\": true\n            }\n        ]\n    }\n}\n</script></div>\n<p>这个例子就是在 body 容器内，放置一个 <code>form</code> 类型的渲染器，它就成了一个简单的表单提交页面了，controls 中可以决定放哪些表单项目，actions 中可以放置操作按钮。</p>\n<p>如果 body 区域放置一个 <code>crud</code> 渲染器，它就是列表页面了，再来看个栗子：</p>\n<div class=\"amis-preview\" style=\"height: 800px\"><script type=\"text/schema\" height=\"800\">{\n  \"$schema\": \"https://houtai.baidu.com/v2/schemas/page.json#\",\n  \"type\": \"page\",\n  \"title\": \"增删改查示例\",\n  \"toolbar\": [\n    {\n      \"type\": \"button\",\n      \"actionType\": \"dialog\",\n      \"label\": \"新增\",\n      \"icon\": \"fa fa-plus pull-left\",\n      \"primary\": true,\n      \"dialog\": {\n        \"title\": \"新增\",\n        \"body\": {\n          \"type\": \"form\",\n          \"name\": \"sample-edit-form\",\n          \"api\": \"\",\n          \"controls\": [\n            {\n              \"type\": \"alert\",\n              \"level\": \"info\",\n              \"body\": \"因为没有配置 api 接口，不能真正的提交哈！\"\n            },\n            {\n              \"type\": \"text\",\n              \"name\": \"text\",\n              \"label\": \"文本\",\n              \"required\": true\n            },\n            {\n              \"type\": \"divider\"\n            },\n            {\n              \"type\": \"image\",\n              \"name\": \"image\",\n              \"label\": \"图片\",\n              \"required\": true\n            },\n            {\n              \"type\": \"divider\"\n            },\n            {\n              \"type\": \"date\",\n              \"name\": \"date\",\n              \"label\": \"日期\",\n              \"required\": true\n            },\n            {\n              \"type\": \"divider\"\n            },\n            {\n              \"type\": \"select\",\n              \"name\": \"type\",\n              \"label\": \"选项\",\n              \"options\": [\n                {\n                  \"label\": \"漂亮\",\n                  \"value\": \"1\"\n                },\n                {\n                  \"label\": \"开心\",\n                  \"value\": \"2\"\n                },\n                {\n                  \"label\": \"惊吓\",\n                  \"value\": \"3\"\n                },\n                {\n                  \"label\": \"紧张\",\n                  \"value\": \"4\"\n                }\n              ]\n            }\n          ]\n        }\n      }\n    }\n  ],\n  \"body\": [\n    {\n      \"type\": \"crud\",\n      \"api\": \"https://houtai.baidu.com/api/mock2/crud/list\",\n      \"defaultParams\": {\n          \"perPage\": 5\n      },\n      \"columns\": [\n        {\n          \"name\": \"id\",\n          \"label\": \"ID\",\n          \"type\": \"text\"\n        },\n        {\n          \"name\": \"text\",\n          \"label\": \"文本\",\n          \"type\": \"text\"\n        },\n        {\n          \"type\": \"image\",\n          \"label\": \"图片\",\n          \"multiple\": false,\n          \"name\": \"image\",\n          \"popOver\": {\n            \"title\": \"查看大图\",\n            \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n          }\n        },\n        {\n          \"name\": \"date\",\n          \"type\": \"date\",\n          \"label\": \"日期\"\n        },\n        {\n          \"name\": \"type\",\n          \"label\": \"映射\",\n          \"type\": \"mapping\",\n          \"map\": {\n            \"1\": \"<span class='label label-info'>漂亮</span>\",\n            \"2\": \"<span class='label label-success'>开心</span>\",\n            \"3\": \"<span class='label label-danger'>惊吓</span>\",\n            \"4\": \"<span class='label label-warning'>紧张</span>\",\n            \"*\": \"其他：${type}\"\n          }\n        },\n        {\n          \"type\": \"container\",\n          \"label\": \"操作\",\n          \"body\": [\n            {\n              \"type\": \"button\",\n              \"icon\": \"fa fa-eye\",\n              \"level\": \"link\",\n              \"actionType\": \"dialog\",\n              \"tooltip\": \"查看\",\n              \"dialog\": {\n                \"title\": \"查看\",\n                \"body\": {\n                  \"type\": \"form\",\n                  \"controls\": [\n                    {\n                      \"type\": \"static\",\n                      \"name\": \"id\",\n                      \"label\": \"ID\"\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"static\",\n                      \"name\": \"text\",\n                      \"label\": \"文本\"\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"static-image\",\n                      \"label\": \"图片\",\n                      \"name\": \"image\",\n                      \"popOver\": {\n                        \"title\": \"查看大图\",\n                        \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n                      }\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"name\": \"date\",\n                      \"type\": \"static-date\",\n                      \"label\": \"日期\"\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"name\": \"type\",\n                      \"label\": \"映射\",\n                      \"type\": \"static-mapping\",\n                      \"map\": {\n                        \"1\": \"<span class='label label-info'>漂亮</span>\",\n                        \"2\": \"<span class='label label-success'>开心</span>\",\n                        \"3\": \"<span class='label label-danger'>惊吓</span>\",\n                        \"4\": \"<span class='label label-warning'>紧张</span>\",\n                        \"*\": \"其他：${type}\"\n                      }\n                    }\n                  ]\n                }\n              }\n            },\n            {\n              \"type\": \"button\",\n              \"icon\": \"fa fa-pencil\",\n              \"tooltip\": \"编辑\",\n              \"level\": \"link\",\n              \"actionType\": \"drawer\",\n              \"drawer\": {\n                \"position\": \"left\",\n                \"size\": \"lg\",\n                \"title\": \"编辑\",\n                \"body\": {\n                  \"type\": \"form\",\n                  \"name\": \"sample-edit-form\",\n                  \"controls\": [\n                    {\n                      \"type\": \"alert\",\n                      \"level\": \"info\",\n                      \"body\": \"因为没有配置 api 接口，不能真正的提交哈！\"\n                    },\n                    {\n                      \"type\": \"hidden\",\n                      \"name\": \"id\"\n                    },\n                    {\n                      \"type\": \"text\",\n                      \"name\": \"text\",\n                      \"label\": \"文本\",\n                      \"required\": true\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"image\",\n                      \"name\": \"image\",\n                      \"multiple\": false,\n                      \"label\": \"图片\",\n                      \"required\": true\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"date\",\n                      \"name\": \"date\",\n                      \"label\": \"日期\",\n                      \"required\": true\n                    },\n                    {\n                      \"type\": \"divider\"\n                    },\n                    {\n                      \"type\": \"select\",\n                      \"name\": \"type\",\n                      \"label\": \"选项\",\n                      \"options\": [\n                        {\n                          \"label\": \"漂亮\",\n                          \"value\": \"1\"\n                        },\n                        {\n                          \"label\": \"开心\",\n                          \"value\": \"2\"\n                        },\n                        {\n                          \"label\": \"惊吓\",\n                          \"value\": \"3\"\n                        },\n                        {\n                          \"label\": \"漂亮\",\n                          \"value\": \"紧张\"\n                        }\n                      ]\n                    }\n                  ]\n                }\n              }\n            },\n            {\n              \"type\": \"button\",\n              \"level\": \"link\",\n              \"icon\": \"fa fa-times text-danger\",\n              \"actionType\": \"ajax\",\n              \"tooltip\": \"删除\",\n              \"confirmText\": \"您确认要删除? 没有配置 api 确定了也没用，还是不要确定了\",\n              \"api\": \"\"\n            }\n          ]\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n<p>这个栗子最主要的渲染器就是 CRUD 渲染器了，他的作用是配置了个 API，把数据拉取过来后，根据配置 columns 信息完成列表展示，列类型可以是静态文本、图片、映射或者日期等等。 <code>columns</code> 通过 <code>name</code> 与行数据关联。除了展示外还可以放置操作按钮。</p>\n<p>这里相对复杂一点配置就是按钮了，按钮主要是通过 <code>actionType</code>来决定用户点下的行为。可以配置成 弹框、发送 ajax、页面跳转、复制内容到剪切板、刷新目标组件等等。具体请参考：<a href=\"/amis/docs/renderers/Action\">Action 渲染器说明</a></p>\n<p>更多用法请参考<a href=\"/amis/docs/renderers\">渲染器手册</a>和示例。</p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/basic.md\">/docs/basic.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/dev.html b/gh-pages/docs/dev.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/dev.html
+++ b/gh-pages/docs/dev.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/dev_c0487f7.js b/gh-pages/docs/dev_1ad21de.js
similarity index 97%
rename from gh-pages/docs/dev_c0487f7.js
rename to gh-pages/docs/dev_1ad21de.js
index b1f092edc..34554a0d7 100644
--- a/gh-pages/docs/dev_c0487f7.js
+++ b/gh-pages/docs/dev_1ad21de.js
@@ -3,7 +3,7 @@ define('docs/dev.md', function(require, exports, module) {
   module.exports = {
     "title": "自定义组件",
     "shortname": "dev",
-    "html": "<p>自定义组件主要分两类。表单类和非表单类。</p>\n<h3><a class=\"anchor\" name=\"formitem\" href=\"#formitem\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FormItem</h3><p>即表单类，它主要用来扩充表单项。先看个例子。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * <span class=\"hljs-keyword\">as</span> React <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'react'</span>;\n<span class=\"hljs-keyword\">import</span> {FormItem} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis'</span>;\n<span class=\"hljs-keyword\">import</span> * <span class=\"hljs-keyword\">as</span> cx <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'classnames'</span>;\n\n@FormItem({\n    <span class=\"hljs-attr\">type</span>: <span class=\"hljs-string\">'custom-checkbox'</span>,\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomCheckbox</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">PureComponent</span> </span>{\n    toggle = <span class=\"hljs-function\"><span class=\"hljs-params\">()</span> =&gt;</span> {\n        <span class=\"hljs-keyword\">const</span> {value, onChange} = <span class=\"hljs-keyword\">this</span>.props;\n\n        onChange(!value);\n    };\n\n    render() {\n        <span class=\"hljs-keyword\">const</span> {value} = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">const</span> checked = !!value;\n\n        <span class=\"hljs-keyword\">return</span> (\n            <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a</span>\n                    <span class=\"hljs-attr\">className</span>=<span class=\"hljs-string\">{cx(</span>'<span class=\"hljs-attr\">btn</span> <span class=\"hljs-attr\">btn-default</span>', {\n                        '<span class=\"hljs-attr\">btn-success</span>'<span class=\"hljs-attr\">:</span> <span class=\"hljs-attr\">checked</span>,\n                    })}\n                    <span class=\"hljs-attr\">onClick</span>=<span class=\"hljs-string\">{this.toggle}</span>\n                &gt;</span>\n                    {checked ? '已勾选' : '请勾选'}\n                <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">a</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">className</span>=<span class=\"hljs-string\">\"inline m-l-xs\"</span>&gt;</span>{checked ? '已勾选' : '请勾选'}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span></span>\n        );\n    }\n}\n</code></pre>\n<p>有了这个代码后，页面配置 form 的 controls 里面就可以通过这样的配置启动了。</p>\n<pre><code class=\"lang-js\">{\n    <span class=\"hljs-comment\">// 其他信息省略了。。</span>\n    <span class=\"hljs-attribute\">type</span>: <span class=\"hljs-string\">'form'</span>,\n    <span class=\"hljs-attribute\">controls</span>: [\n        {\n            <span class=\"hljs-attribute\">type</span>: <span class=\"hljs-string\">'custom-checkbox'</span>,\n            <span class=\"hljs-attribute\">name</span>: <span class=\"hljs-string\">'变量名'</span>,\n            <span class=\"hljs-attribute\">label</span>: <span class=\"hljs-string\">'自定义组件。'</span>\n        }\n    ]\n}\n</code></pre>\n<p>表单项开发主要关心两件事。</p>\n<ol>\n<li>呈现当前值。如以上例子，勾选了则显示<code>已勾选</code>，否则显示<code>请勾选</code>。</li>\n<li>接收用户交互，修改表单项值。如以上例子，当用户点击按钮时，切换当前选中的值。</li>\n</ol>\n<p>至于其他功能如：label/description 的展示、表单验证功能、表单布局（常规、左右或者内联）等等，只要是通过 FormItem 注册进去的都无需自己实现。</p>\n<h3><a class=\"anchor\" name=\"renderer\" href=\"#renderer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Renderer</h3><p>非表单类的组件自定义，主要通过 <code>Renderer</code> 实现。在开始阅读之前，请先阅读 <a href=\"/amis/docs/sdk#工作原理\">amis 工作原理</a>。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {<span class=\"hljs-type\">Renderer</span>} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)my\\-renderer$/,\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        const {tip, body, render} = <span class=\"hljs-keyword\">this</span>.props;\n\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;\n                &lt;p&gt;这是自定义组件：{tip}&lt;/p&gt;\n                {body ? (\n                    &lt;div className=<span class=\"hljs-string\">\"container\"</span>&gt;\n                        {render(<span class=\"hljs-symbol\">'bod</span>y', body, {\n                            <span class=\"hljs-comment\">// 这里的信息会作为 props 传递给子组件，一般情况下都不需要这个</span>\n                        })}\n                    &lt;/div&gt;\n                ) : <span class=\"hljs-literal\">null</span>}\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>这里注册一个 React 组件，当节点的 path 信息是 <code>my-renderer</code> 结尾时，交给当前组件来完成渲染。</p>\n<p>请注意 <code>this.props</code> 中的 <code>render</code> 方法，它用来实现容器功能，通过它可以让使用者动态的配置其他渲染模型。</p>\n<h2><a class=\"anchor\" name=\"%E5%B7%A5%E5%85%B7\" href=\"#%E5%B7%A5%E5%85%B7\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>工具</h2><p>目前主要提供以下工具。</p>\n<h3><a class=\"anchor\" name=\"fetch\" href=\"#fetch\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>fetch</h3><pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> {<span class=\"hljs-keyword\">fetch</span>} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis/utils'</span>;\n</code></pre>\n<p>用来做 ajax 请求。参数说明</p>\n<ul>\n<li><code>api</code> 字符串或者 api 对象，如： {url: &#39;<a href=\"http://www.baidu.com&#39;\">http://www.baidu.com&#39;</a>, method: &#39;get&#39;}, api 地址支持变量。</li>\n<li><code>data</code> 数据体</li>\n</ul>\n<p>返回一个 Promise。</p>\n<p>如：</p>\n<pre><code class=\"lang-js\"><span class=\"hljs-keyword\">import</span> {<span class=\"hljs-keyword\">fetch</span>} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis/utils'</span>;\n\n<span class=\"hljs-keyword\">fetch</span>(<span class=\"hljs-string\">'http://www.baidu.com/api/xxx?a=${a}&amp;b=${b}'</span>, {\n    a: <span class=\"hljs-string\">'aa'</span>,\n    b: <span class=\"hljs-string\">'bb'</span>,\n}).<span class=\"hljs-keyword\">then</span>(<span class=\"hljs-keyword\">function</span>(result) {\n    console.log(result);\n});\n</code></pre>\n<h3><a class=\"anchor\" name=\"filter\" href=\"#filter\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>filter</h3><pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> {<span class=\"hljs-keyword\">filter</span>} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis/utils'</span>;\n</code></pre>\n<p>主要用来做字符替换，如：</p>\n<pre><code class=\"lang-js\">import {filter} from <span class=\"hljs-string\">'amis/utils'</span>;\n\nfilter<span class=\"hljs-comment\">('blabla?a={a}', {a: 123})</span>; <span class=\"hljs-comment\">// =&gt; 'blabla?a=123'</span>\n</code></pre>\n",
+    "html": "<p>自定义组件主要分两类。表单类和非表单类。</p>\n<h3><a class=\"anchor\" name=\"formitem\" href=\"#formitem\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FormItem</h3><p>即表单类，它主要用来扩充表单项。先看个例子。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * <span class=\"hljs-keyword\">as</span> React <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'react'</span>;\n<span class=\"hljs-keyword\">import</span> {FormItem} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis'</span>;\n<span class=\"hljs-keyword\">import</span> * <span class=\"hljs-keyword\">as</span> cx <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'classnames'</span>;\n\n@FormItem({\n    <span class=\"hljs-attr\">type</span>: <span class=\"hljs-string\">'custom-checkbox'</span>,\n})\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomCheckbox</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">PureComponent</span> </span>{\n    toggle = <span class=\"hljs-function\"><span class=\"hljs-params\">()</span> =&gt;</span> {\n        <span class=\"hljs-keyword\">const</span> {value, onChange} = <span class=\"hljs-keyword\">this</span>.props;\n\n        onChange(!value);\n    };\n\n    render() {\n        <span class=\"hljs-keyword\">const</span> {value} = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">const</span> checked = !!value;\n\n        <span class=\"hljs-keyword\">return</span> (\n            <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a</span>\n                    <span class=\"hljs-attr\">className</span>=<span class=\"hljs-string\">{cx(</span>'<span class=\"hljs-attr\">btn</span> <span class=\"hljs-attr\">btn-default</span>', {\n                        '<span class=\"hljs-attr\">btn-success</span>'<span class=\"hljs-attr\">:</span> <span class=\"hljs-attr\">checked</span>,\n                    })}\n                    <span class=\"hljs-attr\">onClick</span>=<span class=\"hljs-string\">{this.toggle}</span>\n                &gt;</span>\n                    {checked ? '已勾选' : '请勾选'}\n                <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">a</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">className</span>=<span class=\"hljs-string\">\"inline m-l-xs\"</span>&gt;</span>{checked ? '已勾选' : '请勾选'}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span></span>\n        );\n    }\n}\n</code></pre>\n<p>有了这个代码后，页面配置 form 的 controls 里面就可以通过这样的配置启动了。</p>\n<pre><code class=\"lang-js\">{\n    <span class=\"hljs-comment\">// 其他信息省略了。。</span>\n    <span class=\"hljs-attribute\">type</span>: <span class=\"hljs-string\">'form'</span>,\n    <span class=\"hljs-attribute\">controls</span>: [\n        {\n            <span class=\"hljs-attribute\">type</span>: <span class=\"hljs-string\">'custom-checkbox'</span>,\n            <span class=\"hljs-attribute\">name</span>: <span class=\"hljs-string\">'变量名'</span>,\n            <span class=\"hljs-attribute\">label</span>: <span class=\"hljs-string\">'自定义组件。'</span>\n        }\n    ]\n}\n</code></pre>\n<p>表单项开发主要关心两件事。</p>\n<ol>\n<li>呈现当前值。如以上例子，勾选了则显示<code>已勾选</code>，否则显示<code>请勾选</code>。</li>\n<li>接收用户交互，修改表单项值。如以上例子，当用户点击按钮时，切换当前选中的值。</li>\n</ol>\n<p>至于其他功能如：label/description 的展示、表单验证功能、表单布局（常规、左右或者内联）等等，只要是通过 FormItem 注册进去的都无需自己实现。</p>\n<h3><a class=\"anchor\" name=\"renderer\" href=\"#renderer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Renderer</h3><p>非表单类的组件自定义，主要通过 <code>Renderer</code> 实现。在开始阅读之前，请先阅读 <a href=\"/amis/docs/sdk#工作原理\">amis 工作原理</a>。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {<span class=\"hljs-type\">Renderer</span>} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)my\\-renderer$/,\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        const {tip, body, render} = <span class=\"hljs-keyword\">this</span>.props;\n\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;\n                &lt;p&gt;这是自定义组件：{tip}&lt;/p&gt;\n                {body ? (\n                    &lt;div className=<span class=\"hljs-string\">\"container\"</span>&gt;\n                        {render(<span class=\"hljs-symbol\">'bod</span>y', body, {\n                            <span class=\"hljs-comment\">// 这里的信息会作为 props 传递给子组件，一般情况下都不需要这个</span>\n                        })}\n                    &lt;/div&gt;\n                ) : <span class=\"hljs-literal\">null</span>}\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>这里注册一个 React 组件，当节点的 path 信息是 <code>my-renderer</code> 结尾时，交给当前组件来完成渲染。</p>\n<p>请注意 <code>this.props</code> 中的 <code>render</code> 方法，它用来实现容器功能，通过它可以让使用者动态的配置其他渲染模型。</p>\n<h2><a class=\"anchor\" name=\"%E5%B7%A5%E5%85%B7\" href=\"#%E5%B7%A5%E5%85%B7\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>工具</h2><p>目前主要提供以下工具。</p>\n<h3><a class=\"anchor\" name=\"fetch\" href=\"#fetch\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>fetch</h3><pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> {<span class=\"hljs-keyword\">fetch</span>} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis/utils'</span>;\n</code></pre>\n<p>用来做 ajax 请求。参数说明</p>\n<ul>\n<li><code>api</code> 字符串或者 api 对象，如： {url: &#39;<a href=\"http://www.baidu.com&#39;\">http://www.baidu.com&#39;</a>, method: &#39;get&#39;}, api 地址支持变量。</li>\n<li><code>data</code> 数据体</li>\n</ul>\n<p>返回一个 Promise。</p>\n<p>如：</p>\n<pre><code class=\"lang-js\"><span class=\"hljs-keyword\">import</span> {<span class=\"hljs-keyword\">fetch</span>} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis/utils'</span>;\n\n<span class=\"hljs-keyword\">fetch</span>(<span class=\"hljs-string\">'http://www.baidu.com/api/xxx?a=${a}&amp;b=${b}'</span>, {\n    a: <span class=\"hljs-string\">'aa'</span>,\n    b: <span class=\"hljs-string\">'bb'</span>,\n}).<span class=\"hljs-keyword\">then</span>(<span class=\"hljs-keyword\">function</span>(result) {\n    console.log(result);\n});\n</code></pre>\n<h3><a class=\"anchor\" name=\"filter\" href=\"#filter\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>filter</h3><pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> {<span class=\"hljs-keyword\">filter</span>} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis/utils'</span>;\n</code></pre>\n<p>主要用来做字符替换，如：</p>\n<pre><code class=\"lang-js\">import {filter} from <span class=\"hljs-string\">'amis/utils'</span>;\n\nfilter<span class=\"hljs-comment\">('blabla?a={a}', {a: 123})</span>; <span class=\"hljs-comment\">// =&gt; 'blabla?a=123'</span>\n</code></pre>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/dev.md\">/docs/dev.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/getting-started.html b/gh-pages/docs/getting-started.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/getting-started.html
+++ b/gh-pages/docs/getting-started.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/getting_started_e12d24a.js b/gh-pages/docs/getting_started_84d90ad.js
similarity index 97%
rename from gh-pages/docs/getting_started_e12d24a.js
rename to gh-pages/docs/getting_started_84d90ad.js
index f9332e3f9..55975a1f1 100644
--- a/gh-pages/docs/getting_started_e12d24a.js
+++ b/gh-pages/docs/getting_started_84d90ad.js
@@ -2,7 +2,7 @@ define('docs/getting_started.md', function(require, exports, module) {
 
   module.exports = {
     "title": "快速开始",
-    "html": "<p>这是一个基于 React 框架的页面渲染器，有配置就能生成页面，配置是什么样的？请前往<a href=\"/amis/docs/basic\">基本用法</a>阅读。知道怎么配置后，就可以用以下方式用于自己的项目了。</p>\n<h2><a class=\"anchor\" name=\"%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96\" href=\"#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>安装依赖</h2><p>直接通过 npm 安装即可。</p>\n<pre><code>npm <span class=\"hljs-selector-tag\">i</span> amis\n</code></pre><h2><a class=\"anchor\" name=\"%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8-\" href=\"#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>如何使用？</h2><p>可以在 React Component 这么使用。</p>\n<pre><code class=\"lang-tsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {\n    render as renderAmis\n} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">MyComponent</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component&lt;any</span>, <span class=\"hljs-title\">any&gt;</span> </span>{\n    render() {\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;\n                &lt;p&gt;通过 amis 渲染页面&lt;/p&gt;\n                {renderAmis({\n                    <span class=\"hljs-comment\">// schema</span>\n                    <span class=\"hljs-comment\">// 这里是 amis 的 Json 配置。</span>\n                    <span class=\"hljs-class\"><span class=\"hljs-keyword\">type</span></span>: <span class=\"hljs-symbol\">'pag</span>e',\n                    title: '简单页面',\n                    body: '内容'\n                }, {\n                    <span class=\"hljs-comment\">// props</span>\n                }, {\n                    <span class=\"hljs-comment\">// env</span>\n                    <span class=\"hljs-comment\">// 这些是 amis 需要的一些接口实现</span>\n                    <span class=\"hljs-comment\">// 可以参考本项目里面的 Demo 部分代码。</span>\n\n                    updateLocation: (location:string<span class=\"hljs-comment\">/*目标地址*/</span>, replace:boolean<span class=\"hljs-comment\">/*是replace，还是push？*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 用来更新地址栏</span>\n                    },\n\n                    jumpTo: (location:string<span class=\"hljs-comment\">/*目标地址*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 页面跳转， actionType:  link、url 都会进来。</span>\n                    },\n\n                    fetcher: ({\n                        url,\n                        method,\n                        data,\n                        config\n                    }:{\n                        url:string<span class=\"hljs-comment\">/*目标地址*/</span>,\n                        method:<span class=\"hljs-symbol\">'ge</span>t' | <span class=\"hljs-symbol\">'pos</span>t' | <span class=\"hljs-symbol\">'pu</span>t' | <span class=\"hljs-symbol\">'delet</span>e'<span class=\"hljs-comment\">/*发送方式*/</span>,\n                        data: <span class=\"hljs-class\"><span class=\"hljs-keyword\">object</span> <span class=\"hljs-title\">|</span> <span class=\"hljs-title\">void/*数据*/</span>,</span>\n                        config: <span class=\"hljs-class\"><span class=\"hljs-keyword\">object</span><span class=\"hljs-title\">/*其他配置*/</span></span>\n                    }) =&gt; {\n                        <span class=\"hljs-comment\">// 用来发送 Ajax 请求，建议使用 axios</span>\n                    },\n                    notify: (<span class=\"hljs-class\"><span class=\"hljs-keyword\">type</span></span>:<span class=\"hljs-symbol\">'erro</span>r'|<span class=\"hljs-symbol\">'succes</span>s'<span class=\"hljs-comment\">/**/</span>, msg:string<span class=\"hljs-comment\">/*提示内容*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 用来提示用户</span>\n                    },\n                    alert: (content:string<span class=\"hljs-comment\">/*提示信息*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 另外一种提示，可以直接用系统框</span>\n                    },\n                    confirm: (content:string<span class=\"hljs-comment\">/*提示信息*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 确认框。</span>\n                    }\n                });}\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p><code>(schema:Schema, props?:any, env?: any) =&gt; JSX.Element</code></p>\n<p>参数说明：</p>\n<ul>\n<li><code>schema</code> 即页面配置，请前往<a href=\"/amis/docs/basic\">基本用法</a>了解.</li>\n<li><p><code>props</code> 一般都用不上，如果你想传递一些数据给渲染器内部使用，可以传递 data 数据进去。如：</p>\n<pre><code class=\"lang-jsx\">() =&gt; renderAmis(<span class=\"hljs-name\">schema</span>, {\n  data: {\n    username: 'amis'\n  }\n})\n</code></pre>\n<p>这样，内部所有组件都能拿到 <code>username</code> 这个变量的值。</p>\n</li>\n<li><p><code>env</code> 环境变量，可以理解为这个渲染器工具的配置项，需要调用者实现部分接口。</p>\n<ul>\n<li><code>session: string</code> 默认为 &#39;global&#39;，决定 store 是否为全局共用的，如果想单占一个 store，请设置不同的值。</li>\n<li><p><code>fetcher: (config: fetcherConfig) =&gt; Promise&lt;fetcherResult&gt;</code> 用来实现 ajax 发送。</p>\n<p>示例</p>\n<pre><code class=\"lang-js\">fetcher: ({\n    url,\n    method,\n    <span class=\"hljs-keyword\">data</span>,\n    responseType,\n    config,\n    headers\n}: any) =&gt; {\n    config = config || {};\n    config.withCredentials = <span class=\"hljs-literal\">true</span>;\n    responseType &amp;&amp; (config.responseType = responseType);\n\n    <span class=\"hljs-keyword\">if</span> (config.cancelExecutor) {\n        config.cancelToken = new (axios <span class=\"hljs-keyword\">as</span> any).CancelToken(config.cancelExecutor);\n    }\n\n    config.headers = headers || {};\n\n    <span class=\"hljs-keyword\">if</span> (method !== <span class=\"hljs-string\">'post'</span> &amp;&amp; method !== <span class=\"hljs-string\">'put'</span> &amp;&amp; method !== <span class=\"hljs-string\">'patch'</span>) {\n        <span class=\"hljs-keyword\">if</span> (<span class=\"hljs-keyword\">data</span>) {\n            config.params = <span class=\"hljs-keyword\">data</span>;\n        }\n\n        <span class=\"hljs-keyword\">return</span> (axios <span class=\"hljs-keyword\">as</span> any)[method](url, config);\n    } <span class=\"hljs-keyword\">else</span> <span class=\"hljs-keyword\">if</span> (<span class=\"hljs-keyword\">data</span> &amp;&amp; <span class=\"hljs-keyword\">data</span> instanceof FormData) {\n        <span class=\"hljs-comment\">// config.headers = config.headers || {};</span>\n        <span class=\"hljs-comment\">// config.headers['Content-Type'] = 'multipart/form-data';</span>\n    } <span class=\"hljs-keyword\">else</span> <span class=\"hljs-keyword\">if</span> (<span class=\"hljs-keyword\">data</span>\n        &amp;&amp; typeof <span class=\"hljs-keyword\">data</span> !== <span class=\"hljs-string\">'string'</span>\n        &amp;&amp; !(<span class=\"hljs-keyword\">data</span> instanceof Blob)\n        &amp;&amp; !(<span class=\"hljs-keyword\">data</span> instanceof ArrayBuffer)\n    ) {\n        <span class=\"hljs-keyword\">data</span> = JSON.stringify(<span class=\"hljs-keyword\">data</span>);\n        <span class=\"hljs-comment\">// config.headers = config.headers || {};</span>\n        config.headers[<span class=\"hljs-string\">'Content-Type'</span>] = <span class=\"hljs-string\">'application/json'</span>;\n    }\n\n    <span class=\"hljs-keyword\">return</span> (axios <span class=\"hljs-keyword\">as</span> any)[method](url, <span class=\"hljs-keyword\">data</span>, config);\n}\n</code></pre>\n</li>\n<li><p><code>isCancel: (e:error) =&gt; boolean</code> 判断 ajax 异常是否为一个 cancel 请求。</p>\n<p>示例</p>\n<pre><code class=\"lang-js\">isCancel: (<span class=\"hljs-built_in\">value</span>: <span class=\"hljs-keyword\">any</span>) =&gt; (axios <span class=\"hljs-keyword\">as</span> <span class=\"hljs-keyword\">any</span>).isCancel(<span class=\"hljs-built_in\">value</span>)\n</code></pre>\n</li>\n<li><code>notify: (type:string, msg: string) =&gt; void</code> 用来实现消息提示。</li>\n<li><code>alert: (msg:string) =&gt; void</code> 用来实现警告提示。</li>\n<li><code>confirm: (msg:string) =&gt; boolean | Promise&lt;boolean&gt;</code> 用来实现确认框。</li>\n<li><code>jumpTo: (to:string, action?: Action, ctx?: object) =&gt; void</code> 用来实现页面跳转，因为不清楚所在环境中是否使用了 spa 模式，所以用户自己实现吧。</li>\n<li><code>updateLocation: (location:any, replace?:boolean) =&gt; void</code> 地址替换，跟 jumpTo 类似。</li>\n<li><code>isCurrentUrl: (link:string) =&gt; boolean</code> 判断目标地址是否为当前页面。</li>\n<li><code>theme: &#39;default&#39; | &#39;cxd&#39;</code> 目前支持两种主题。 </li>\n<li><code>copy: (contents:string, options?: {shutup: boolean}) =&gt; void</code> 用来实现，内容复制。</li>\n<li><code>getModalContainer: () =&gt; HTMLElement</code> 用来决定弹框容器。</li>\n<li><code>loadRenderer: (chema:any, path:string) =&gt; Promise&lt;Function&gt;</code> 可以通过它懒加载自定义组件，比如： <a href=\"https://github.com/baidu/amis/blob/master/__tests__/factory.test.tsx#L64-L91。\">https://github.com/baidu/amis/blob/master/__tests__/factory.test.tsx#L64-L91。</a></li>\n<li><code>affixOffsetTop: number</code> 固顶间距，当你的有其他固顶元素时，需要设置一定的偏移量，否则会重叠。</li>\n<li><code>affixOffsetBottom: number</code> 固底间距，当你的有其他固底元素时，需要设置一定的偏移量，否则会重叠。</li>\n<li><code>richTextToken: string</code> 内置 rich-text 为 frolaEditor，想要使用，请自行购买，或者自己实现 rich-text 渲染器。</li>\n</ul>\n</li>\n</ul>\n",
+    "html": "<p>这是一个基于 React 框架的页面渲染器，有配置就能生成页面，配置是什么样的？请前往<a href=\"/amis/docs/basic\">基本用法</a>阅读。知道怎么配置后，就可以用以下方式用于自己的项目了。</p>\n<h2><a class=\"anchor\" name=\"%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96\" href=\"#%E5%AE%89%E8%A3%85%E4%BE%9D%E8%B5%96\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>安装依赖</h2><p>直接通过 npm 安装即可。</p>\n<pre><code>npm <span class=\"hljs-selector-tag\">i</span> amis\n</code></pre><h2><a class=\"anchor\" name=\"%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8-\" href=\"#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>如何使用？</h2><p>可以在 React Component 这么使用。</p>\n<pre><code class=\"lang-tsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {\n    render as renderAmis\n} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">MyComponent</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component&lt;any</span>, <span class=\"hljs-title\">any&gt;</span> </span>{\n    render() {\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;\n                &lt;p&gt;通过 amis 渲染页面&lt;/p&gt;\n                {renderAmis({\n                    <span class=\"hljs-comment\">// schema</span>\n                    <span class=\"hljs-comment\">// 这里是 amis 的 Json 配置。</span>\n                    <span class=\"hljs-class\"><span class=\"hljs-keyword\">type</span></span>: <span class=\"hljs-symbol\">'pag</span>e',\n                    title: '简单页面',\n                    body: '内容'\n                }, {\n                    <span class=\"hljs-comment\">// props</span>\n                }, {\n                    <span class=\"hljs-comment\">// env</span>\n                    <span class=\"hljs-comment\">// 这些是 amis 需要的一些接口实现</span>\n                    <span class=\"hljs-comment\">// 可以参考本项目里面的 Demo 部分代码。</span>\n\n                    updateLocation: (location:string<span class=\"hljs-comment\">/*目标地址*/</span>, replace:boolean<span class=\"hljs-comment\">/*是replace，还是push？*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 用来更新地址栏</span>\n                    },\n\n                    jumpTo: (location:string<span class=\"hljs-comment\">/*目标地址*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 页面跳转， actionType:  link、url 都会进来。</span>\n                    },\n\n                    fetcher: ({\n                        url,\n                        method,\n                        data,\n                        config\n                    }:{\n                        url:string<span class=\"hljs-comment\">/*目标地址*/</span>,\n                        method:<span class=\"hljs-symbol\">'ge</span>t' | <span class=\"hljs-symbol\">'pos</span>t' | <span class=\"hljs-symbol\">'pu</span>t' | <span class=\"hljs-symbol\">'delet</span>e'<span class=\"hljs-comment\">/*发送方式*/</span>,\n                        data: <span class=\"hljs-class\"><span class=\"hljs-keyword\">object</span> <span class=\"hljs-title\">|</span> <span class=\"hljs-title\">void/*数据*/</span>,</span>\n                        config: <span class=\"hljs-class\"><span class=\"hljs-keyword\">object</span><span class=\"hljs-title\">/*其他配置*/</span></span>\n                    }) =&gt; {\n                        <span class=\"hljs-comment\">// 用来发送 Ajax 请求，建议使用 axios</span>\n                    },\n                    notify: (<span class=\"hljs-class\"><span class=\"hljs-keyword\">type</span></span>:<span class=\"hljs-symbol\">'erro</span>r'|<span class=\"hljs-symbol\">'succes</span>s'<span class=\"hljs-comment\">/**/</span>, msg:string<span class=\"hljs-comment\">/*提示内容*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 用来提示用户</span>\n                    },\n                    alert: (content:string<span class=\"hljs-comment\">/*提示信息*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 另外一种提示，可以直接用系统框</span>\n                    },\n                    confirm: (content:string<span class=\"hljs-comment\">/*提示信息*/</span>) =&gt; {\n                        <span class=\"hljs-comment\">// 确认框。</span>\n                    }\n                });}\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p><code>(schema:Schema, props?:any, env?: any) =&gt; JSX.Element</code></p>\n<p>参数说明：</p>\n<ul>\n<li><code>schema</code> 即页面配置，请前往<a href=\"/amis/docs/basic\">基本用法</a>了解.</li>\n<li><p><code>props</code> 一般都用不上，如果你想传递一些数据给渲染器内部使用，可以传递 data 数据进去。如：</p>\n<pre><code class=\"lang-jsx\">() =&gt; renderAmis(<span class=\"hljs-name\">schema</span>, {\n  data: {\n    username: 'amis'\n  }\n})\n</code></pre>\n<p>这样，内部所有组件都能拿到 <code>username</code> 这个变量的值。</p>\n</li>\n<li><p><code>env</code> 环境变量，可以理解为这个渲染器工具的配置项，需要调用者实现部分接口。</p>\n<ul>\n<li><code>session: string</code> 默认为 &#39;global&#39;，决定 store 是否为全局共用的，如果想单占一个 store，请设置不同的值。</li>\n<li><p><code>fetcher: (config: fetcherConfig) =&gt; Promise&lt;fetcherResult&gt;</code> 用来实现 ajax 发送。</p>\n<p>示例</p>\n<pre><code class=\"lang-js\">fetcher: ({\n    url,\n    method,\n    <span class=\"hljs-keyword\">data</span>,\n    responseType,\n    config,\n    headers\n}: any) =&gt; {\n    config = config || {};\n    config.withCredentials = <span class=\"hljs-literal\">true</span>;\n    responseType &amp;&amp; (config.responseType = responseType);\n\n    <span class=\"hljs-keyword\">if</span> (config.cancelExecutor) {\n        config.cancelToken = new (axios <span class=\"hljs-keyword\">as</span> any).CancelToken(config.cancelExecutor);\n    }\n\n    config.headers = headers || {};\n\n    <span class=\"hljs-keyword\">if</span> (method !== <span class=\"hljs-string\">'post'</span> &amp;&amp; method !== <span class=\"hljs-string\">'put'</span> &amp;&amp; method !== <span class=\"hljs-string\">'patch'</span>) {\n        <span class=\"hljs-keyword\">if</span> (<span class=\"hljs-keyword\">data</span>) {\n            config.params = <span class=\"hljs-keyword\">data</span>;\n        }\n\n        <span class=\"hljs-keyword\">return</span> (axios <span class=\"hljs-keyword\">as</span> any)[method](url, config);\n    } <span class=\"hljs-keyword\">else</span> <span class=\"hljs-keyword\">if</span> (<span class=\"hljs-keyword\">data</span> &amp;&amp; <span class=\"hljs-keyword\">data</span> instanceof FormData) {\n        <span class=\"hljs-comment\">// config.headers = config.headers || {};</span>\n        <span class=\"hljs-comment\">// config.headers['Content-Type'] = 'multipart/form-data';</span>\n    } <span class=\"hljs-keyword\">else</span> <span class=\"hljs-keyword\">if</span> (<span class=\"hljs-keyword\">data</span>\n        &amp;&amp; typeof <span class=\"hljs-keyword\">data</span> !== <span class=\"hljs-string\">'string'</span>\n        &amp;&amp; !(<span class=\"hljs-keyword\">data</span> instanceof Blob)\n        &amp;&amp; !(<span class=\"hljs-keyword\">data</span> instanceof ArrayBuffer)\n    ) {\n        <span class=\"hljs-keyword\">data</span> = JSON.stringify(<span class=\"hljs-keyword\">data</span>);\n        <span class=\"hljs-comment\">// config.headers = config.headers || {};</span>\n        config.headers[<span class=\"hljs-string\">'Content-Type'</span>] = <span class=\"hljs-string\">'application/json'</span>;\n    }\n\n    <span class=\"hljs-keyword\">return</span> (axios <span class=\"hljs-keyword\">as</span> any)[method](url, <span class=\"hljs-keyword\">data</span>, config);\n}\n</code></pre>\n</li>\n<li><p><code>isCancel: (e:error) =&gt; boolean</code> 判断 ajax 异常是否为一个 cancel 请求。</p>\n<p>示例</p>\n<pre><code class=\"lang-js\">isCancel: (<span class=\"hljs-built_in\">value</span>: <span class=\"hljs-keyword\">any</span>) =&gt; (axios <span class=\"hljs-keyword\">as</span> <span class=\"hljs-keyword\">any</span>).isCancel(<span class=\"hljs-built_in\">value</span>)\n</code></pre>\n</li>\n<li><code>notify: (type:string, msg: string) =&gt; void</code> 用来实现消息提示。</li>\n<li><code>alert: (msg:string) =&gt; void</code> 用来实现警告提示。</li>\n<li><code>confirm: (msg:string) =&gt; boolean | Promise&lt;boolean&gt;</code> 用来实现确认框。</li>\n<li><code>jumpTo: (to:string, action?: Action, ctx?: object) =&gt; void</code> 用来实现页面跳转，因为不清楚所在环境中是否使用了 spa 模式，所以用户自己实现吧。</li>\n<li><code>updateLocation: (location:any, replace?:boolean) =&gt; void</code> 地址替换，跟 jumpTo 类似。</li>\n<li><code>isCurrentUrl: (link:string) =&gt; boolean</code> 判断目标地址是否为当前页面。</li>\n<li><code>theme: &#39;default&#39; | &#39;cxd&#39;</code> 目前支持两种主题。 </li>\n<li><code>copy: (contents:string, options?: {shutup: boolean}) =&gt; void</code> 用来实现，内容复制。</li>\n<li><code>getModalContainer: () =&gt; HTMLElement</code> 用来决定弹框容器。</li>\n<li><code>loadRenderer: (chema:any, path:string) =&gt; Promise&lt;Function&gt;</code> 可以通过它懒加载自定义组件，比如： <a href=\"https://github.com/baidu/amis/blob/master/__tests__/factory.test.tsx#L64-L91。\">https://github.com/baidu/amis/blob/master/__tests__/factory.test.tsx#L64-L91。</a></li>\n<li><code>affixOffsetTop: number</code> 固顶间距，当你的有其他固顶元素时，需要设置一定的偏移量，否则会重叠。</li>\n<li><code>affixOffsetBottom: number</code> 固底间距，当你的有其他固底元素时，需要设置一定的偏移量，否则会重叠。</li>\n<li><code>richTextToken: string</code> 内置 rich-text 为 frolaEditor，想要使用，请自行购买，或者自己实现 rich-text 渲染器。</li>\n</ul>\n</li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/getting_started.md\">/docs/getting_started.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers.html b/gh-pages/docs/renderers.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers.html
+++ b/gh-pages/docs/renderers.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Action.html b/gh-pages/docs/renderers/Action.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Action.html
+++ b/gh-pages/docs/renderers/Action.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Action_d5b521b.js b/gh-pages/docs/renderers/Action_843aa7b.js
similarity index 98%
rename from gh-pages/docs/renderers/Action_d5b521b.js
rename to gh-pages/docs/renderers/Action_843aa7b.js
index 4de6cc46c..1e7c7c2d4 100644
--- a/gh-pages/docs/renderers/Action_d5b521b.js
+++ b/gh-pages/docs/renderers/Action_843aa7b.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Action.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"action\" href=\"#action\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Action</h2><p>Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触发事件。</p>\n<div class=\"amis-preview\" style=\"height: 300px\"><script type=\"text/schema\" height=\"300\" scope=\"body\">{\n  \"label\": \"弹个框\",\n  \"type\": \"button\",\n  \"level\": \"dark\",\n  \"actionType\": \"dialog\",\n  \"dialog\": {\n    \"title\": \"弹框\",\n    \"body\": \"这是个简单的弹框。\"\n  }\n}\n</script></div>\n<p>除了能弹框，它还能设定很多行为比如：提交表单、发送 ajax、页面跳转、关闭弹框、复制文本等等。</p>\n<h3><a class=\"anchor\" name=\"%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE%E9%A1%B9\" href=\"#%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE%E9%A1%B9\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>通用配置项</h3><p>所有<code>actionType</code>都支持的通用配置项</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>action</code></td>\n<td>指定为 Page 渲染器。</td>\n</tr>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>【必填】这是action最核心的配置，来指定该action的作用类型，支持：<code>ajax</code>、<code>link</code>、<code>url</code>、<code>drawer</code>、<code>dialog</code>、<code>confirm</code>、<code>cancel</code>、<code>prev</code>、<code>next</code>、<code>copy</code>、<code>close</code>。</td>\n</tr>\n<tr>\n<td>label</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮文本。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>level</td>\n<td><code>string</code></td>\n<td><code>default</code></td>\n<td>按钮样式，支持：<code>link</code>、<code>primary</code>、<code>secondary</code>、<code>info</code>、<code>success</code>、<code>warning</code>、<code>danger</code>、<code>light</code>、<code>dark</code>、<code>default</code>。</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮大小，支持：<code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code>。</td>\n</tr>\n<tr>\n<td>icon</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>设置图标，例如<code>fa fa-plus</code>。</td>\n</tr>\n<tr>\n<td>iconClassName</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>给图标上添加类名。</td>\n</tr>\n<tr>\n<td>active</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>按钮是否高亮。</td>\n</tr>\n<tr>\n<td>activeLevel</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮高亮时的样式，配置支持同<code>level</code>。</td>\n</tr>\n<tr>\n<td>activeClassName</td>\n<td><code>string</code></td>\n<td><code>is-active</code></td>\n<td>给按钮高亮添加类名。</td>\n</tr>\n<tr>\n<td>block</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>用<code>display:&quot;block&quot;</code>来显示按钮。</td>\n</tr>\n<tr>\n<td>confirmText</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>当设置后，操作在开始前会询问用户。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>reload</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定此次操作完后，需要刷新的目标组件名字（组件的<code>name</code>值，自己配置的），多个请用 <code>,</code> 号隔开。</td>\n</tr>\n<tr>\n<td>tooltip</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>鼠标停留时弹出该段文字，也可以配置对象类型：字段为<code>title</code>和<code>content</code>。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>disabledTip</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>被禁用后鼠标停留时弹出该段文字，也可以配置对象类型：字段为<code>title</code>和<code>content</code>。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>tooltipPlacement</td>\n<td><code>string</code></td>\n<td><code>top</code></td>\n<td>如果配置了<code>tooltip</code>或者<code>disabledTip</code>，指定提示信息位置，可配置<code>top</code>、<code>bottom</code>、<code>left</code>、<code>right</code>。</td>\n</tr>\n<tr>\n<td>close</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>当<code>action</code>配置在<code>dialog</code>或<code>drawer</code>的<code>actions</code>中时，配置为<code>true</code>指定此次操作完后关闭当前<code>dialog</code>或<code>drawer</code>。</td>\n</tr>\n<tr>\n<td>required</td>\n<td><code>Array&lt;string&gt;</code></td>\n<td>-</td>\n<td>配置字符串数组，指定在<code>form</code>中进行操作之前，需要指定的字段名的表单项通过验证</td>\n</tr>\n</tbody>\n</table>\n<p>下面会分别介绍每种类型的Action配置项</p>\n<h3><a class=\"anchor\" name=\"ajax\" href=\"#ajax\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ajax</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>ajax</code></td>\n<td>发送请求</td>\n</tr>\n<tr>\n<td>api</td>\n<td><code>string</code> 或 <code>ApiObject</code></td>\n<td>-</td>\n<td>请求地址，参考 <a href=\"/amis/docs/renderers/Types#api\">api</a> 格式说明。</td>\n</tr>\n<tr>\n<td>redirect</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定当前请求结束后跳转的路径，可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>feedback</td>\n<td><code>DialogObject</code></td>\n<td>-</td>\n<td>如果 ajax 类型的，当 ajax 返回正常后，还能接着弹出一个 dialog 做其他交互。返回的数据可用于这个 dialog 中。格式可参考<a href=\"/amis/docs/renderers/Dialog\">Dialog</a></td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>object</code></td>\n<td>-</td>\n<td><code>success</code>：ajax 操作成功后提示，可以不指定，不指定时以 api 返回为准。<code>failed</code>：ajax 操作失败提示。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"data\": {\n    \"user\": \"no one\"\n  },\n  \"body\": {\n    \"label\": \"Post\",\n    \"type\": \"button\",\n    \"actionType\": \"ajax\",\n    \"confirmText\": \"确定？\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm\",\n    \"messages\": {\n      \"success\": \"发送成功\"\n    }\n  }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"link\" href=\"#link\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>link</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>link</code></td>\n<td>单页跳转</td>\n</tr>\n<tr>\n<td>link</td>\n<td><code>string</code></td>\n<td><code>link</code></td>\n<td>用来指定跳转地址，跟 url 不同的是，这是单页跳转方式，不会渲染浏览器，请指定 amis 平台内的页面。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"进入简介页面\",\n    \"type\": \"button\",\n    \"level\": \"info\",\n    \"actionType\": \"link\",\n    \"link\": \"/docs/index\"\n  }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"url\" href=\"#url\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>url</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>url</code></td>\n<td>页面跳转</td>\n</tr>\n<tr>\n<td>url</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮点击后，会打开指定页面。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>blank</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>如果为 <code>true</code> 将在新tab页面打开。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"打开 Baidu\",\n    \"type\": \"button\",\n    \"level\": \"success\",\n    \"actionType\": \"url\",\n    \"url\": \"raw:http://www.baidu.com\"\n  }\n}\n</script></div>\n<p><code>注意：由于 amis 平台内 http 地址会被替换成 proxy 地址，所以在 amis 平台内使用请加上 raw: 作为前缀。 比如：raw:http://www.baidu.com</code></p>\n<h3><a class=\"anchor\" name=\"dialog\" href=\"#dialog\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>dialog</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>dialog</code></td>\n<td>点击后显示一个弹出框</td>\n</tr>\n<tr>\n<td>dialog</td>\n<td><code>string</code> 或 <code>DialogObject</code></td>\n<td>-</td>\n<td>指定弹框内容，格式可参考<a href=\"/amis/docs/renderers/Dialog\">Dialog</a></td>\n</tr>\n<tr>\n<td>nextCondition</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>可以用来设置下一条数据的条件，默认为 <code>true</code>。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"Dialog Form\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"drawer\" href=\"#drawer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>drawer</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>drawer</code></td>\n<td>点击后显示一个侧边栏</td>\n</tr>\n<tr>\n<td>drawer</td>\n<td><code>string</code> 或 <code>DrawerObject</code></td>\n<td>-</td>\n<td>指定弹框内容，格式可参考<a href=\"/amis/docs/renderers/Drawer\">Drawer</a></td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">  {\n    \"body\": {\n      \"label\": \"Drawer Form\",\n      \"type\": \"button\",\n      \"level\": \"primary\",\n      \"actionType\": \"drawer\",\n      \"drawer\": {\n        \"title\": \"表单设置\",\n        \"body\": {\n          \"type\": \"form\",\n          \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n          \"controls\": [\n            {\n              \"type\": \"text\",\n              \"name\": \"text\",\n              \"label\": \"文本\"\n            }\n          ]\n        }\n      }\n    }\n  }\n</script></div>\n<h3><a class=\"anchor\" name=\"copy\" href=\"#copy\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>copy</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>copy</code></td>\n<td>复制一段内容到粘贴板</td>\n</tr>\n<tr>\n<td>content</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定复制的内容。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n</tbody>\n</table>\n<h3><a class=\"anchor\" name=\"reload\" href=\"#reload\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>reload</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>reload</code></td>\n<td>刷新目标组件</td>\n</tr>\n<tr>\n<td>target</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>需要刷新的目标组件名字（组件的<code>name</code>值，自己配置的），多个请用 <code>,</code> 号隔开。</td>\n</tr>\n</tbody>\n</table>\n<h3><a class=\"anchor\" name=\"add\" href=\"#add\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>add</h3><p>该actionType为<a href=\"/amis/docs/renderers/FormItem-Table\">FormItem-Table</a>专用</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>add</code></td>\n<td>给指定<code>FormItem-Table</code>添加一条数据，</td>\n</tr>\n<tr>\n<td>target</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定<code>FormItem-Table</code>的名字（<code>Table</code>的<code>name</code>值），多个请用 <code>,</code> 号隔开。</td>\n</tr>\n</tbody>\n</table>\n",
+    "html": "<h2><a class=\"anchor\" name=\"action\" href=\"#action\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Action</h2><p>Action 是一种特殊的渲染器，它本身是一个按钮，同时它能触发事件。</p>\n<div class=\"amis-preview\" style=\"height: 300px\"><script type=\"text/schema\" height=\"300\" scope=\"body\">{\n  \"label\": \"弹个框\",\n  \"type\": \"button\",\n  \"level\": \"dark\",\n  \"actionType\": \"dialog\",\n  \"dialog\": {\n    \"title\": \"弹框\",\n    \"body\": \"这是个简单的弹框。\"\n  }\n}\n</script></div>\n<p>除了能弹框，它还能设定很多行为比如：提交表单、发送 ajax、页面跳转、关闭弹框、复制文本等等。</p>\n<h3><a class=\"anchor\" name=\"%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE%E9%A1%B9\" href=\"#%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE%E9%A1%B9\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>通用配置项</h3><p>所有<code>actionType</code>都支持的通用配置项</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>action</code></td>\n<td>指定为 Page 渲染器。</td>\n</tr>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>【必填】这是action最核心的配置，来指定该action的作用类型，支持：<code>ajax</code>、<code>link</code>、<code>url</code>、<code>drawer</code>、<code>dialog</code>、<code>confirm</code>、<code>cancel</code>、<code>prev</code>、<code>next</code>、<code>copy</code>、<code>close</code>。</td>\n</tr>\n<tr>\n<td>label</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮文本。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>level</td>\n<td><code>string</code></td>\n<td><code>default</code></td>\n<td>按钮样式，支持：<code>link</code>、<code>primary</code>、<code>secondary</code>、<code>info</code>、<code>success</code>、<code>warning</code>、<code>danger</code>、<code>light</code>、<code>dark</code>、<code>default</code>。</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮大小，支持：<code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code>。</td>\n</tr>\n<tr>\n<td>icon</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>设置图标，例如<code>fa fa-plus</code>。</td>\n</tr>\n<tr>\n<td>iconClassName</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>给图标上添加类名。</td>\n</tr>\n<tr>\n<td>active</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>按钮是否高亮。</td>\n</tr>\n<tr>\n<td>activeLevel</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮高亮时的样式，配置支持同<code>level</code>。</td>\n</tr>\n<tr>\n<td>activeClassName</td>\n<td><code>string</code></td>\n<td><code>is-active</code></td>\n<td>给按钮高亮添加类名。</td>\n</tr>\n<tr>\n<td>block</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>用<code>display:&quot;block&quot;</code>来显示按钮。</td>\n</tr>\n<tr>\n<td>confirmText</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>当设置后，操作在开始前会询问用户。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>reload</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定此次操作完后，需要刷新的目标组件名字（组件的<code>name</code>值，自己配置的），多个请用 <code>,</code> 号隔开。</td>\n</tr>\n<tr>\n<td>tooltip</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>鼠标停留时弹出该段文字，也可以配置对象类型：字段为<code>title</code>和<code>content</code>。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>disabledTip</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>被禁用后鼠标停留时弹出该段文字，也可以配置对象类型：字段为<code>title</code>和<code>content</code>。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>tooltipPlacement</td>\n<td><code>string</code></td>\n<td><code>top</code></td>\n<td>如果配置了<code>tooltip</code>或者<code>disabledTip</code>，指定提示信息位置，可配置<code>top</code>、<code>bottom</code>、<code>left</code>、<code>right</code>。</td>\n</tr>\n<tr>\n<td>close</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>当<code>action</code>配置在<code>dialog</code>或<code>drawer</code>的<code>actions</code>中时，配置为<code>true</code>指定此次操作完后关闭当前<code>dialog</code>或<code>drawer</code>。</td>\n</tr>\n<tr>\n<td>required</td>\n<td><code>Array&lt;string&gt;</code></td>\n<td>-</td>\n<td>配置字符串数组，指定在<code>form</code>中进行操作之前，需要指定的字段名的表单项通过验证</td>\n</tr>\n</tbody>\n</table>\n<p>下面会分别介绍每种类型的Action配置项</p>\n<h3><a class=\"anchor\" name=\"ajax\" href=\"#ajax\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ajax</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>ajax</code></td>\n<td>发送请求</td>\n</tr>\n<tr>\n<td>api</td>\n<td><code>string</code> 或 <code>ApiObject</code></td>\n<td>-</td>\n<td>请求地址，参考 <a href=\"/amis/docs/renderers/Types#api\">api</a> 格式说明。</td>\n</tr>\n<tr>\n<td>redirect</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定当前请求结束后跳转的路径，可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>feedback</td>\n<td><code>DialogObject</code></td>\n<td>-</td>\n<td>如果 ajax 类型的，当 ajax 返回正常后，还能接着弹出一个 dialog 做其他交互。返回的数据可用于这个 dialog 中。格式可参考<a href=\"/amis/docs/renderers/Dialog\">Dialog</a></td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>object</code></td>\n<td>-</td>\n<td><code>success</code>：ajax 操作成功后提示，可以不指定，不指定时以 api 返回为准。<code>failed</code>：ajax 操作失败提示。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"data\": {\n    \"user\": \"no one\"\n  },\n  \"body\": {\n    \"label\": \"Post\",\n    \"type\": \"button\",\n    \"actionType\": \"ajax\",\n    \"confirmText\": \"确定？\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm\",\n    \"messages\": {\n      \"success\": \"发送成功\"\n    }\n  }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"link\" href=\"#link\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>link</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>link</code></td>\n<td>单页跳转</td>\n</tr>\n<tr>\n<td>link</td>\n<td><code>string</code></td>\n<td><code>link</code></td>\n<td>用来指定跳转地址，跟 url 不同的是，这是单页跳转方式，不会渲染浏览器，请指定 amis 平台内的页面。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"进入简介页面\",\n    \"type\": \"button\",\n    \"level\": \"info\",\n    \"actionType\": \"link\",\n    \"link\": \"/docs/index\"\n  }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"url\" href=\"#url\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>url</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>url</code></td>\n<td>页面跳转</td>\n</tr>\n<tr>\n<td>url</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>按钮点击后，会打开指定页面。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n<tr>\n<td>blank</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>如果为 <code>true</code> 将在新tab页面打开。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"打开 Baidu\",\n    \"type\": \"button\",\n    \"level\": \"success\",\n    \"actionType\": \"url\",\n    \"url\": \"raw:http://www.baidu.com\"\n  }\n}\n</script></div>\n<p><code>注意：由于 amis 平台内 http 地址会被替换成 proxy 地址，所以在 amis 平台内使用请加上 raw: 作为前缀。 比如：raw:http://www.baidu.com</code></p>\n<h3><a class=\"anchor\" name=\"dialog\" href=\"#dialog\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>dialog</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>dialog</code></td>\n<td>点击后显示一个弹出框</td>\n</tr>\n<tr>\n<td>dialog</td>\n<td><code>string</code> 或 <code>DialogObject</code></td>\n<td>-</td>\n<td>指定弹框内容，格式可参考<a href=\"/amis/docs/renderers/Dialog\">Dialog</a></td>\n</tr>\n<tr>\n<td>nextCondition</td>\n<td><code>boolean</code></td>\n<td>-</td>\n<td>可以用来设置下一条数据的条件，默认为 <code>true</code>。</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"Dialog Form\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"drawer\" href=\"#drawer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>drawer</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>drawer</code></td>\n<td>点击后显示一个侧边栏</td>\n</tr>\n<tr>\n<td>drawer</td>\n<td><code>string</code> 或 <code>DrawerObject</code></td>\n<td>-</td>\n<td>指定弹框内容，格式可参考<a href=\"/amis/docs/renderers/Drawer\">Drawer</a></td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">  {\n    \"body\": {\n      \"label\": \"Drawer Form\",\n      \"type\": \"button\",\n      \"level\": \"primary\",\n      \"actionType\": \"drawer\",\n      \"drawer\": {\n        \"title\": \"表单设置\",\n        \"body\": {\n          \"type\": \"form\",\n          \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n          \"controls\": [\n            {\n              \"type\": \"text\",\n              \"name\": \"text\",\n              \"label\": \"文本\"\n            }\n          ]\n        }\n      }\n    }\n  }\n</script></div>\n<h3><a class=\"anchor\" name=\"copy\" href=\"#copy\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>copy</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>copy</code></td>\n<td>复制一段内容到粘贴板</td>\n</tr>\n<tr>\n<td>content</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定复制的内容。可用 <code>${xxx}</code> 取值。</td>\n</tr>\n</tbody>\n</table>\n<h3><a class=\"anchor\" name=\"reload\" href=\"#reload\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>reload</h3><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>reload</code></td>\n<td>刷新目标组件</td>\n</tr>\n<tr>\n<td>target</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>需要刷新的目标组件名字（组件的<code>name</code>值，自己配置的），多个请用 <code>,</code> 号隔开。</td>\n</tr>\n</tbody>\n</table>\n<h3><a class=\"anchor\" name=\"add\" href=\"#add\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>add</h3><p>该actionType为<a href=\"/amis/docs/renderers/FormItem-Table\">FormItem-Table</a>专用</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>actionType</td>\n<td><code>string</code></td>\n<td><code>add</code></td>\n<td>给指定<code>FormItem-Table</code>添加一条数据，</td>\n</tr>\n<tr>\n<td>target</td>\n<td><code>string</code></td>\n<td>-</td>\n<td>指定<code>FormItem-Table</code>的名字（<code>Table</code>的<code>name</code>值），多个请用 <code>,</code> 号隔开。</td>\n</tr>\n</tbody>\n</table>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Action.md\">/docs/renderers/Action.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Alert.html b/gh-pages/docs/renderers/Alert.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Alert.html
+++ b/gh-pages/docs/renderers/Alert.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Alert_a71bc61.js b/gh-pages/docs/renderers/Alert_f2f6fc6.js
similarity index 89%
rename from gh-pages/docs/renderers/Alert_a71bc61.js
rename to gh-pages/docs/renderers/Alert_f2f6fc6.js
index 0861a3500..81214397a 100644
--- a/gh-pages/docs/renderers/Alert_a71bc61.js
+++ b/gh-pages/docs/renderers/Alert_f2f6fc6.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Alert.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"alert\" href=\"#alert\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Alert</h2><p>用来做文字特殊提示，分为四类：提示类、成功类、警告类和危险类。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;alert&quot;</code></td>\n<td>指定为 alert 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>level</td>\n<td><code>string</code></td>\n<td><code>info</code></td>\n<td>级别，可以是：<code>info</code>、<code>success</code>、<code>warning</code> 或者 <code>danger</code></td>\n</tr>\n<tr>\n<td>showCloseButton</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否显示关闭按钮</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 320px\"><script type=\"text/schema\" height=\"320\" scope=\"body\">{\n    \"type\": \"alert\",\n    \"body\": \"这是一段提示\",\n    \"level\": \"warning\"\n}\n</script></div>\n<p>可结合 <code>visibleOn</code> 用来做错误信息提示。</p>\n<div class=\"amis-preview\" style=\"height: 320px\"><script type=\"text/schema\" height=\"320\">{\n    \"type\": \"page\",\n    \"data\": {\n        \"errMsg\": \"这是错误提示详情\"\n    },\n    \"body\": {\n        \"type\": \"alert\",\n        \"visibleOn\": \"this.errMsg\",\n        \"body\": \"${errMsg}\",\n        \"level\": \"danger\",\n        \"showCloseButton\": true\n    }\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"alert\" href=\"#alert\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Alert</h2><p>用来做文字特殊提示，分为四类：提示类、成功类、警告类和危险类。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;alert&quot;</code></td>\n<td>指定为 alert 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>level</td>\n<td><code>string</code></td>\n<td><code>info</code></td>\n<td>级别，可以是：<code>info</code>、<code>success</code>、<code>warning</code> 或者 <code>danger</code></td>\n</tr>\n<tr>\n<td>showCloseButton</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否显示关闭按钮</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 320px\"><script type=\"text/schema\" height=\"320\" scope=\"body\">{\n    \"type\": \"alert\",\n    \"body\": \"这是一段提示\",\n    \"level\": \"warning\"\n}\n</script></div>\n<p>可结合 <code>visibleOn</code> 用来做错误信息提示。</p>\n<div class=\"amis-preview\" style=\"height: 320px\"><script type=\"text/schema\" height=\"320\">{\n    \"type\": \"page\",\n    \"data\": {\n        \"errMsg\": \"这是错误提示详情\"\n    },\n    \"body\": {\n        \"type\": \"alert\",\n        \"visibleOn\": \"this.errMsg\",\n        \"body\": \"${errMsg}\",\n        \"level\": \"danger\",\n        \"showCloseButton\": true\n    }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Alert.md\">/docs/renderers/Alert.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Audio.html b/gh-pages/docs/renderers/Audio.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Audio.html
+++ b/gh-pages/docs/renderers/Audio.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Audio_5a5597c.js b/gh-pages/docs/renderers/Audio_67d2e11.js
similarity index 88%
rename from gh-pages/docs/renderers/Audio_5a5597c.js
rename to gh-pages/docs/renderers/Audio_67d2e11.js
index 034153a39..5bcb1ff87 100644
--- a/gh-pages/docs/renderers/Audio_5a5597c.js
+++ b/gh-pages/docs/renderers/Audio_67d2e11.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Audio.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"audio\" href=\"#audio\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Audio</h2><p>音频播放器</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;audio&quot;</code></td>\n<td>指定为 audio 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>inline</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否是内联模式</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>音频地址</td>\n</tr>\n<tr>\n<td>loop</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否循环播放</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td><code>[]</code></td>\n<td>可配置音频播放倍速如：<code>[1.0, 1.5, 2.0]</code></td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>array</code></td>\n<td><code>[&#39;rates&#39;, &#39;play&#39;, &#39;time&#39;, &#39;process&#39;, &#39;volume&#39;]</code></td>\n<td>内部模块定制化</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"audio\",\n    \"autoPlay\": false,\n    \"src\": \"https://amis.bj.bcebos.com/amis/2019-7/1562137295708/chicane-poppiholla-original-radio-edit%20(1).mp3\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"audio\" href=\"#audio\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Audio</h2><p>音频播放器</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;audio&quot;</code></td>\n<td>指定为 audio 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>inline</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否是内联模式</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>音频地址</td>\n</tr>\n<tr>\n<td>loop</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否循环播放</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td><code>[]</code></td>\n<td>可配置音频播放倍速如：<code>[1.0, 1.5, 2.0]</code></td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>array</code></td>\n<td><code>[&#39;rates&#39;, &#39;play&#39;, &#39;time&#39;, &#39;process&#39;, &#39;volume&#39;]</code></td>\n<td>内部模块定制化</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"audio\",\n    \"autoPlay\": false,\n    \"src\": \"https://amis.bj.bcebos.com/amis/2019-7/1562137295708/chicane-poppiholla-original-radio-edit%20(1).mp3\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Audio.md\">/docs/renderers/Audio.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/ButtonGroup.html b/gh-pages/docs/renderers/ButtonGroup.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/ButtonGroup.html
+++ b/gh-pages/docs/renderers/ButtonGroup.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/ButtonGroup_42ceed8.js b/gh-pages/docs/renderers/ButtonGroup_3e1bfda.js
similarity index 86%
rename from gh-pages/docs/renderers/ButtonGroup_42ceed8.js
rename to gh-pages/docs/renderers/ButtonGroup_3e1bfda.js
index eb6cec041..c752dda41 100644
--- a/gh-pages/docs/renderers/ButtonGroup_42ceed8.js
+++ b/gh-pages/docs/renderers/ButtonGroup_3e1bfda.js
@@ -1,7 +1,7 @@
 define('docs/renderers/ButtonGroup.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"buttongroup\" href=\"#buttongroup\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ButtonGroup</h2><p>按钮集合。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n  \"type\": \"button-toolbar\",\n  \"buttons\": [\n    {\n      \"type\": \"button-group\",\n      \"buttons\": [\n        {\n          \"type\": \"button\",\n          \"label\": \"Button\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        },\n\n        {\n          \"type\": \"submit\",\n          \"label\": \"Submit\"\n        },\n\n        {\n          \"type\": \"reset\",\n          \"label\": \"Reset\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"submit\",\n      \"icon\": \"fa fa-check text-success\"\n    },\n\n    {\n      \"type\": \"reset\",\n      \"icon\": \"fa fa-times text-danger\"\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"buttongroup\" href=\"#buttongroup\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>ButtonGroup</h2><p>按钮集合。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n  \"type\": \"button-toolbar\",\n  \"buttons\": [\n    {\n      \"type\": \"button-group\",\n      \"buttons\": [\n        {\n          \"type\": \"button\",\n          \"label\": \"Button\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        },\n\n        {\n          \"type\": \"submit\",\n          \"label\": \"Submit\"\n        },\n\n        {\n          \"type\": \"reset\",\n          \"label\": \"Reset\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"submit\",\n      \"icon\": \"fa fa-check text-success\"\n    },\n\n    {\n      \"type\": \"reset\",\n      \"icon\": \"fa fa-times text-danger\"\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/ButtonGroup.md\">/docs/renderers/ButtonGroup.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/CRUD-Cards.html b/gh-pages/docs/renderers/CRUD-Cards.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/CRUD-Cards.html
+++ b/gh-pages/docs/renderers/CRUD-Cards.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/CRUD-Cards_540d187.js b/gh-pages/docs/renderers/CRUD-Cards_2917109.js
similarity index 92%
rename from gh-pages/docs/renderers/CRUD-Cards_540d187.js
rename to gh-pages/docs/renderers/CRUD-Cards_2917109.js
index e2d59501d..25b2167fe 100644
--- a/gh-pages/docs/renderers/CRUD-Cards_540d187.js
+++ b/gh-pages/docs/renderers/CRUD-Cards_2917109.js
@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD-Cards.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"cards-crud-\" href=\"#cards-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards(CRUD)</h3><p>请参考<a href=\"/amis/docs/renderers/Cards\">Cards</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/users\",\n\"syncLocation\": false,\n\"mode\": \"cards\",\n\"defaultParams\": {\n  \"perPage\": 6\n},\n\"switchPerPage\": false,\n\"placeholder\": \"没有用户信息\",\n\"columnsCount\": 2,\n\"card\": {\n  \"header\": {\n    \"className\": \"bg-white\",\n    \"title\": \"$name\",\n    \"subTitle\": \"$realName\",\n    \"description\": \"$email\",\n    \"avatar\": \"${avatar | raw}\",\n    \"highlight\": \"$isSuperAdmin\",\n    \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\"\n  },\n  \"bodyClassName\": \"padder\",\n  \"body\": \"\\n      <% if (data.roles && data.roles.length) { %>\\n        <% data.roles.map(function(role) { %>\\n          <span class=\\\"label label-default\\\"><%- role.name %></span>\\n        <% }) %>\\n      <% } else { %>\\n        <p class=\\\"text-muted\\\">没有分配角色</p>\\n      <% } %>\\n      \",\n  \"actions\": [\n    {\n      \"label\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": null,\n        \"body\": {\n          \"api\": \"\",\n          \"type\": \"form\",\n        \"tabs\": [\n          {\n            \"title\": \"基本信息\",\n            \"controls\": [\n              {\n                \"type\": \"hidden\",\n                \"name\": \"id\"\n              },\n              {\n                \"name\": \"name\",\n                \"label\": \"帐号\",\n                \"disabled\": true,\n                \"type\": \"text\"\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"email\",\n                \"label\": \"邮箱\",\n                \"type\": \"text\",\n                \"disabled\": true\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"isAmisOwner\",\n                \"label\": \"管理员\",\n                \"description\": \"设置是否为超级管理\",\n                \"type\": \"switch\"\n              }\n            ]\n          },\n          {\n            \"title\": \"角色信息\",\n            \"controls\": [\n\n            ]\n          },\n          {\n            \"title\": \"设置权限\",\n            \"controls\": [\n\n            ]\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"label\": \"移除\",\n      \"confirmText\": \"您确定要移除该用户?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"cards-crud-\" href=\"#cards-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards(CRUD)</h3><p>请参考<a href=\"/amis/docs/renderers/Cards\">Cards</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/users\",\n\"syncLocation\": false,\n\"mode\": \"cards\",\n\"defaultParams\": {\n  \"perPage\": 6\n},\n\"switchPerPage\": false,\n\"placeholder\": \"没有用户信息\",\n\"columnsCount\": 2,\n\"card\": {\n  \"header\": {\n    \"className\": \"bg-white\",\n    \"title\": \"$name\",\n    \"subTitle\": \"$realName\",\n    \"description\": \"$email\",\n    \"avatar\": \"${avatar | raw}\",\n    \"highlight\": \"$isSuperAdmin\",\n    \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\"\n  },\n  \"bodyClassName\": \"padder\",\n  \"body\": \"\\n      <% if (data.roles && data.roles.length) { %>\\n        <% data.roles.map(function(role) { %>\\n          <span class=\\\"label label-default\\\"><%- role.name %></span>\\n        <% }) %>\\n      <% } else { %>\\n        <p class=\\\"text-muted\\\">没有分配角色</p>\\n      <% } %>\\n      \",\n  \"actions\": [\n    {\n      \"label\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": null,\n        \"body\": {\n          \"api\": \"\",\n          \"type\": \"form\",\n        \"tabs\": [\n          {\n            \"title\": \"基本信息\",\n            \"controls\": [\n              {\n                \"type\": \"hidden\",\n                \"name\": \"id\"\n              },\n              {\n                \"name\": \"name\",\n                \"label\": \"帐号\",\n                \"disabled\": true,\n                \"type\": \"text\"\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"email\",\n                \"label\": \"邮箱\",\n                \"type\": \"text\",\n                \"disabled\": true\n              },\n              {\n                \"type\": \"divider\"\n              },\n              {\n                \"name\": \"isAmisOwner\",\n                \"label\": \"管理员\",\n                \"description\": \"设置是否为超级管理\",\n                \"type\": \"switch\"\n              }\n            ]\n          },\n          {\n            \"title\": \"角色信息\",\n            \"controls\": [\n\n            ]\n          },\n          {\n            \"title\": \"设置权限\",\n            \"controls\": [\n\n            ]\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"label\": \"移除\",\n      \"confirmText\": \"您确定要移除该用户?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD-Cards.md\">/docs/renderers/CRUD-Cards.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/CRUD-List.html b/gh-pages/docs/renderers/CRUD-List.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/CRUD-List.html
+++ b/gh-pages/docs/renderers/CRUD-List.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/CRUD-List_4ab38d0.js b/gh-pages/docs/renderers/CRUD-List_b57eddd.js
similarity index 90%
rename from gh-pages/docs/renderers/CRUD-List_4ab38d0.js
rename to gh-pages/docs/renderers/CRUD-List_b57eddd.js
index 8712468e4..1d93e266c 100644
--- a/gh-pages/docs/renderers/CRUD-List_4ab38d0.js
+++ b/gh-pages/docs/renderers/CRUD-List_b57eddd.js
@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD-List.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"list-crud-\" href=\"#list-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List(CRUD)</h3><p>请参考<a href=\"/amis/docs/renderers/List\">List</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/permissions\",\n\"mode\": \"list\",\n\"placeholder\": \"当前组内, 还没有配置任何权限.\",\n\"syncLocation\": false,\n\"title\": null,\n\"listItem\": {\n  \"title\": \"$name\",\n  \"subTitle\": \"$description\",\n  \"actions\": [\n    {\n      \"icon\": \"fa fa-edit\",\n      \"tooltip\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": \"编辑能力（权限）\",\n        \"body\": {\n          \"type\": \"form\",\n          \"controls\": [\n          {\n            \"type\": \"hidden\",\n            \"name\": \"id\"\n          },\n          {\n            \"name\": \"name\",\n            \"label\": \"权限名称\",\n            \"type\": \"text\",\n            \"disabled\": true\n          },\n          {\n            \"type\": \"divider\"\n          },\n          {\n            \"name\": \"description\",\n            \"label\": \"描述\",\n            \"type\": \"textarea\"\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"tooltip\": \"删除\",\n      \"disabledOn\": \"~[\\\"admin:permission\\\", \\\"admin:user\\\", \\\"admin:role\\\", \\\"admin:acl\\\", \\\"admin:page\\\", \\\"page:readAll\\\", \\\"admin:settings\\\"].indexOf(name)\",\n      \"icon\": \"fa fa-times\",\n      \"confirmText\": \"您确定要移除该权限?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"list-crud-\" href=\"#list-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List(CRUD)</h3><p>请参考<a href=\"/amis/docs/renderers/List\">List</a></p>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n\"type\": \"crud\",\n\"api\": \"https://houtai.baidu.com/api/mock2/crud/permissions\",\n\"mode\": \"list\",\n\"placeholder\": \"当前组内, 还没有配置任何权限.\",\n\"syncLocation\": false,\n\"title\": null,\n\"listItem\": {\n  \"title\": \"$name\",\n  \"subTitle\": \"$description\",\n  \"actions\": [\n    {\n      \"icon\": \"fa fa-edit\",\n      \"tooltip\": \"编辑\",\n      \"actionType\": \"dialog\",\n      \"dialog\": {\n        \"title\": \"编辑能力（权限）\",\n        \"body\": {\n          \"type\": \"form\",\n          \"controls\": [\n          {\n            \"type\": \"hidden\",\n            \"name\": \"id\"\n          },\n          {\n            \"name\": \"name\",\n            \"label\": \"权限名称\",\n            \"type\": \"text\",\n            \"disabled\": true\n          },\n          {\n            \"type\": \"divider\"\n          },\n          {\n            \"name\": \"description\",\n            \"label\": \"描述\",\n            \"type\": \"textarea\"\n          }\n        ]\n        }\n      }\n    },\n    {\n      \"tooltip\": \"删除\",\n      \"disabledOn\": \"~[\\\"admin:permission\\\", \\\"admin:user\\\", \\\"admin:role\\\", \\\"admin:acl\\\", \\\"admin:page\\\", \\\"page:readAll\\\", \\\"admin:settings\\\"].indexOf(name)\",\n      \"icon\": \"fa fa-times\",\n      \"confirmText\": \"您确定要移除该权限?\",\n      \"actionType\": \"ajax\",\n      \"api\": \"delete:https://houtai.baidu.com/api/mock2/notFound\"\n    }\n  ]\n}\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD-List.md\">/docs/renderers/CRUD-List.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/CRUD-Table.html b/gh-pages/docs/renderers/CRUD-Table.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/CRUD-Table.html
+++ b/gh-pages/docs/renderers/CRUD-Table.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/CRUD-Table_857c32d.js b/gh-pages/docs/renderers/CRUD-Table_10e8990.js
similarity index 86%
rename from gh-pages/docs/renderers/CRUD-Table_857c32d.js
rename to gh-pages/docs/renderers/CRUD-Table_10e8990.js
index 4e233aa55..3b6737c93 100644
--- a/gh-pages/docs/renderers/CRUD-Table_857c32d.js
+++ b/gh-pages/docs/renderers/CRUD-Table_10e8990.js
@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD-Table.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"table-crud-\" href=\"#table-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table(CRUD)</h3><p>在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能，更多参数，请参考<a href=\"/amis/docs/renderers/Table\">Table</a></p>\n<ul>\n<li><code>sortable</code> 开启后可以根据当前列排序(后端排序)。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n    \"type\": \"crud\",\n    \"api\": \"https://houtai.baidu.com/api/sample\",\n    \"syncLocation\": false,\n    \"title\": null,\n    \"perPageField\":\"rn\",\n    \"defaultParams\":{\n        \"rn\": 10\n    },\n    \"columns\": [\n        {\n            \"name\": \"id\",\n            \"label\": \"ID\",\n            \"width\": 20,\n            \"sortable\": true\n        },\n        {\n            \"name\": \"engine\",\n            \"label\": \"Rendering engine\",\n            \"sortable\": true,\n            \"toggled\": false\n        },\n        {\n            \"name\": \"browser\",\n            \"label\": \"Browser\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"platform\",\n            \"label\": \"Platform(s)\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"version\",\n            \"label\": \"Engine version\"\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"table-crud-\" href=\"#table-crud-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table(CRUD)</h3><p>在 CRUD 中的 Table 主要增加了 Column 里面的以下配置功能，更多参数，请参考<a href=\"/amis/docs/renderers/Table\">Table</a></p>\n<ul>\n<li><code>sortable</code> 开启后可以根据当前列排序(后端排序)。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 1000px\"><script type=\"text/schema\" height=\"1000\" scope=\"body\">{\n    \"type\": \"crud\",\n    \"api\": \"https://houtai.baidu.com/api/sample\",\n    \"syncLocation\": false,\n    \"title\": null,\n    \"perPageField\":\"rn\",\n    \"defaultParams\":{\n        \"rn\": 10\n    },\n    \"columns\": [\n        {\n            \"name\": \"id\",\n            \"label\": \"ID\",\n            \"width\": 20,\n            \"sortable\": true\n        },\n        {\n            \"name\": \"engine\",\n            \"label\": \"Rendering engine\",\n            \"sortable\": true,\n            \"toggled\": false\n        },\n        {\n            \"name\": \"browser\",\n            \"label\": \"Browser\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"platform\",\n            \"label\": \"Platform(s)\",\n            \"sortable\": true\n        },\n        {\n            \"name\": \"version\",\n            \"label\": \"Engine version\"\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD-Table.md\">/docs/renderers/CRUD-Table.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/CRUD.html b/gh-pages/docs/renderers/CRUD.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/CRUD.html
+++ b/gh-pages/docs/renderers/CRUD.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/CRUD_614b67f.js b/gh-pages/docs/renderers/CRUD_1a6567e.js
similarity index 96%
rename from gh-pages/docs/renderers/CRUD_614b67f.js
rename to gh-pages/docs/renderers/CRUD_1a6567e.js
index 824888847..372ff1c33 100644
--- a/gh-pages/docs/renderers/CRUD_614b67f.js
+++ b/gh-pages/docs/renderers/CRUD_1a6567e.js
@@ -1,7 +1,7 @@
 define('docs/renderers/CRUD.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"crud\" href=\"#crud\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>CRUD</h2><p>增删改查模型，主要用来展现列表，并支持各类【增】【删】【改】【查】的操作。</p>\n<p>CRUD 支持三种模式：<code>table</code>、<code>cards</code>、<code>list</code>，默认为 <code>table</code>。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>type</code> 指定为 CRUD 渲染器</td>\n</tr>\n<tr>\n<td>mode</td>\n<td><code>string</code></td>\n<td><code>&quot;table&quot;</code></td>\n<td><code>&quot;table&quot; 、 &quot;cards&quot; 或者 &quot;list&quot;</code></td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>可设置成空，当设置成空时，没有标题栏</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>表格外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>CRUD 用来获取列表数据的 api。</td>\n</tr>\n<tr>\n<td>loadDataOnce</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否一次性加载所有数据（前端分页）</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td></td>\n<td>数据映射接口返回某字段的值，不设置会默认把接口返回的<code>items</code>或者<code>rows</code>填充进<code>mode</code>区域</td>\n</tr>\n<tr>\n<td>filter</td>\n<td><a href=\"/amis/docs/renderers/Form/Form\">Form</a></td>\n<td></td>\n<td>设置过滤器，当该表单提交后，会把数据带给当前 <code>mode</code> 刷新列表。</td>\n</tr>\n<tr>\n<td>filterTogglable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可显隐过滤器</td>\n</tr>\n<tr>\n<td>filterDefaultVisible</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>设置过滤器默认是否可见。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否隐藏加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhenModalIsOpen</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>当有弹框时关闭自动刷新，关闭弹框又恢复</td>\n</tr>\n<tr>\n<td>syncLocation</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否将过滤条件的参数同步到地址栏</td>\n</tr>\n<tr>\n<td>draggable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可通过拖拽排序</td>\n</tr>\n<tr>\n<td>itemDraggableOn</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>用<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置是否可拖拽排序</td>\n</tr>\n<tr>\n<td>saveOrderApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>保存排序的 api。</td>\n</tr>\n<tr>\n<td>quickSaveApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>快速编辑后用来批量保存的 API。</td>\n</tr>\n<tr>\n<td>quickSaveItemApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>快速编辑配置成及时保存时使用的 API。</td>\n</tr>\n<tr>\n<td>bulkActions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>批量操作列表，配置后，表格可进行选中操作。</td>\n</tr>\n<tr>\n<td>defaultChecked</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>当可批量操作时，默认是否全部勾选。</td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>Object</code></td>\n<td></td>\n<td>覆盖消息提示，如果不指定，将采用 api 返回的 message</td>\n</tr>\n<tr>\n<td>messages.fetchFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取失败时提示</td>\n</tr>\n<tr>\n<td>messages.saveOrderFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存顺序失败提示</td>\n</tr>\n<tr>\n<td>messages.saveOrderSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存顺序成功提示</td>\n</tr>\n<tr>\n<td>messages.quickSaveFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>快速保存失败提示</td>\n</tr>\n<tr>\n<td>messages.quickSaveSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>快速保存成功提示</td>\n</tr>\n<tr>\n<td>primaryField</td>\n<td><code>string</code></td>\n<td><code>&quot;id&quot;</code></td>\n<td>设置 ID 字段名。</td>\n</tr>\n<tr>\n<td>defaultParams</td>\n<td><code>Object</code></td>\n<td></td>\n<td>设置默认 filter 默认参数，会在查询的时候一起发给后端</td>\n</tr>\n<tr>\n<td>pageField</td>\n<td><code>string</code></td>\n<td><code>&quot;page&quot;</code></td>\n<td>设置分页页码字段名。</td>\n</tr>\n<tr>\n<td>perPageField</td>\n<td><code>string</code></td>\n<td><code>&quot;perPage&quot;</code></td>\n<td>设置分页一页显示的多少条数据的字段名。注意：最好与 defaultParams 一起使用，请看下面例子。</td>\n</tr>\n<tr>\n<td>perPageAvailable</td>\n<td><code>Array&lt;number&gt;</code></td>\n<td><code>[5, 10, 20, 50, 100]</code></td>\n<td>设置一页显示多少条数据下拉框可选条数。</td>\n</tr>\n<tr>\n<td>orderField</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。</td>\n</tr>\n<tr>\n<td>hideQuickSaveBtn</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>隐藏顶部快速保存提示</td>\n</tr>\n<tr>\n<td>autoJumpToTopOnPagerChange</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>当切分页的时候，是否自动跳顶部。</td>\n</tr>\n<tr>\n<td>syncResponse2Query</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>将返回数据同步到过滤器上。</td>\n</tr>\n<tr>\n<td>keepItemSelectionOnPageChange</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>保留条目选择，默认分页、搜素后，用户选择条目会被清空，开启此选项后会保留用户选择，可以实现跨页面批量操作。</td>\n</tr>\n<tr>\n<td>labelTpl</td>\n<td><code>string</code></td>\n<td></td>\n<td>单条描述模板，<code>keepItemSelectionOnPageChange</code>设置为<code>true</code>后会把所有已选择条目列出来，此选项可以用来定制条目展示文案。</td>\n</tr>\n<tr>\n<td>headerToolbar</td>\n<td>Array</td>\n<td><code>[&#39;bulkActions&#39;, &#39;pagination&#39;]</code></td>\n<td>顶部工具栏配置</td>\n</tr>\n<tr>\n<td>footerToolbar</td>\n<td>Array</td>\n<td><code>[&#39;statistics&#39;, &#39;pagination&#39;]</code></td>\n<td>顶部工具栏配置</td>\n</tr>\n</tbody>\n</table>\n",
+    "html": "<h2><a class=\"anchor\" name=\"crud\" href=\"#crud\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>CRUD</h2><p>增删改查模型，主要用来展现列表，并支持各类【增】【删】【改】【查】的操作。</p>\n<p>CRUD 支持三种模式：<code>table</code>、<code>cards</code>、<code>list</code>，默认为 <code>table</code>。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>type</code> 指定为 CRUD 渲染器</td>\n</tr>\n<tr>\n<td>mode</td>\n<td><code>string</code></td>\n<td><code>&quot;table&quot;</code></td>\n<td><code>&quot;table&quot; 、 &quot;cards&quot; 或者 &quot;list&quot;</code></td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>可设置成空，当设置成空时，没有标题栏</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>表格外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>CRUD 用来获取列表数据的 api。</td>\n</tr>\n<tr>\n<td>loadDataOnce</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否一次性加载所有数据（前端分页）</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td></td>\n<td>数据映射接口返回某字段的值，不设置会默认把接口返回的<code>items</code>或者<code>rows</code>填充进<code>mode</code>区域</td>\n</tr>\n<tr>\n<td>filter</td>\n<td><a href=\"/amis/docs/renderers/Form/Form\">Form</a></td>\n<td></td>\n<td>设置过滤器，当该表单提交后，会把数据带给当前 <code>mode</code> 刷新列表。</td>\n</tr>\n<tr>\n<td>filterTogglable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可显隐过滤器</td>\n</tr>\n<tr>\n<td>filterDefaultVisible</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>设置过滤器默认是否可见。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否隐藏加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhenModalIsOpen</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>当有弹框时关闭自动刷新，关闭弹框又恢复</td>\n</tr>\n<tr>\n<td>syncLocation</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否将过滤条件的参数同步到地址栏</td>\n</tr>\n<tr>\n<td>draggable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可通过拖拽排序</td>\n</tr>\n<tr>\n<td>itemDraggableOn</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>用<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置是否可拖拽排序</td>\n</tr>\n<tr>\n<td>saveOrderApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>保存排序的 api。</td>\n</tr>\n<tr>\n<td>quickSaveApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>快速编辑后用来批量保存的 API。</td>\n</tr>\n<tr>\n<td>quickSaveItemApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>快速编辑配置成及时保存时使用的 API。</td>\n</tr>\n<tr>\n<td>bulkActions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>批量操作列表，配置后，表格可进行选中操作。</td>\n</tr>\n<tr>\n<td>defaultChecked</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>当可批量操作时，默认是否全部勾选。</td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>Object</code></td>\n<td></td>\n<td>覆盖消息提示，如果不指定，将采用 api 返回的 message</td>\n</tr>\n<tr>\n<td>messages.fetchFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取失败时提示</td>\n</tr>\n<tr>\n<td>messages.saveOrderFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存顺序失败提示</td>\n</tr>\n<tr>\n<td>messages.saveOrderSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存顺序成功提示</td>\n</tr>\n<tr>\n<td>messages.quickSaveFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>快速保存失败提示</td>\n</tr>\n<tr>\n<td>messages.quickSaveSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>快速保存成功提示</td>\n</tr>\n<tr>\n<td>primaryField</td>\n<td><code>string</code></td>\n<td><code>&quot;id&quot;</code></td>\n<td>设置 ID 字段名。</td>\n</tr>\n<tr>\n<td>defaultParams</td>\n<td><code>Object</code></td>\n<td></td>\n<td>设置默认 filter 默认参数，会在查询的时候一起发给后端</td>\n</tr>\n<tr>\n<td>pageField</td>\n<td><code>string</code></td>\n<td><code>&quot;page&quot;</code></td>\n<td>设置分页页码字段名。</td>\n</tr>\n<tr>\n<td>perPageField</td>\n<td><code>string</code></td>\n<td><code>&quot;perPage&quot;</code></td>\n<td>设置分页一页显示的多少条数据的字段名。注意：最好与 defaultParams 一起使用，请看下面例子。</td>\n</tr>\n<tr>\n<td>perPageAvailable</td>\n<td><code>Array&lt;number&gt;</code></td>\n<td><code>[5, 10, 20, 50, 100]</code></td>\n<td>设置一页显示多少条数据下拉框可选条数。</td>\n</tr>\n<tr>\n<td>orderField</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置用来确定位置的字段名，设置后新的顺序将被赋值到该字段中。</td>\n</tr>\n<tr>\n<td>hideQuickSaveBtn</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>隐藏顶部快速保存提示</td>\n</tr>\n<tr>\n<td>autoJumpToTopOnPagerChange</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>当切分页的时候，是否自动跳顶部。</td>\n</tr>\n<tr>\n<td>syncResponse2Query</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>将返回数据同步到过滤器上。</td>\n</tr>\n<tr>\n<td>keepItemSelectionOnPageChange</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>保留条目选择，默认分页、搜素后，用户选择条目会被清空，开启此选项后会保留用户选择，可以实现跨页面批量操作。</td>\n</tr>\n<tr>\n<td>labelTpl</td>\n<td><code>string</code></td>\n<td></td>\n<td>单条描述模板，<code>keepItemSelectionOnPageChange</code>设置为<code>true</code>后会把所有已选择条目列出来，此选项可以用来定制条目展示文案。</td>\n</tr>\n<tr>\n<td>headerToolbar</td>\n<td>Array</td>\n<td><code>[&#39;bulkActions&#39;, &#39;pagination&#39;]</code></td>\n<td>顶部工具栏配置</td>\n</tr>\n<tr>\n<td>footerToolbar</td>\n<td>Array</td>\n<td><code>[&#39;statistics&#39;, &#39;pagination&#39;]</code></td>\n<td>顶部工具栏配置</td>\n</tr>\n</tbody>\n</table>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/CRUD.md\">/docs/renderers/CRUD.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Card.html b/gh-pages/docs/renderers/Card.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Card.html
+++ b/gh-pages/docs/renderers/Card.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Card_4f5b9c4.js b/gh-pages/docs/renderers/Card_749edc3.js
similarity index 92%
rename from gh-pages/docs/renderers/Card_4f5b9c4.js
rename to gh-pages/docs/renderers/Card_749edc3.js
index 3b99f0f35..1df459193 100644
--- a/gh-pages/docs/renderers/Card_4f5b9c4.js
+++ b/gh-pages/docs/renderers/Card_749edc3.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Card.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"card\" href=\"#card\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Card</h2><p>卡片的展示形式。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;card&quot;</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>header</td>\n<td><code>Object</code></td>\n<td></td>\n<td>Card 头部内容设置</td>\n</tr>\n<tr>\n<td>header.className</td>\n<td><code>string</code></td>\n<td></td>\n<td>头部类名</td>\n</tr>\n<tr>\n<td>header.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题</td>\n</tr>\n<tr>\n<td>header.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述</td>\n</tr>\n<tr>\n<td>header.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片</td>\n</tr>\n<tr>\n<td>header.highlight</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否点亮</td>\n</tr>\n<tr>\n<td>header.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;pull-left thumb avatar b-3x m-r&quot;</code></td>\n<td>图片类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><code>Array</code> 或者 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;padder m-t-sm m-b-sm&quot;</code></td>\n<td>内容区域类名</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Form/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"card\",\n    \"header\": {\n        \"title\": \"Title\",\n        \"subTitle\": \"Sub Title\",\n        \"description\": \"description\",\n        \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\",\n        \"avatar\": \"raw:http://hiphotos.baidu.com/fex/%70%69%63/item/c9fcc3cec3fdfc03ccabb38edd3f8794a4c22630.jpg\"\n    },\n    \"body\": \"Body\",\n    \"actions\": [\n        {\n            \"type\": \"button\",\n            \"label\": \"Action 1\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n        },\n\n        {\n          \"type\": \"button\",\n          \"label\": \"Action 2\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"card\" href=\"#card\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Card</h2><p>卡片的展示形式。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;card&quot;</code></td>\n<td>指定为 Card 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>header</td>\n<td><code>Object</code></td>\n<td></td>\n<td>Card 头部内容设置</td>\n</tr>\n<tr>\n<td>header.className</td>\n<td><code>string</code></td>\n<td></td>\n<td>头部类名</td>\n</tr>\n<tr>\n<td>header.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题</td>\n</tr>\n<tr>\n<td>header.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述</td>\n</tr>\n<tr>\n<td>header.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片</td>\n</tr>\n<tr>\n<td>header.highlight</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否点亮</td>\n</tr>\n<tr>\n<td>header.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;pull-left thumb avatar b-3x m-r&quot;</code></td>\n<td>图片类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><code>Array</code> 或者 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;padder m-t-sm m-b-sm&quot;</code></td>\n<td>内容区域类名</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Form/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"card\",\n    \"header\": {\n        \"title\": \"Title\",\n        \"subTitle\": \"Sub Title\",\n        \"description\": \"description\",\n        \"avatarClassName\": \"pull-left thumb-md avatar b-3x m-r\",\n        \"avatar\": \"raw:http://hiphotos.baidu.com/fex/%70%69%63/item/c9fcc3cec3fdfc03ccabb38edd3f8794a4c22630.jpg\"\n    },\n    \"body\": \"Body\",\n    \"actions\": [\n        {\n            \"type\": \"button\",\n            \"label\": \"Action 1\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n        },\n\n        {\n          \"type\": \"button\",\n          \"label\": \"Action 2\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Card.md\">/docs/renderers/Card.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Cards.html b/gh-pages/docs/renderers/Cards.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Cards.html
+++ b/gh-pages/docs/renderers/Cards.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Cards_4d2b771.js b/gh-pages/docs/renderers/Cards_7f01e70.js
similarity index 93%
rename from gh-pages/docs/renderers/Cards_4d2b771.js
rename to gh-pages/docs/renderers/Cards_7f01e70.js
index f2173a318..ca2e84c43 100644
--- a/gh-pages/docs/renderers/Cards_4d2b771.js
+++ b/gh-pages/docs/renderers/Cards_7f01e70.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Cards.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"cards\" href=\"#cards\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards</h2><p>卡片集合。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;cards&quot;</code> 指定为卡片集合。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td>‘暂无数据’</td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td><code>string</code></td>\n<td><code>col-sm-4 col-md-3</code></td>\n<td>卡片 CSS 类名</td>\n</tr>\n<tr>\n<td>card</td>\n<td><a href=\"/amis/docs/renderers/Card\">Card</a></td>\n<td></td>\n<td>配置卡片信息</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=8\",\n    \"body\": [\n        {\n            \"type\": \"panel\",\n            \"title\": \"简单 Cards 示例\",\n            \"body\": {\n                \"type\": \"cards\",\n                \"source\": \"$rows\",\n                \"card\": {\n                  \"body\": [\n                    {\n                      \"label\": \"Engine\",\n                      \"name\": \"engine\"\n                    },\n\n                    {\n                      \"name\": \"version\",\n                      \"label\": \"Version\"\n                    }\n                  ],\n\n                  \"actions\": [\n                    {\n                      \"type\": \"button\",\n                      \"level\": \"link\",\n                      \"icon\": \"fa fa-eye\",\n                      \"actionType\": \"dialog\",\n                      \"dialog\": {\n                        \"title\": \"查看详情\",\n                        \"body\": {\n                          \"type\": \"form\",\n                          \"controls\": [\n                            {\n                              \"label\": \"Engine\",\n                              \"name\": \"engine\",\n                              \"type\": \"static\"\n                            },\n\n                            {\n                                \"name\": \"version\",\n                                \"label\": \"Version\",\n                                \"type\": \"static\"\n                            }\n                          ]\n                        }\n                      }\n                    }\n                  ]\n                }\n            }\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"cards\" href=\"#cards\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Cards</h2><p>卡片集合。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;cards&quot;</code> 指定为卡片集合。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td>‘暂无数据’</td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-grid-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td><code>string</code></td>\n<td><code>col-sm-4 col-md-3</code></td>\n<td>卡片 CSS 类名</td>\n</tr>\n<tr>\n<td>card</td>\n<td><a href=\"/amis/docs/renderers/Card\">Card</a></td>\n<td></td>\n<td>配置卡片信息</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=8\",\n    \"body\": [\n        {\n            \"type\": \"panel\",\n            \"title\": \"简单 Cards 示例\",\n            \"body\": {\n                \"type\": \"cards\",\n                \"source\": \"$rows\",\n                \"card\": {\n                  \"body\": [\n                    {\n                      \"label\": \"Engine\",\n                      \"name\": \"engine\"\n                    },\n\n                    {\n                      \"name\": \"version\",\n                      \"label\": \"Version\"\n                    }\n                  ],\n\n                  \"actions\": [\n                    {\n                      \"type\": \"button\",\n                      \"level\": \"link\",\n                      \"icon\": \"fa fa-eye\",\n                      \"actionType\": \"dialog\",\n                      \"dialog\": {\n                        \"title\": \"查看详情\",\n                        \"body\": {\n                          \"type\": \"form\",\n                          \"controls\": [\n                            {\n                              \"label\": \"Engine\",\n                              \"name\": \"engine\",\n                              \"type\": \"static\"\n                            },\n\n                            {\n                                \"name\": \"version\",\n                                \"label\": \"Version\",\n                                \"type\": \"static\"\n                            }\n                          ]\n                        }\n                      }\n                    }\n                  ]\n                }\n            }\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Cards.md\">/docs/renderers/Cards.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Carousel.html b/gh-pages/docs/renderers/Carousel.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Carousel.html
+++ b/gh-pages/docs/renderers/Carousel.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Carousel_2103dd5.js b/gh-pages/docs/renderers/Carousel_ef4fdde.js
similarity index 90%
rename from gh-pages/docs/renderers/Carousel_2103dd5.js
rename to gh-pages/docs/renderers/Carousel_ef4fdde.js
index 26884d733..e7d877bb8 100644
--- a/gh-pages/docs/renderers/Carousel_2103dd5.js
+++ b/gh-pages/docs/renderers/Carousel_ef4fdde.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Carousel.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"carousel\" href=\"#carousel\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Carousel</h2><p>轮播图</p>\n<ul>\n<li><code>type</code> 请设置成 <code>carousel</code></li>\n<li><code>className</code> 外层 Dom 的类名</li>\n<li><code>options</code> 轮播面板数据，默认<code>[]</code>，支持以下模式<ul>\n<li>图片<ul>\n<li><code>image</code> 图片链接</li>\n<li><code>imageClassName</code> 图片类名</li>\n<li><code>title</code> 图片标题</li>\n<li><code>titleClassName</code> 图片标题类名</li>\n<li><code>description</code> 图片描述</li>\n<li><code>descriptionClassName</code> 图片描述类名</li>\n</ul>\n</li>\n<li><code>html</code> HTML 自定义，同<a href=\"/amis/docs/renderers/Tpl\">Tpl</a>一致</li>\n</ul>\n</li>\n<li><code>itemSchema</code> 自定义<code>schema</code>来展示数据</li>\n<li><code>auto</code> 是否自动轮播，默认<code>true</code></li>\n<li><code>interval</code> 切换动画间隔，默认<code>5s</code></li>\n<li><code>duration</code> 切换动画时长，默认<code>0.5s</code></li>\n<li><code>width</code> 宽度，默认<code>auto</code></li>\n<li><code>height</code> 高度，默认<code>200px</code></li>\n<li><code>controls</code> 显示左右箭头、底部圆点索引，默认<code>[&#39;dots&#39;, &#39;arrows&#39;]</code></li>\n<li><code>controlsTheme</code> 左右箭头、底部圆点索引颜色，默认<code>light</code>，另有<code>dark</code>模式</li>\n<li><code>animation</code> 切换动画效果，默认<code>fade</code>，另有<code>slide</code>模式</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"carousel\",\n    \"controlTheme\": \"light\",\n    \"height\": \"300\",\n    \"animation\": \"slide\",\n    \"options\": [\n        {\n            \"image\": \"https://video-react.js.org/assets/poster.png\"\n        },\n        {\n            \"html\": \"<div style=\\\"width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;\\\">carousel data</div>\"\n        },\n        {\n            \"image\": \"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"carousel\" href=\"#carousel\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Carousel</h2><p>轮播图</p>\n<ul>\n<li><code>type</code> 请设置成 <code>carousel</code></li>\n<li><code>className</code> 外层 Dom 的类名</li>\n<li><code>options</code> 轮播面板数据，默认<code>[]</code>，支持以下模式<ul>\n<li>图片<ul>\n<li><code>image</code> 图片链接</li>\n<li><code>imageClassName</code> 图片类名</li>\n<li><code>title</code> 图片标题</li>\n<li><code>titleClassName</code> 图片标题类名</li>\n<li><code>description</code> 图片描述</li>\n<li><code>descriptionClassName</code> 图片描述类名</li>\n</ul>\n</li>\n<li><code>html</code> HTML 自定义，同<a href=\"/amis/docs/renderers/Tpl\">Tpl</a>一致</li>\n</ul>\n</li>\n<li><code>itemSchema</code> 自定义<code>schema</code>来展示数据</li>\n<li><code>auto</code> 是否自动轮播，默认<code>true</code></li>\n<li><code>interval</code> 切换动画间隔，默认<code>5s</code></li>\n<li><code>duration</code> 切换动画时长，默认<code>0.5s</code></li>\n<li><code>width</code> 宽度，默认<code>auto</code></li>\n<li><code>height</code> 高度，默认<code>200px</code></li>\n<li><code>controls</code> 显示左右箭头、底部圆点索引，默认<code>[&#39;dots&#39;, &#39;arrows&#39;]</code></li>\n<li><code>controlsTheme</code> 左右箭头、底部圆点索引颜色，默认<code>light</code>，另有<code>dark</code>模式</li>\n<li><code>animation</code> 切换动画效果，默认<code>fade</code>，另有<code>slide</code>模式</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"carousel\",\n    \"controlTheme\": \"light\",\n    \"height\": \"300\",\n    \"animation\": \"slide\",\n    \"options\": [\n        {\n            \"image\": \"https://video-react.js.org/assets/poster.png\"\n        },\n        {\n            \"html\": \"<div style=\\\"width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;\\\">carousel data</div>\"\n        },\n        {\n            \"image\": \"https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Carousel.md\">/docs/renderers/Carousel.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Chart.html b/gh-pages/docs/renderers/Chart.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Chart.html
+++ b/gh-pages/docs/renderers/Chart.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Chart_df620dd.js b/gh-pages/docs/renderers/Chart_b5bbfb2.js
similarity index 88%
rename from gh-pages/docs/renderers/Chart_df620dd.js
rename to gh-pages/docs/renderers/Chart_b5bbfb2.js
index 8d067fa0b..93cc0d558 100644
--- a/gh-pages/docs/renderers/Chart_df620dd.js
+++ b/gh-pages/docs/renderers/Chart_b5bbfb2.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Chart.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"chart\" href=\"#chart\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chart</h2><p>图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，<a href=\"http://echarts.baidu.com/option.html#title\">echarts配置文档</a></p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;chart&quot;</code></td>\n<td>指定为 chart 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>配置项远程地址</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>config</td>\n<td><code>object/string</code></td>\n<td></td>\n<td>设置 eschars 的配置项,当为<code>string</code>的时候可以设置 function 等配置项</td>\n</tr>\n<tr>\n<td>style</td>\n<td><code>object</code></td>\n<td></td>\n<td>设置根元素的 style</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"chart\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/chart/chart\",\n    \"interval\": 5000\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"chart\" href=\"#chart\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chart</h2><p>图表渲染器，采用 echarts 渲染，配置格式跟 echarts 相同，<a href=\"http://echarts.baidu.com/option.html#title\">echarts配置文档</a></p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;chart&quot;</code></td>\n<td>指定为 chart 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>配置项远程地址</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>config</td>\n<td><code>object/string</code></td>\n<td></td>\n<td>设置 eschars 的配置项,当为<code>string</code>的时候可以设置 function 等配置项</td>\n</tr>\n<tr>\n<td>style</td>\n<td><code>object</code></td>\n<td></td>\n<td>设置根元素的 style</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"chart\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/chart/chart\",\n    \"interval\": 5000\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Chart.md\">/docs/renderers/Chart.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Collapse.html b/gh-pages/docs/renderers/Collapse.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Collapse.html
+++ b/gh-pages/docs/renderers/Collapse.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Collapse_1c33589.js b/gh-pages/docs/renderers/Collapse_b0819a6.js
similarity index 82%
rename from gh-pages/docs/renderers/Collapse_1c33589.js
rename to gh-pages/docs/renderers/Collapse_b0819a6.js
index 4ab1f52b3..bfbfcf046 100644
--- a/gh-pages/docs/renderers/Collapse_1c33589.js
+++ b/gh-pages/docs/renderers/Collapse_b0819a6.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Collapse.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"collapse\" href=\"#collapse\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Collapse</h2><p>折叠器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>collapse</code></li>\n<li><code>title</code> 标题</li>\n<li><code>collapsed</code> 默认是否要收起。</li>\n<li><code>className</code> CSS 类名，默认：<code>bg-white wrapper</code>。</li>\n<li><code>headingClassName</code> 标题 CSS 类名，默认：<code>font-thin b-b b-light text-lg p-b-xs</code>。</li>\n<li><code>bodyClassName</code> 内容 CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"collapse\",\n    \"title\": \"标题\",\n    \"body\": \"内容。。。\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"collapse\" href=\"#collapse\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Collapse</h2><p>折叠器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>collapse</code></li>\n<li><code>title</code> 标题</li>\n<li><code>collapsed</code> 默认是否要收起。</li>\n<li><code>className</code> CSS 类名，默认：<code>bg-white wrapper</code>。</li>\n<li><code>headingClassName</code> 标题 CSS 类名，默认：<code>font-thin b-b b-light text-lg p-b-xs</code>。</li>\n<li><code>bodyClassName</code> 内容 CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"body\">{\n    \"type\": \"collapse\",\n    \"title\": \"标题\",\n    \"body\": \"内容。。。\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Collapse.md\">/docs/renderers/Collapse.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Column.html b/gh-pages/docs/renderers/Column.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Column.html
+++ b/gh-pages/docs/renderers/Column.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Column_b6ec57c.js b/gh-pages/docs/renderers/Column_6bd40c9.js
similarity index 87%
rename from gh-pages/docs/renderers/Column_b6ec57c.js
rename to gh-pages/docs/renderers/Column_6bd40c9.js
index 616004546..79ee40ea8 100644
--- a/gh-pages/docs/renderers/Column_b6ec57c.js
+++ b/gh-pages/docs/renderers/Column_6bd40c9.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Column.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"column\" href=\"#column\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Column</h2><p>表格中的列配置</p>\n<ul>\n<li><code>type</code> 默认为 <code>text</code>，支持： <code>text</code>、<code>html</code>、<code>tpl</code>、<code>image</code>、<code>progress</code>、<code>status</code>、<code>date</code>、<code>datetime</code>、<code>time</code>、<code>json</code>、<code>mapping</code>参考 <a href=\"/amis/docs/renderers/Field\">Field 说明</a>和<a href=\"/amis/docs/renderers/Operation\">Operation</a>。</li>\n<li><code>name</code> 用来关联列表数据中的变量 <code>key</code>。</li>\n<li><code>label</code> 列标题。</li>\n<li><code>groupName</code> 如果想要分组，请设置这个！</li>\n<li><code>copyable</code> 开启后，会支持内容点击复制。</li>\n<li><code>width</code> 列宽度。</li>\n<li><code>popOver</code> 是否支持点击查看详情。当内容较长时，可以开启此配置。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。</li>\n<li><code>toggled</code> 控制默认是展示还是不展示，只有 Table 的 <code>columnsTogglable</code> 开启了才有效。</li>\n</ul>\n",
+    "html": "<h2><a class=\"anchor\" name=\"column\" href=\"#column\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Column</h2><p>表格中的列配置</p>\n<ul>\n<li><code>type</code> 默认为 <code>text</code>，支持： <code>text</code>、<code>html</code>、<code>tpl</code>、<code>image</code>、<code>progress</code>、<code>status</code>、<code>date</code>、<code>datetime</code>、<code>time</code>、<code>json</code>、<code>mapping</code>参考 <a href=\"/amis/docs/renderers/Field\">Field 说明</a>和<a href=\"/amis/docs/renderers/Operation\">Operation</a>。</li>\n<li><code>name</code> 用来关联列表数据中的变量 <code>key</code>。</li>\n<li><code>label</code> 列标题。</li>\n<li><code>groupName</code> 如果想要分组，请设置这个！</li>\n<li><code>copyable</code> 开启后，会支持内容点击复制。</li>\n<li><code>width</code> 列宽度。</li>\n<li><code>popOver</code> 是否支持点击查看详情。当内容较长时，可以开启此配置。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。</li>\n<li><code>toggled</code> 控制默认是展示还是不展示，只有 Table 的 <code>columnsTogglable</code> 开启了才有效。</li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Column.md\">/docs/renderers/Column.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Definitions.html b/gh-pages/docs/renderers/Definitions.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Definitions.html
+++ b/gh-pages/docs/renderers/Definitions.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Definitions_e21167a.js b/gh-pages/docs/renderers/Definitions_824906c.js
similarity index 92%
rename from gh-pages/docs/renderers/Definitions_e21167a.js
rename to gh-pages/docs/renderers/Definitions_824906c.js
index 271c8f075..aadb3f178 100644
--- a/gh-pages/docs/renderers/Definitions_e21167a.js
+++ b/gh-pages/docs/renderers/Definitions_824906c.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Definitions.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"definitions\" href=\"#definitions\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Definitions</h2><p><code>Definitions</code>建立当前页面公共的配置项，在其他组件中可以通过<code>$ref</code>来引用当前配置项中的内容。注意 definitions 只能在顶级节点中定义，定义在其他位置，将引用不到。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"definitions\": {\n          \"aa\": {\n              \"type\": \"text\",\n              \"name\": \"jack\",\n              \"value\": \"ref value\",\n              \"labelRemark\": \"通过<code>\\\\$ref</code>引入的组件\"\n          }\n      },\n      \"type\": \"page\",\n      \"title\": \"引用\",\n      \"body\": [\n          {\n              \"type\": \"form\",\n              \"api\": \"api/xxx\",\n              \"actions\": [],\n              \"controls\": [\n                  {\n                      \"$ref\": \"aa\"\n                  }\n              ]\n          }\n      ]\n}\n</script></div>\n<p><code>Definitions</code> 最大的作用其实是能够实现对数据格式的递归引用。来看这个栗子吧。</p>\n<div class=\"amis-preview\" style=\"height: 800px\"><script type=\"text/schema\" height=\"800\">{\n  \"definitions\": {\n          \"options\": {\n            \"type\": \"combo\",\n            \"multiple\": true,\n            \"multiLine\": true,\n            \"name\": \"options\",\n            \"controls\": [\n            {\n                \"type\": \"group\",\n                \"controls\": [\n                {\n                    \"label\": \"名称\",\n                    \"name\": \"label\",\n                    \"type\": \"text\",\n                    \"required\": true\n                },\n                {\n                    \"label\": \"值\",\n                    \"name\": \"value\",\n                    \"type\": \"text\",\n                    \"required\": true\n                }\n                ]\n            },\n            {\n                \"label\": \"包含子选项\",\n                \"type\": \"switch\",\n                \"name\": \"hasChildren\",\n                \"mode\": \"inline\",\n                \"className\": \"block\"\n            },\n            {\n                \"$ref\": \"options\",\n                \"label\": \"子选项\",\n                \"name\": \"children\",\n                \"visibleOn\": \"this.hasOwnProperty('hasChildren') && this.hasChildren\",\n                \"addButtonText\": \"新增子选项\"\n            }\n            ]\n        }\n      },\n      \"type\": \"page\",\n      \"title\": \"引用\",\n      \"body\": [\n          {\n              \"type\": \"form\",\n              \"api\": \"api/xxx\",\n              \"actions\": [],\n              \"controls\": [\n                  {\n                      \"$ref\": \"options\",\n                      \"label\": \"选项\"\n                  },\n\n                  {\n                      \"type\": \"static\",\n                      \"label\": \"当前值\",\n                      \"tpl\": \"<pre>${options|json}</pre>\"\n                  }\n              ]\n          }\n      ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"definitions\" href=\"#definitions\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Definitions</h2><p><code>Definitions</code>建立当前页面公共的配置项，在其他组件中可以通过<code>$ref</code>来引用当前配置项中的内容。注意 definitions 只能在顶级节点中定义，定义在其他位置，将引用不到。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"definitions\": {\n          \"aa\": {\n              \"type\": \"text\",\n              \"name\": \"jack\",\n              \"value\": \"ref value\",\n              \"labelRemark\": \"通过<code>\\\\$ref</code>引入的组件\"\n          }\n      },\n      \"type\": \"page\",\n      \"title\": \"引用\",\n      \"body\": [\n          {\n              \"type\": \"form\",\n              \"api\": \"api/xxx\",\n              \"actions\": [],\n              \"controls\": [\n                  {\n                      \"$ref\": \"aa\"\n                  }\n              ]\n          }\n      ]\n}\n</script></div>\n<p><code>Definitions</code> 最大的作用其实是能够实现对数据格式的递归引用。来看这个栗子吧。</p>\n<div class=\"amis-preview\" style=\"height: 800px\"><script type=\"text/schema\" height=\"800\">{\n  \"definitions\": {\n          \"options\": {\n            \"type\": \"combo\",\n            \"multiple\": true,\n            \"multiLine\": true,\n            \"name\": \"options\",\n            \"controls\": [\n            {\n                \"type\": \"group\",\n                \"controls\": [\n                {\n                    \"label\": \"名称\",\n                    \"name\": \"label\",\n                    \"type\": \"text\",\n                    \"required\": true\n                },\n                {\n                    \"label\": \"值\",\n                    \"name\": \"value\",\n                    \"type\": \"text\",\n                    \"required\": true\n                }\n                ]\n            },\n            {\n                \"label\": \"包含子选项\",\n                \"type\": \"switch\",\n                \"name\": \"hasChildren\",\n                \"mode\": \"inline\",\n                \"className\": \"block\"\n            },\n            {\n                \"$ref\": \"options\",\n                \"label\": \"子选项\",\n                \"name\": \"children\",\n                \"visibleOn\": \"this.hasOwnProperty('hasChildren') && this.hasChildren\",\n                \"addButtonText\": \"新增子选项\"\n            }\n            ]\n        }\n      },\n      \"type\": \"page\",\n      \"title\": \"引用\",\n      \"body\": [\n          {\n              \"type\": \"form\",\n              \"api\": \"api/xxx\",\n              \"actions\": [],\n              \"controls\": [\n                  {\n                      \"$ref\": \"options\",\n                      \"label\": \"选项\"\n                  },\n\n                  {\n                      \"type\": \"static\",\n                      \"label\": \"当前值\",\n                      \"tpl\": \"<pre>${options|json}</pre>\"\n                  }\n              ]\n          }\n      ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Definitions.md\">/docs/renderers/Definitions.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Dialog.html b/gh-pages/docs/renderers/Dialog.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Dialog.html
+++ b/gh-pages/docs/renderers/Dialog.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Dialog_a8fc2e2.js b/gh-pages/docs/renderers/Dialog_669f15c.js
similarity index 90%
rename from gh-pages/docs/renderers/Dialog_a8fc2e2.js
rename to gh-pages/docs/renderers/Dialog_669f15c.js
index 196fc12af..56258b499 100644
--- a/gh-pages/docs/renderers/Dialog_a8fc2e2.js
+++ b/gh-pages/docs/renderers/Dialog_669f15c.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Dialog.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"dialog\" href=\"#dialog\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Dialog</h2><p>Dialog 由 <a href=\"/amis/docs/renderers/Action\">Action</a> 触发。他是一个类似于 <a href=\"/amis/docs/renderers/Page\">Page</a> 的容器模型。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;dialog&quot;</code> 指定为 Dialog 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Dialog 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 dialog 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Dialog body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Dialog</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>如果设置此属性，则该 Dialog 只读没有提交操作。</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n<tr>\n<td>data</td>\n<td><code>object</code></td>\n<td></td>\n<td>用于数据映射，如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 <a href=\"/amis/docs/renderers/Types#api\">data</a> 用法</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"dialog\" href=\"#dialog\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Dialog</h2><p>Dialog 由 <a href=\"/amis/docs/renderers/Action\">Action</a> 触发。他是一个类似于 <a href=\"/amis/docs/renderers/Page\">Page</a> 的容器模型。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;dialog&quot;</code> 指定为 Dialog 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Dialog 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 dialog 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Dialog body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Dialog</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>如果设置此属性，则该 Dialog 只读没有提交操作。</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n<tr>\n<td>data</td>\n<td><code>object</code></td>\n<td></td>\n<td>用于数据映射，如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 <a href=\"/amis/docs/renderers/Types#api\">data</a> 用法</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Dialog.md\">/docs/renderers/Dialog.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Divider.html b/gh-pages/docs/renderers/Divider.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Divider.html
+++ b/gh-pages/docs/renderers/Divider.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Divider_f2bb576.js b/gh-pages/docs/renderers/Divider_bd296e3.js
similarity index 76%
rename from gh-pages/docs/renderers/Divider_f2bb576.js
rename to gh-pages/docs/renderers/Divider_bd296e3.js
index 21d5dde1b..94700ca73 100644
--- a/gh-pages/docs/renderers/Divider_f2bb576.js
+++ b/gh-pages/docs/renderers/Divider_bd296e3.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Divider.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"divider\" href=\"#divider\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Divider</h2><p>分割线</p>\n<ul>\n<li><code>type</code> 请设置成 <code>divider</code></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"type\": \"divider\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"divider\" href=\"#divider\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Divider</h2><p>分割线</p>\n<ul>\n<li><code>type</code> 请设置成 <code>divider</code></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"type\": \"divider\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Divider.md\">/docs/renderers/Divider.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Drawer.html b/gh-pages/docs/renderers/Drawer.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Drawer.html
+++ b/gh-pages/docs/renderers/Drawer.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Drawer_d2b0d54.js b/gh-pages/docs/renderers/Drawer_82c556f.js
similarity index 92%
rename from gh-pages/docs/renderers/Drawer_d2b0d54.js
rename to gh-pages/docs/renderers/Drawer_82c556f.js
index 4f4bd93b3..ef681e88c 100644
--- a/gh-pages/docs/renderers/Drawer_d2b0d54.js
+++ b/gh-pages/docs/renderers/Drawer_82c556f.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Drawer.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"drawer\" href=\"#drawer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Drawer</h2><p>Drawer 由 <a href=\"/amis/docs/renderers/Action\">Action</a> 触发。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;drawer&quot;</code> 指定为 Drawer 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Drawer 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 Drawer 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Drawer body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Drawer</td>\n</tr>\n<tr>\n<td>closeOnOutside</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>点击内容区外是否关闭 Drawer</td>\n</tr>\n<tr>\n<td>overlay</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否显示蒙层</td>\n</tr>\n<tr>\n<td>resizable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可通过拖拽改变 Drawer 大小</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n<tr>\n<td>data</td>\n<td><code>object</code></td>\n<td></td>\n<td>用于数据映射，如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 <a href=\"/amis/docs/renderers/Types#api\">data</a> 用法</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"drawer\",\n    \"drawer\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"drawer\" href=\"#drawer\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Drawer</h2><p>Drawer 由 <a href=\"/amis/docs/renderers/Action\">Action</a> 触发。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;drawer&quot;</code> 指定为 Drawer 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code> 或者 <a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>弹出层标题</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往 Drawer 内容区加内容</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>指定 Drawer 大小，支持: <code>xs</code>、<code>sm</code>、<code>md</code>、<code>lg</code></td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>modal-body</code></td>\n<td>Drawer body 区域的样式类名</td>\n</tr>\n<tr>\n<td>closeOnEsc</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否支持按 <code>Esc</code> 关闭 Drawer</td>\n</tr>\n<tr>\n<td>closeOnOutside</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>点击内容区外是否关闭 Drawer</td>\n</tr>\n<tr>\n<td>overlay</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否显示蒙层</td>\n</tr>\n<tr>\n<td>resizable</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否可通过拖拽改变 Drawer 大小</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Action\">Action</a></td>\n<td></td>\n<td>可以不设置，默认只有【确认】和【取消】两个按钮。</td>\n</tr>\n<tr>\n<td>data</td>\n<td><code>object</code></td>\n<td></td>\n<td>用于数据映射，如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 <a href=\"/amis/docs/renderers/Types#api\">data</a> 用法</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"label\": \"弹出\",\n    \"type\": \"button\",\n    \"level\": \"primary\",\n    \"actionType\": \"drawer\",\n    \"drawer\": {\n      \"title\": \"表单设置\",\n      \"body\": {\n        \"type\": \"form\",\n        \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n        \"controls\": [\n          {\n            \"type\": \"text\",\n            \"name\": \"text\",\n            \"label\": \"文本\"\n          }\n        ]\n      }\n    }\n  }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Drawer.md\">/docs/renderers/Drawer.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Field.html b/gh-pages/docs/renderers/Field.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Field.html
+++ b/gh-pages/docs/renderers/Field.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Field_ede87ce.js b/gh-pages/docs/renderers/Field_727d3fa.js
similarity index 97%
rename from gh-pages/docs/renderers/Field_ede87ce.js
rename to gh-pages/docs/renderers/Field_727d3fa.js
index ca76bfcc7..57b92f3d8 100644
--- a/gh-pages/docs/renderers/Field_ede87ce.js
+++ b/gh-pages/docs/renderers/Field_727d3fa.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Field.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"field\" href=\"#field\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Field</h2><p>主要用在 <a href=\"/amis/docs/renderers/Table\">Table</a> 的列配置 Column、<a href=\"/amis/docs/renderers/List\">List</a> 的内容、<a href=\"/amis/docs/renderers/Card\">Card</a> 卡片的内容和表单的<a href=\"/amis/docs/renderers/Static#static-xxx\">Static-XXX</a> 中。它主要用来展示数据。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n  \"type\": \"crud\",\n  \"api\": \"https://houtai.baidu.com/api/mock2/crud/list\",\n  \"affixHeader\": false,\n  \"syncLocation\": false,\n  \"columns\": [\n    {\n      \"name\": \"id\",\n      \"label\": \"ID\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"text\",\n      \"label\": \"文本\",\n      \"type\": \"text\"\n    },\n    {\n      \"type\": \"image\",\n      \"label\": \"图片\",\n      \"name\": \"image\",\n      \"popOver\": {\n        \"title\": \"查看大图\",\n        \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n      }\n    },\n    {\n      \"name\": \"date\",\n      \"type\": \"date\",\n      \"label\": \"日期\"\n    },\n    {\n      \"name\": \"progress\",\n      \"label\": \"进度\",\n      \"type\": \"progress\"\n    },\n    {\n      \"name\": \"boolean\",\n      \"label\": \"状态\",\n      \"type\": \"status\"\n    },\n    {\n      \"name\": \"boolean\",\n      \"label\": \"开关\",\n      \"type\": \"switch\"\n    },\n    {\n      \"name\": \"type\",\n      \"label\": \"映射\",\n      \"type\": \"mapping\",\n      \"map\": {\n        \"1\": \"<span class='label label-info'>漂亮</span>\",\n        \"2\": \"<span class='label label-success'>开心</span>\",\n        \"3\": \"<span class='label label-danger'>惊吓</span>\",\n        \"4\": \"<span class='label label-warning'>紧张</span>\",\n        \"*\": \"其他：${type}\"\n      }\n    },\n    {\n      \"name\": \"list\",\n      \"type\": \"list\",\n      \"label\": \"List\",\n      \"placeholder\": \"-\",\n      \"listItem\": {\n        \"title\": \"${title}\",\n        \"subTitle\": \"${description}\"\n      }\n    }\n  ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE\" href=\"#%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>通用配置</h3><ul>\n<li><code>name</code> 绑定变量名。</li>\n<li><code>placeholder</code> 当没有值时的展示内容。</li>\n<li><code>popOver</code> 配置后在内容区增加一个放大按钮，点击后弹出一个详情弹框。\n<code>boolean</code> 简单的开启或者关闭\n<code>Object</code> 弹出的内容配置。请参考 <a href=\"/amis/docs/renderers/Dialog\">Dialog</a> 配置说明。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。\n<code>boolean</code> 简单的开启或者关闭\n<code>Object</code> 快速编辑详情，请参考 <a href=\"/amis/docs/renderers/FormItem\">FormItem</a> 配置。\n<code>mode</code> 模式如果设置为 <code>inline</code> 模式，则直接展示输入框，而不需要点击按钮后展示。\n<code>saveImmediately</code> 开启后，直接保存，而不是等全部操作完后批量保存。</li>\n<li><code>copyable</code> 配置后会在内容区增加一个复制按钮，点击后把内容复制到剪切板。\ntodo</li>\n</ul>\n<h3><a class=\"anchor\" name=\"tpl-field-\" href=\"#tpl-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tpl(Field)</h3><p>请参考<a href=\"/amis/docs/renderers/Tpl\">tpl</a></p>\n<h3><a class=\"anchor\" name=\"plain-field-\" href=\"#plain-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Plain(Field)</h3><p>请参考<a href=\"/amis/docs/renderers/Plain\">Plain</a></p>\n<h3><a class=\"anchor\" name=\"json-field-\" href=\"#json-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Json(Field)</h3><p>todo</p>\n<h3><a class=\"anchor\" name=\"date-field-\" href=\"#date-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Date(Field)</h3><p>用来显示日期。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>date</code>。</li>\n<li><code>format</code> 默认为 <code>YYYY-MM-DD</code>，时间格式，请参考 <a href=\"http://momentjs.com/\">moment</a> 中的格式用法。</li>\n<li><code>valueFormat</code> 默认为 <code>X</code>，时间格式，请参考 <a href=\"http://momentjs.com/\">moment</a> 中的格式用法。</li>\n</ul>\n<h3><a class=\"anchor\" name=\"mapping-field-\" href=\"#mapping-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Mapping(Field)</h3><p>用来对值做映射显示。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>date</code>。</li>\n<li><p><code>map</code> 映射表, 比如</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"mapping\"</span>,\n    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"flag\"</span>,\n    <span class=\"hljs-attr\">\"map\"</span>: {\n        <span class=\"hljs-attr\">\"1\"</span>: <span class=\"hljs-string\">\"&lt;span class='label label-default'&gt;One&lt;/span&gt;\"</span>,\n        <span class=\"hljs-attr\">\"*\"</span>: <span class=\"hljs-string\">\"其他 ${flag}\"</span>\n    }\n}\n</code></pre>\n<p>当值为 1 时，显示 One, 当值为其他时会命中 <code>*</code> 所以显示 <code>其他 flag的值</code>。</p>\n</li>\n</ul>\n<h3><a class=\"anchor\" name=\"image-field-\" href=\"#image-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Image(Field)</h3><p>用来展示图片。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>image</code>。</li>\n<li><code>description</code> 图片描述。</li>\n<li><code>defaultImage</code> 默认图片地址。</li>\n<li><code>className</code> CSS 类名。</li>\n<li><code>src</code> 图片地址，支持变量。如果想动态显示，请勿配置。</li>\n</ul>\n<h3><a class=\"anchor\" name=\"progress-field-\" href=\"#progress-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Progress(Field)</h3><p>用来展示进度条。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>progress</code>。</li>\n<li><code>showLabel</code> 是否显示文字</li>\n<li><p><code>map</code> 等级配置\n默认</p>\n<pre><code class=\"lang-json\">[<span class=\"hljs-string\">\"bg-danger\"</span>, <span class=\"hljs-string\">\"bg-warning\"</span>, <span class=\"hljs-string\">\"bg-info\"</span>, <span class=\"hljs-string\">\"bg-success\"</span>, <span class=\"hljs-string\">\"bg-success\"</span>]\n</code></pre>\n<p>展示的样式取决于当前值在什么区间段，比如以上的配置，把 100 切成了 5 分，前 1/5, 即 25 以前显示 <code>bg-danger</code> 背景。50 ~ 75 显示 <code>bg-info</code> 背景。</p>\n</li>\n<li><p><code>progressClassName</code> 进度外层 CSS 类名 默认为: <code>progress-xs progress-striped active m-t-xs m-b-none</code></p>\n</li>\n<li><code>progressBarClassName</code> 进度条 CSS 类名。</li>\n</ul>\n<h3><a class=\"anchor\" name=\"status-field-\" href=\"#status-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Status(Field)</h3><p>用来显示状态，用图表展示。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>status</code>。</li>\n<li><p><code>map</code> 图标配置</p>\n<p>默认:</p>\n<pre><code class=\"lang-json\">[<span class=\"hljs-string\">\"fa fa-times text-danger\"</span>, <span class=\"hljs-string\">\"fa fa-check text-success\"</span>]\n</code></pre>\n<p>即如果值 <code>value % map.length</code> 等于 0 则显示第一个图标。<code>value % map.length</code> 等于 1 则显示第二个图标，无限类推。所以说 map 其实不只是支持 2 个，可以任意个。</p>\n<p>这个例子，当值为 0 、2、4 ... 时显示红 <code>X</code>， 当值为 1, 3, 5 ... \b 绿 <code>√</code></p>\n</li>\n</ul>\n<h3><a class=\"anchor\" name=\"switch-field-\" href=\"#switch-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Switch(Field)</h3><p>用来占一个开关。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>switch</code>。</li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 勾选后的值</li>\n<li><code>falseValue</code> 未勾选的值</li>\n</ul>\n",
+    "html": "<h2><a class=\"anchor\" name=\"field\" href=\"#field\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Field</h2><p>主要用在 <a href=\"/amis/docs/renderers/Table\">Table</a> 的列配置 Column、<a href=\"/amis/docs/renderers/List\">List</a> 的内容、<a href=\"/amis/docs/renderers/Card\">Card</a> 卡片的内容和表单的<a href=\"/amis/docs/renderers/Static#static-xxx\">Static-XXX</a> 中。它主要用来展示数据。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"body\">{\n  \"type\": \"crud\",\n  \"api\": \"https://houtai.baidu.com/api/mock2/crud/list\",\n  \"affixHeader\": false,\n  \"syncLocation\": false,\n  \"columns\": [\n    {\n      \"name\": \"id\",\n      \"label\": \"ID\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"text\",\n      \"label\": \"文本\",\n      \"type\": \"text\"\n    },\n    {\n      \"type\": \"image\",\n      \"label\": \"图片\",\n      \"name\": \"image\",\n      \"popOver\": {\n        \"title\": \"查看大图\",\n        \"body\": \"<div class=\\\"w-xxl\\\"><img class=\\\"w-full\\\" src=\\\"${image}\\\"/></div>\"\n      }\n    },\n    {\n      \"name\": \"date\",\n      \"type\": \"date\",\n      \"label\": \"日期\"\n    },\n    {\n      \"name\": \"progress\",\n      \"label\": \"进度\",\n      \"type\": \"progress\"\n    },\n    {\n      \"name\": \"boolean\",\n      \"label\": \"状态\",\n      \"type\": \"status\"\n    },\n    {\n      \"name\": \"boolean\",\n      \"label\": \"开关\",\n      \"type\": \"switch\"\n    },\n    {\n      \"name\": \"type\",\n      \"label\": \"映射\",\n      \"type\": \"mapping\",\n      \"map\": {\n        \"1\": \"<span class='label label-info'>漂亮</span>\",\n        \"2\": \"<span class='label label-success'>开心</span>\",\n        \"3\": \"<span class='label label-danger'>惊吓</span>\",\n        \"4\": \"<span class='label label-warning'>紧张</span>\",\n        \"*\": \"其他：${type}\"\n      }\n    },\n    {\n      \"name\": \"list\",\n      \"type\": \"list\",\n      \"label\": \"List\",\n      \"placeholder\": \"-\",\n      \"listItem\": {\n        \"title\": \"${title}\",\n        \"subTitle\": \"${description}\"\n      }\n    }\n  ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE\" href=\"#%E9%80%9A%E7%94%A8%E9%85%8D%E7%BD%AE\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>通用配置</h3><ul>\n<li><code>name</code> 绑定变量名。</li>\n<li><code>placeholder</code> 当没有值时的展示内容。</li>\n<li><code>popOver</code> 配置后在内容区增加一个放大按钮，点击后弹出一个详情弹框。\n<code>boolean</code> 简单的开启或者关闭\n<code>Object</code> 弹出的内容配置。请参考 <a href=\"/amis/docs/renderers/Dialog\">Dialog</a> 配置说明。</li>\n<li><code>quickEdit</code> 配置后在内容区增加一个编辑按钮，点击后弹出一个编辑框。\n<code>boolean</code> 简单的开启或者关闭\n<code>Object</code> 快速编辑详情，请参考 <a href=\"/amis/docs/renderers/FormItem\">FormItem</a> 配置。\n<code>mode</code> 模式如果设置为 <code>inline</code> 模式，则直接展示输入框，而不需要点击按钮后展示。\n<code>saveImmediately</code> 开启后，直接保存，而不是等全部操作完后批量保存。</li>\n<li><code>copyable</code> 配置后会在内容区增加一个复制按钮，点击后把内容复制到剪切板。\ntodo</li>\n</ul>\n<h3><a class=\"anchor\" name=\"tpl-field-\" href=\"#tpl-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tpl(Field)</h3><p>请参考<a href=\"/amis/docs/renderers/Tpl\">tpl</a></p>\n<h3><a class=\"anchor\" name=\"plain-field-\" href=\"#plain-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Plain(Field)</h3><p>请参考<a href=\"/amis/docs/renderers/Plain\">Plain</a></p>\n<h3><a class=\"anchor\" name=\"json-field-\" href=\"#json-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Json(Field)</h3><p>todo</p>\n<h3><a class=\"anchor\" name=\"date-field-\" href=\"#date-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Date(Field)</h3><p>用来显示日期。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>date</code>。</li>\n<li><code>format</code> 默认为 <code>YYYY-MM-DD</code>，时间格式，请参考 <a href=\"http://momentjs.com/\">moment</a> 中的格式用法。</li>\n<li><code>valueFormat</code> 默认为 <code>X</code>，时间格式，请参考 <a href=\"http://momentjs.com/\">moment</a> 中的格式用法。</li>\n</ul>\n<h3><a class=\"anchor\" name=\"mapping-field-\" href=\"#mapping-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Mapping(Field)</h3><p>用来对值做映射显示。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>date</code>。</li>\n<li><p><code>map</code> 映射表, 比如</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"mapping\"</span>,\n    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"flag\"</span>,\n    <span class=\"hljs-attr\">\"map\"</span>: {\n        <span class=\"hljs-attr\">\"1\"</span>: <span class=\"hljs-string\">\"&lt;span class='label label-default'&gt;One&lt;/span&gt;\"</span>,\n        <span class=\"hljs-attr\">\"*\"</span>: <span class=\"hljs-string\">\"其他 ${flag}\"</span>\n    }\n}\n</code></pre>\n<p>当值为 1 时，显示 One, 当值为其他时会命中 <code>*</code> 所以显示 <code>其他 flag的值</code>。</p>\n</li>\n</ul>\n<h3><a class=\"anchor\" name=\"image-field-\" href=\"#image-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Image(Field)</h3><p>用来展示图片。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>image</code>。</li>\n<li><code>description</code> 图片描述。</li>\n<li><code>defaultImage</code> 默认图片地址。</li>\n<li><code>className</code> CSS 类名。</li>\n<li><code>src</code> 图片地址，支持变量。如果想动态显示，请勿配置。</li>\n</ul>\n<h3><a class=\"anchor\" name=\"progress-field-\" href=\"#progress-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Progress(Field)</h3><p>用来展示进度条。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>progress</code>。</li>\n<li><code>showLabel</code> 是否显示文字</li>\n<li><p><code>map</code> 等级配置\n默认</p>\n<pre><code class=\"lang-json\">[<span class=\"hljs-string\">\"bg-danger\"</span>, <span class=\"hljs-string\">\"bg-warning\"</span>, <span class=\"hljs-string\">\"bg-info\"</span>, <span class=\"hljs-string\">\"bg-success\"</span>, <span class=\"hljs-string\">\"bg-success\"</span>]\n</code></pre>\n<p>展示的样式取决于当前值在什么区间段，比如以上的配置，把 100 切成了 5 分，前 1/5, 即 25 以前显示 <code>bg-danger</code> 背景。50 ~ 75 显示 <code>bg-info</code> 背景。</p>\n</li>\n<li><p><code>progressClassName</code> 进度外层 CSS 类名 默认为: <code>progress-xs progress-striped active m-t-xs m-b-none</code></p>\n</li>\n<li><code>progressBarClassName</code> 进度条 CSS 类名。</li>\n</ul>\n<h3><a class=\"anchor\" name=\"status-field-\" href=\"#status-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Status(Field)</h3><p>用来显示状态，用图表展示。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>status</code>。</li>\n<li><p><code>map</code> 图标配置</p>\n<p>默认:</p>\n<pre><code class=\"lang-json\">[<span class=\"hljs-string\">\"fa fa-times text-danger\"</span>, <span class=\"hljs-string\">\"fa fa-check text-success\"</span>]\n</code></pre>\n<p>即如果值 <code>value % map.length</code> 等于 0 则显示第一个图标。<code>value % map.length</code> 等于 1 则显示第二个图标，无限类推。所以说 map 其实不只是支持 2 个，可以任意个。</p>\n<p>这个例子，当值为 0 、2、4 ... 时显示红 <code>X</code>， 当值为 1, 3, 5 ... \b 绿 <code>√</code></p>\n</li>\n</ul>\n<h3><a class=\"anchor\" name=\"switch-field-\" href=\"#switch-field-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Switch(Field)</h3><p>用来占一个开关。</p>\n<ul>\n<li><code>type</code> 请设置为 <code>switch</code>。</li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 勾选后的值</li>\n<li><code>falseValue</code> 未勾选的值</li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Field.md\">/docs/renderers/Field.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Array.html b/gh-pages/docs/renderers/Form/Array.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Array.html
+++ b/gh-pages/docs/renderers/Form/Array.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Array_cb887d1.js b/gh-pages/docs/renderers/Form/Array_34782ce.js
similarity index 87%
rename from gh-pages/docs/renderers/Form/Array_cb887d1.js
rename to gh-pages/docs/renderers/Form/Array_34782ce.js
index 1f86d3767..2f4523349 100644
--- a/gh-pages/docs/renderers/Form/Array_cb887d1.js
+++ b/gh-pages/docs/renderers/Form/Array_34782ce.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Array.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"array\" href=\"#array\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Array</h3><p>数组输入框配置</p>\n<p>其实就是 <a href=\"/amis/docs/renderers/Form/Combo\">Combo</a> 的一个 flat 用法。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>array</code></li>\n<li><code>items</code> 配置单项表单类型</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n  {\n    \"name\": \"array\",\n    \"label\": \"颜色集合\",\n    \"type\": \"array\",\n    \"value\": [\"red\"],\n    \"inline\": true,\n    \"items\": {\n      \"type\": \"color\"\n    }\n  },\n\n  {\n    \"type\": \"static\",\n    \"name\": \"array\",\n    \"label\": \"当前值\"\n  }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"array\" href=\"#array\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Array</h3><p>数组输入框配置</p>\n<p>其实就是 <a href=\"/amis/docs/renderers/Form/Combo\">Combo</a> 的一个 flat 用法。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>array</code></li>\n<li><code>items</code> 配置单项表单类型</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n  {\n    \"name\": \"array\",\n    \"label\": \"颜色集合\",\n    \"type\": \"array\",\n    \"value\": [\"red\"],\n    \"inline\": true,\n    \"items\": {\n      \"type\": \"color\"\n    }\n  },\n\n  {\n    \"type\": \"static\",\n    \"name\": \"array\",\n    \"label\": \"当前值\"\n  }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Array.md\">/docs/renderers/Form/Array.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Button-Group.html b/gh-pages/docs/renderers/Form/Button-Group.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Button-Group.html
+++ b/gh-pages/docs/renderers/Form/Button-Group.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Button-Group_91db191.js b/gh-pages/docs/renderers/Form/Button-Group_a32acaa.js
similarity index 93%
rename from gh-pages/docs/renderers/Form/Button-Group_91db191.js
rename to gh-pages/docs/renderers/Form/Button-Group_a32acaa.js
index ce2dcd4e5..2acd11b01 100644
--- a/gh-pages/docs/renderers/Form/Button-Group_91db191.js
+++ b/gh-pages/docs/renderers/Form/Button-Group_a32acaa.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Button-Group.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"button-group-formitem-\" href=\"#button-group-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button-Group(FormItem)</h3><p>按钮集合，直接看示例吧。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n  {\n    \"type\": \"text\",\n    \"name\": \"test\",\n    \"label\": \"Text\"\n  },\n\n  {\n    \"type\": \"button-toolbar\",\n    \"buttons\": [\n      {\n        \"type\": \"button-group\",\n        \"buttons\": [\n          {\n            \"type\": \"button\",\n            \"label\": \"Button\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n          },\n\n          {\n            \"type\": \"submit\",\n            \"label\": \"Submit\"\n          },\n\n          {\n            \"type\": \"reset\",\n            \"label\": \"Reset\"\n          }\n        ]\n      },\n\n      {\n        \"type\": \"submit\",\n        \"icon\": \"fa fa-check text-success\"\n      },\n\n      {\n        \"type\": \"reset\",\n        \"icon\": \"fa fa-times text-danger\"\n      }\n    ]\n  }\n]\n</script></div>\n<p>button-group 有两种模式，除了能让按钮组合在一起，还能做类似于单选功能。</p>\n<p>当不配置 buttons 属性时，就可以当复选框用。</p>\n<ul>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 <code>http</code> 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组，作为当前表单项的值。</li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li><code>size</code> 按钮大小，从小到大依次为<code>xs, sm, md, lg</code></li>\n<li><code>disabled</code> 是否禁用<code>options</code> 中选项</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"button-group\",\n      \"name\": \"select\",\n      \"label\": \"单选\",\n      \"options\": [\n        {\n          \"label\": \"Option A\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"Option B\",\n          \"value\": \"b\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"button-group-formitem-\" href=\"#button-group-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button-Group(FormItem)</h3><p>按钮集合，直接看示例吧。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-group</code></li>\n<li><code>buttons</code> 配置按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n  {\n    \"type\": \"text\",\n    \"name\": \"test\",\n    \"label\": \"Text\"\n  },\n\n  {\n    \"type\": \"button-toolbar\",\n    \"buttons\": [\n      {\n        \"type\": \"button-group\",\n        \"buttons\": [\n          {\n            \"type\": \"button\",\n            \"label\": \"Button\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n          },\n\n          {\n            \"type\": \"submit\",\n            \"label\": \"Submit\"\n          },\n\n          {\n            \"type\": \"reset\",\n            \"label\": \"Reset\"\n          }\n        ]\n      },\n\n      {\n        \"type\": \"submit\",\n        \"icon\": \"fa fa-check text-success\"\n      },\n\n      {\n        \"type\": \"reset\",\n        \"icon\": \"fa fa-times text-danger\"\n      }\n    ]\n  }\n]\n</script></div>\n<p>button-group 有两种模式，除了能让按钮组合在一起，还能做类似于单选功能。</p>\n<p>当不配置 buttons 属性时，就可以当复选框用。</p>\n<ul>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 <code>http</code> 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组，作为当前表单项的值。</li>\n<li><code>clearable</code> 默认为 <code>true</code>, 表示可以取消选中。</li>\n<li><code>size</code> 按钮大小，从小到大依次为<code>xs, sm, md, lg</code></li>\n<li><code>disabled</code> 是否禁用<code>options</code> 中选项</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"button-group\",\n      \"name\": \"select\",\n      \"label\": \"单选\",\n      \"options\": [\n        {\n          \"label\": \"Option A\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"Option B\",\n          \"value\": \"b\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Button-Group.md\">/docs/renderers/Form/Button-Group.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Button-Toolbar.html b/gh-pages/docs/renderers/Form/Button-Toolbar.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Button-Toolbar.html
+++ b/gh-pages/docs/renderers/Form/Button-Toolbar.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Button-Toolbar_6784d69.js b/gh-pages/docs/renderers/Form/Button-Toolbar_acaf8ce.js
similarity index 85%
rename from gh-pages/docs/renderers/Form/Button-Toolbar_6784d69.js
rename to gh-pages/docs/renderers/Form/Button-Toolbar_acaf8ce.js
index e39583c7e..c37f4474c 100644
--- a/gh-pages/docs/renderers/Form/Button-Toolbar_6784d69.js
+++ b/gh-pages/docs/renderers/Form/Button-Toolbar_acaf8ce.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Button-Toolbar.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"button-toolbar\" href=\"#button-toolbar\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button-Toolbar</h3><p>从上面的例子可以看出，当按钮独立配置的时候，是独占一行的，如果想让多个按钮在一起放置，可以利用 button-toolbar</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-toolbar</code></li>\n<li><code>buttons</code> 按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n  {\n    \"type\": \"text\",\n    \"name\": \"test\",\n    \"label\": \"Text\"\n  },\n\n  {\n    \"type\": \"button-toolbar\",\n    \"buttons\": [\n      {\n        \"type\": \"button\",\n        \"label\": \"Button\",\n        \"actionType\": \"dialog\",\n        \"dialog\": {\n          \"confirmMode\": false,\n          \"title\": \"提示\",\n          \"body\": \"对，你刚点击了！\"\n        }\n      },\n\n      {\n        \"type\": \"submit\",\n        \"label\": \"Submit\"\n      },\n\n      {\n        \"type\": \"reset\",\n        \"label\": \"Reset\"\n      }\n    ]\n  }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"button-toolbar\" href=\"#button-toolbar\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button-Toolbar</h3><p>从上面的例子可以看出，当按钮独立配置的时候，是独占一行的，如果想让多个按钮在一起放置，可以利用 button-toolbar</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button-toolbar</code></li>\n<li><code>buttons</code> 按钮集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n  {\n    \"type\": \"text\",\n    \"name\": \"test\",\n    \"label\": \"Text\"\n  },\n\n  {\n    \"type\": \"button-toolbar\",\n    \"buttons\": [\n      {\n        \"type\": \"button\",\n        \"label\": \"Button\",\n        \"actionType\": \"dialog\",\n        \"dialog\": {\n          \"confirmMode\": false,\n          \"title\": \"提示\",\n          \"body\": \"对，你刚点击了！\"\n        }\n      },\n\n      {\n        \"type\": \"submit\",\n        \"label\": \"Submit\"\n      },\n\n      {\n        \"type\": \"reset\",\n        \"label\": \"Reset\"\n      }\n    ]\n  }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Button-Toolbar.md\">/docs/renderers/Form/Button-Toolbar.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Button.html b/gh-pages/docs/renderers/Form/Button.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Button.html
+++ b/gh-pages/docs/renderers/Form/Button.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Button_1342f25.js b/gh-pages/docs/renderers/Form/Button_9e7b3ee.js
similarity index 87%
rename from gh-pages/docs/renderers/Form/Button_1342f25.js
rename to gh-pages/docs/renderers/Form/Button_9e7b3ee.js
index a83bf3d94..28f3b211e 100644
--- a/gh-pages/docs/renderers/Form/Button_1342f25.js
+++ b/gh-pages/docs/renderers/Form/Button_9e7b3ee.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Button.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"button\" href=\"#button\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button</h3><p>按钮, 包含 <code>button</code>、<code>submit</code> 和 <code>reset</code>。 字段说明。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button</code></li>\n<li><code>label</code> 按钮文字</li>\n<li><code>icon</code> 按钮图标。可以使用来自 font-awesome 的图标。</li>\n<li><code>level</code> 按钮级别。 包含： <code>link</code>、<code>primary</code>、<code>success</code>、<code>info</code>、<code>warning</code>和<code>danger</code>。</li>\n<li><code>size</code> 按钮大小。 包含： <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></li>\n<li><code>className</code> 按钮的类名。</li>\n</ul>\n<p>如果按钮是 <code>button</code> 类型，则还需要配置 <a href=\"/amis/docs/renderers/Action\">Action</a> 中定义的属性，否则，amis 不知道如何响应当前按钮点击。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"type\": \"text\",\n    \"name\": \"test\",\n    \"label\": \"Text\"\n  },\n\n  {\n    \"type\": \"button\",\n    \"label\": \"Button\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"confirmMode\": false,\n      \"title\": \"提示\",\n      \"body\": \"对，你刚点击了！\"\n    }\n  },\n\n  {\n    \"type\": \"submit\",\n    \"level\": \"primary\",\n    \"label\": \"Submit\"\n  },\n\n  {\n    \"type\": \"reset\",\n    \"label\": \"Reset\",\n    \"level\": \"danger\"\n  }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"button\" href=\"#button\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Button</h3><p>按钮, 包含 <code>button</code>、<code>submit</code> 和 <code>reset</code>。 字段说明。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>button</code></li>\n<li><code>label</code> 按钮文字</li>\n<li><code>icon</code> 按钮图标。可以使用来自 font-awesome 的图标。</li>\n<li><code>level</code> 按钮级别。 包含： <code>link</code>、<code>primary</code>、<code>success</code>、<code>info</code>、<code>warning</code>和<code>danger</code>。</li>\n<li><code>size</code> 按钮大小。 包含： <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></li>\n<li><code>className</code> 按钮的类名。</li>\n</ul>\n<p>如果按钮是 <code>button</code> 类型，则还需要配置 <a href=\"/amis/docs/renderers/Action\">Action</a> 中定义的属性，否则，amis 不知道如何响应当前按钮点击。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"type\": \"text\",\n    \"name\": \"test\",\n    \"label\": \"Text\"\n  },\n\n  {\n    \"type\": \"button\",\n    \"label\": \"Button\",\n    \"actionType\": \"dialog\",\n    \"dialog\": {\n      \"confirmMode\": false,\n      \"title\": \"提示\",\n      \"body\": \"对，你刚点击了！\"\n    }\n  },\n\n  {\n    \"type\": \"submit\",\n    \"level\": \"primary\",\n    \"label\": \"Submit\"\n  },\n\n  {\n    \"type\": \"reset\",\n    \"label\": \"Reset\",\n    \"level\": \"danger\"\n  }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Button.md\">/docs/renderers/Form/Button.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Chained-Select.html b/gh-pages/docs/renderers/Form/Chained-Select.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Chained-Select.html
+++ b/gh-pages/docs/renderers/Form/Chained-Select.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Chained-Select_4f26949.js b/gh-pages/docs/renderers/Form/Chained-Select_feca72f.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Chained-Select_4f26949.js
rename to gh-pages/docs/renderers/Form/Chained-Select_feca72f.js
index 3e3ec1fe6..0c105b85f 100644
--- a/gh-pages/docs/renderers/Form/Chained-Select_4f26949.js
+++ b/gh-pages/docs/renderers/Form/Chained-Select_feca72f.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Chained-Select.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"chained-select\" href=\"#chained-select\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chained-Select</h3><p>无限级别下拉，只支持单选，且必须和 <code>source</code> 搭配，通过 API 拉取数据，只要 API 有返回结果，就能一直无限级别下拉下去。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>chained-select</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"name\": \"select3\",\n  \"type\": \"chained-select\",\n  \"label\": \"级联下拉\",\n  \"source\": \"https://houtai.baidu.com/api/mock2/options/chainedOptions?waitSeconds=1&parentId=$parentId&level=$level&maxLevel=4&waiSeconds=1\",\n  \"value\": \"a,b\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"chained-select\" href=\"#chained-select\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Chained-Select</h3><p>无限级别下拉，只支持单选，且必须和 <code>source</code> 搭配，通过 API 拉取数据，只要 API 有返回结果，就能一直无限级别下拉下去。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>chained-select</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"name\": \"select3\",\n  \"type\": \"chained-select\",\n  \"label\": \"级联下拉\",\n  \"source\": \"https://houtai.baidu.com/api/mock2/options/chainedOptions?waitSeconds=1&parentId=$parentId&level=$level&maxLevel=4&waiSeconds=1\",\n  \"value\": \"a,b\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Chained-Select.md\">/docs/renderers/Form/Chained-Select.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Checkbox.html b/gh-pages/docs/renderers/Form/Checkbox.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Checkbox.html
+++ b/gh-pages/docs/renderers/Form/Checkbox.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Checkbox_b0e0e88.js b/gh-pages/docs/renderers/Form/Checkbox_aaf76a4.js
similarity index 84%
rename from gh-pages/docs/renderers/Form/Checkbox_b0e0e88.js
rename to gh-pages/docs/renderers/Form/Checkbox_aaf76a4.js
index fffe7b558..171e171bd 100644
--- a/gh-pages/docs/renderers/Form/Checkbox_b0e0e88.js
+++ b/gh-pages/docs/renderers/Form/Checkbox_aaf76a4.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Checkbox.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"checkbox\" href=\"#checkbox\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Checkbox</h3><p>勾选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkbox</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"name\": \"checkbox\",\n  \"type\": \"checkbox\",\n  \"label\": \"Checkbox\",\n  \"option\": \"选项说明\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"checkbox\" href=\"#checkbox\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Checkbox</h3><p>勾选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkbox</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"name\": \"checkbox\",\n  \"type\": \"checkbox\",\n  \"label\": \"Checkbox\",\n  \"option\": \"选项说明\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Checkbox.md\">/docs/renderers/Form/Checkbox.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Checkboxes.html b/gh-pages/docs/renderers/Form/Checkboxes.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Checkboxes.html
+++ b/gh-pages/docs/renderers/Form/Checkboxes.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Checkboxes_cb25108.js b/gh-pages/docs/renderers/Form/Checkboxes_4bc46d5.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Checkboxes_cb25108.js
rename to gh-pages/docs/renderers/Form/Checkboxes_4bc46d5.js
index 7a4a93bbe..e03797951 100644
--- a/gh-pages/docs/renderers/Form/Checkboxes_cb25108.js
+++ b/gh-pages/docs/renderers/Form/Checkboxes_4bc46d5.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Checkboxes.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"checkboxes\" href=\"#checkboxes\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Checkboxes</h3><p>复选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkboxes</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n    {\n      \"name\": \"checkboxes\",\n      \"type\": \"checkboxes\",\n      \"label\": \"Checkboxes\",\n      \"options\": [\n          {\n            \"label\": \"OptionA\",\n            \"value\": \"a\"\n          },\n          {\n            \"label\": \"OptionB\",\n            \"value\": \"b\"\n          },\n          {\n            \"label\": \"OptionC\",\n            \"value\": \"c\"\n          },\n          {\n            \"label\": \"OptionD\",\n            \"value\": \"d\"\n          }\n        ]\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"checkboxes\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"checkboxes\" href=\"#checkboxes\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Checkboxes</h3><p>复选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>checkboxes</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n    {\n      \"name\": \"checkboxes\",\n      \"type\": \"checkboxes\",\n      \"label\": \"Checkboxes\",\n      \"options\": [\n          {\n            \"label\": \"OptionA\",\n            \"value\": \"a\"\n          },\n          {\n            \"label\": \"OptionB\",\n            \"value\": \"b\"\n          },\n          {\n            \"label\": \"OptionC\",\n            \"value\": \"c\"\n          },\n          {\n            \"label\": \"OptionD\",\n            \"value\": \"d\"\n          }\n        ]\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"checkboxes\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Checkboxes.md\">/docs/renderers/Form/Checkboxes.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/City.html b/gh-pages/docs/renderers/Form/City.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/City.html
+++ b/gh-pages/docs/renderers/Form/City.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/City_3b58d02.js b/gh-pages/docs/renderers/Form/City_a721fb8.js
similarity index 91%
rename from gh-pages/docs/renderers/Form/City_3b58d02.js
rename to gh-pages/docs/renderers/Form/City_a721fb8.js
index 630f36e6b..e5699b31b 100644
--- a/gh-pages/docs/renderers/Form/City_3b58d02.js
+++ b/gh-pages/docs/renderers/Form/City_a721fb8.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/City.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"city\" href=\"#city\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>City</h3><p>城市选择器，可用于让用户输入城市。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>city</code></li>\n<li><code>allowDistrict</code> 默认 <code>true</code> 允许输入区域</li>\n<li><code>allowCity</code>  默认 <code>true</code> 允许输入城市</li>\n<li><code>extractValue</code>  默认 <code>true</code> 是否抽取值，如果设置成 <code>false</code> 值格式会变成对象，包含 <code>code</code>、<code>province</code>、<code>city</code> 和 <code>district</code> 文字信息。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n    {\n      \"name\": \"city\",\n      \"type\": \"city\",\n      \"label\": \"城市选择\"\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"city\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>从配置项可以看出来，通过设置 <code>allowDistrict</code> 和 <code>allowCity</code> 是可以限制用户输入级别的，比如只选择省份。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n    {\n      \"name\": \"city\",\n      \"type\": \"city\",\n      \"label\": \"城市选择\",\n      \"allowDistrict\": false,\n      \"allowCity\": false\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"city\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>从上面的栗子可以看出来，值默认格式是编码（即 <code>code</code>），如果你想要详细点的信息，可以把 <code>extractValue</code> 设置成 <code>false</code>。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n    {\n      \"name\": \"city\",\n      \"type\": \"city\",\n      \"label\": \"城市选择\",\n      \"extractValue\": false\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"city\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"city\" href=\"#city\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>City</h3><p>城市选择器，可用于让用户输入城市。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>city</code></li>\n<li><code>allowDistrict</code> 默认 <code>true</code> 允许输入区域</li>\n<li><code>allowCity</code>  默认 <code>true</code> 允许输入城市</li>\n<li><code>extractValue</code>  默认 <code>true</code> 是否抽取值，如果设置成 <code>false</code> 值格式会变成对象，包含 <code>code</code>、<code>province</code>、<code>city</code> 和 <code>district</code> 文字信息。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n    {\n      \"name\": \"city\",\n      \"type\": \"city\",\n      \"label\": \"城市选择\"\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"city\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>从配置项可以看出来，通过设置 <code>allowDistrict</code> 和 <code>allowCity</code> 是可以限制用户输入级别的，比如只选择省份。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n    {\n      \"name\": \"city\",\n      \"type\": \"city\",\n      \"label\": \"城市选择\",\n      \"allowDistrict\": false,\n      \"allowCity\": false\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"city\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>从上面的栗子可以看出来，值默认格式是编码（即 <code>code</code>），如果你想要详细点的信息，可以把 <code>extractValue</code> 设置成 <code>false</code>。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form\">[\n    {\n      \"name\": \"city\",\n      \"type\": \"city\",\n      \"label\": \"城市选择\",\n      \"extractValue\": false\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"city\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/City.md\">/docs/renderers/Form/City.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Color.html b/gh-pages/docs/renderers/Form/Color.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Color.html
+++ b/gh-pages/docs/renderers/Form/Color.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Color_157625f.js b/gh-pages/docs/renderers/Form/Color_4706421.js
similarity index 82%
rename from gh-pages/docs/renderers/Form/Color_157625f.js
rename to gh-pages/docs/renderers/Form/Color_4706421.js
index 09a9d5a0e..42e3c9604 100644
--- a/gh-pages/docs/renderers/Form/Color_157625f.js
+++ b/gh-pages/docs/renderers/Form/Color_4706421.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Color.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"color\" href=\"#color\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Color</h3><p>颜色选择器。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>color</code></li>\n<li><code>format</code> 请选择 <code>hex</code>、<code>hls</code>、<code>rgb</code>或者<code>rgba</code>。默认为 <code>hex</code>。</li>\n<li><code>clearable</code> 是否显示清除按钮。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"color\",\n  \"name\": \"color\",\n  \"label\": \"颜色\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"color\" href=\"#color\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Color</h3><p>颜色选择器。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>color</code></li>\n<li><code>format</code> 请选择 <code>hex</code>、<code>hls</code>、<code>rgb</code>或者<code>rgba</code>。默认为 <code>hex</code>。</li>\n<li><code>clearable</code> 是否显示清除按钮。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"color\",\n  \"name\": \"color\",\n  \"label\": \"颜色\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Color.md\">/docs/renderers/Form/Color.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Combo.html b/gh-pages/docs/renderers/Form/Combo.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Combo.html
+++ b/gh-pages/docs/renderers/Form/Combo.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Combo_bc3f04d.js b/gh-pages/docs/renderers/Form/Combo_9553922.js
similarity index 95%
rename from gh-pages/docs/renderers/Form/Combo_bc3f04d.js
rename to gh-pages/docs/renderers/Form/Combo_9553922.js
index f7c5bf846..b1de7489a 100644
--- a/gh-pages/docs/renderers/Form/Combo_bc3f04d.js
+++ b/gh-pages/docs/renderers/Form/Combo_9553922.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Combo.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"combo\" href=\"#combo\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Combo</h3><p>组合模式，支持自由组合多个表单项。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>combo</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>controls</code> 配置组合成员，所有成员都是横向展示，可以是任意 <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n<li><code>controls[x].columnClassName</code> 列的类名，可以用它配置列宽度。默认平均分配。</li>\n<li><code>controls[x].unique</code> 设置当前列值是否唯一，即不允许重复选择。</li>\n<li><code>maxLength</code> 当 multiple 为 true 的时候启用，设置可以最大项数。</li>\n<li><code>flat</code> 默认为 <code>false</code>, 是否将结果扁平化(去掉 name),只有当 controls 的 length 为 1 且 multiple 为 true 的时候才有效。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 当扁平化开启的时候，是否用分隔符的形式发送给后端，否则采用 array 的方式。</li>\n<li><code>delimiter</code> 当扁平化开启并且 joinValues 为 true 时，用什么分隔符。</li>\n<li><code>multiLine</code> 默认是横着展示一排，设置以后竖着展示</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>deleteApi</code> 如果配置了，则删除前会发送一个 api，请求成功才完成删除！</li>\n<li><code>deleteConfirmText</code> 默认为 <code>确认要删除？</code>，当配置 <code>deleteApi</code> 才生效！删除时用来做用户确认！</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>scaffold</code> 单组表单项初始值。默认为 <code>{}</code>。</li>\n<li><code>canAccessSuperData</code> 指定是否可以自动获取上层的数据并映射到表单项上，默认是<code>false</code>。</li>\n<li><code>conditions</code> 数组的形式包含所有条件的渲染类型，单个数组内的<code>test</code> 为判断条件，数组内的<code>controls</code>为符合该条件后渲染的<code>schema</code></li>\n<li><code>typeSwitchable</code> 是否可切换条件，配合<code>conditions</code>使用</li>\n<li><code>formClassName</code> 单组表单项的类名</li>\n<li><code>noBorder</code> 单组表单项是否有边框</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n  \"type\": \"combo\",\n  \"name\": \"combo\",\n  \"label\": \"单选组合项\",\n  \"controls\": [\n    {\n      \"name\": \"a\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"b\",\n      \"type\": \"select\",\n      \"options\": [\"a\", \"b\", \"c\"]\n    }\n  ]\n},\n{\n  \"type\": \"static\",\n  \"name\": \"combo\",\n  \"label\": \"当前值\"\n},\n\n{\n  \"type\": \"combo\",\n  \"name\": \"combo2\",\n  \"label\": \"多选组合项\",\n  \"multiple\": true,\n  \"draggable\": true,\n  \"controls\": [\n    {\n      \"label\": \"字段1\",\n      \"name\": \"a\",\n      \"type\": \"text\"\n    },\n    {\n      \"label\": \"字段2\",\n      \"name\": \"b\",\n      \"type\": \"select\",\n      \"options\": [\"a\", \"b\", \"c\"],\n      \"unique\": true\n    }\n  ]\n},\n{\n  \"type\": \"static\",\n  \"name\": \"combo2\",\n  \"label\": \"当前值\"\n}\n]\n</script></div>\n<p>combo 多行模式。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n  \"type\": \"combo\",\n  \"name\": \"combo\",\n  \"label\": \"多选组合form\",\n  \"multiple\": true,\n  \"multiLine\": true,\n  \"controls\": [\n      {\n        \"label\": \"字段1\",\n        \"name\": \"a\",\n        \"type\": \"text\"\n      },\n      {\n        \"label\": \"字段2\",\n        \"name\": \"b\",\n        \"type\": \"select\",\n        \"options\": [\"a\", \"b\", \"c\"]\n      }\n    ]\n\n},\n{\n  \"type\": \"static\",\n  \"name\": \"combo\",\n  \"label\": \"当前值\"\n},\n\n{\n  \"type\": \"combo\",\n  \"name\": \"xxx\",\n  \"label\": \"单选组合form\",\n  \"multiLine\": true,\n  \"controls\": [\n    {\n      \"name\": \"a\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"b\",\n      \"type\": \"select\",\n      \"options\": [\"a\", \"b\", \"c\"]\n    }\n  ]\n},\n{\n  \"type\": \"static\",\n  \"name\": \"xxx\",\n  \"label\": \"当前值\"\n}\n\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"combo\" href=\"#combo\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Combo</h3><p>组合模式，支持自由组合多个表单项。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>combo</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>controls</code> 配置组合成员，所有成员都是横向展示，可以是任意 <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n<li><code>controls[x].columnClassName</code> 列的类名，可以用它配置列宽度。默认平均分配。</li>\n<li><code>controls[x].unique</code> 设置当前列值是否唯一，即不允许重复选择。</li>\n<li><code>maxLength</code> 当 multiple 为 true 的时候启用，设置可以最大项数。</li>\n<li><code>flat</code> 默认为 <code>false</code>, 是否将结果扁平化(去掉 name),只有当 controls 的 length 为 1 且 multiple 为 true 的时候才有效。</li>\n<li><code>joinValues</code> 默认为 <code>true</code> 当扁平化开启的时候，是否用分隔符的形式发送给后端，否则采用 array 的方式。</li>\n<li><code>delimiter</code> 当扁平化开启并且 joinValues 为 true 时，用什么分隔符。</li>\n<li><code>multiLine</code> 默认是横着展示一排，设置以后竖着展示</li>\n<li><code>addable</code> 是否可新增。</li>\n<li><code>removable</code> 是否可删除</li>\n<li><code>deleteApi</code> 如果配置了，则删除前会发送一个 api，请求成功才完成删除！</li>\n<li><code>deleteConfirmText</code> 默认为 <code>确认要删除？</code>，当配置 <code>deleteApi</code> 才生效！删除时用来做用户确认！</li>\n<li><code>draggable</code> 默认为 <code>false</code>, 是否可以拖动排序, 需要注意的是当启用拖动排序的时候，会多一个\\$id 字段</li>\n<li><code>draggableTip</code> 可拖拽的提示文字，默认为：<code>&quot;可通过拖动每行中的【交换】按钮进行顺序调整&quot;</code></li>\n<li><code>addButtonText</code> 新增按钮文字，默认为 <code>&quot;新增&quot;</code>。</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>scaffold</code> 单组表单项初始值。默认为 <code>{}</code>。</li>\n<li><code>canAccessSuperData</code> 指定是否可以自动获取上层的数据并映射到表单项上，默认是<code>false</code>。</li>\n<li><code>conditions</code> 数组的形式包含所有条件的渲染类型，单个数组内的<code>test</code> 为判断条件，数组内的<code>controls</code>为符合该条件后渲染的<code>schema</code></li>\n<li><code>typeSwitchable</code> 是否可切换条件，配合<code>conditions</code>使用</li>\n<li><code>formClassName</code> 单组表单项的类名</li>\n<li><code>noBorder</code> 单组表单项是否有边框</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n  \"type\": \"combo\",\n  \"name\": \"combo\",\n  \"label\": \"单选组合项\",\n  \"controls\": [\n    {\n      \"name\": \"a\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"b\",\n      \"type\": \"select\",\n      \"options\": [\"a\", \"b\", \"c\"]\n    }\n  ]\n},\n{\n  \"type\": \"static\",\n  \"name\": \"combo\",\n  \"label\": \"当前值\"\n},\n\n{\n  \"type\": \"combo\",\n  \"name\": \"combo2\",\n  \"label\": \"多选组合项\",\n  \"multiple\": true,\n  \"draggable\": true,\n  \"controls\": [\n    {\n      \"label\": \"字段1\",\n      \"name\": \"a\",\n      \"type\": \"text\"\n    },\n    {\n      \"label\": \"字段2\",\n      \"name\": \"b\",\n      \"type\": \"select\",\n      \"options\": [\"a\", \"b\", \"c\"],\n      \"unique\": true\n    }\n  ]\n},\n{\n  \"type\": \"static\",\n  \"name\": \"combo2\",\n  \"label\": \"当前值\"\n}\n]\n</script></div>\n<p>combo 多行模式。</p>\n<div class=\"amis-preview\" style=\"height: 650px\"><script type=\"text/schema\" height=\"650\" scope=\"form\">[\n{\n  \"type\": \"combo\",\n  \"name\": \"combo\",\n  \"label\": \"多选组合form\",\n  \"multiple\": true,\n  \"multiLine\": true,\n  \"controls\": [\n      {\n        \"label\": \"字段1\",\n        \"name\": \"a\",\n        \"type\": \"text\"\n      },\n      {\n        \"label\": \"字段2\",\n        \"name\": \"b\",\n        \"type\": \"select\",\n        \"options\": [\"a\", \"b\", \"c\"]\n      }\n    ]\n\n},\n{\n  \"type\": \"static\",\n  \"name\": \"combo\",\n  \"label\": \"当前值\"\n},\n\n{\n  \"type\": \"combo\",\n  \"name\": \"xxx\",\n  \"label\": \"单选组合form\",\n  \"multiLine\": true,\n  \"controls\": [\n    {\n      \"name\": \"a\",\n      \"type\": \"text\"\n    },\n    {\n      \"name\": \"b\",\n      \"type\": \"select\",\n      \"options\": [\"a\", \"b\", \"c\"]\n    }\n  ]\n},\n{\n  \"type\": \"static\",\n  \"name\": \"xxx\",\n  \"label\": \"当前值\"\n}\n\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Combo.md\">/docs/renderers/Form/Combo.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Date-Range.html b/gh-pages/docs/renderers/Form/Date-Range.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Date-Range.html
+++ b/gh-pages/docs/renderers/Form/Date-Range.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Date-Range_0811a8c.js b/gh-pages/docs/renderers/Form/Date-Range_34864ff.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Date-Range_0811a8c.js
rename to gh-pages/docs/renderers/Form/Date-Range_34864ff.js
index 60d05467f..10d647470 100644
--- a/gh-pages/docs/renderers/Form/Date-Range_0811a8c.js
+++ b/gh-pages/docs/renderers/Form/Date-Range_34864ff.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Date-Range.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"date-range\" href=\"#date-range\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Date-Range</h3><p>日期范围类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date-range</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><code>maxDate</code> 限制最大日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"date-range\",\n      \"name\": \"select\",\n      \"label\": \"日期范围\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>考虑到大家都习惯用两个字段来存储，那么就用 date 来代替吧。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n  [\n    {\n      \"type\": \"date\",\n      \"name\": \"start\",\n      \"label\": \"开始日期\",\n      \"maxDate\": \"$end\"\n    },\n\n    {\n      \"type\": \"date\",\n      \"name\": \"end\",\n      \"label\": \"结束日期\",\n      \"minDate\": \"$start\"\n    }\n  ],\n\n  {\n    \"type\": \"static\",\n    \"name\": \"select\",\n    \"label\": \"当前值\",\n    \"description\": \"包含开始日期和结束日期\",\n    \"tpl\": \"$start - $end\"\n  }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"date-range\" href=\"#date-range\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Date-Range</h3><p>日期范围类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date-range</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><code>maxDate</code> 限制最大日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"date-range\",\n      \"name\": \"select\",\n      \"label\": \"日期范围\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>考虑到大家都习惯用两个字段来存储，那么就用 date 来代替吧。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n  [\n    {\n      \"type\": \"date\",\n      \"name\": \"start\",\n      \"label\": \"开始日期\",\n      \"maxDate\": \"$end\"\n    },\n\n    {\n      \"type\": \"date\",\n      \"name\": \"end\",\n      \"label\": \"结束日期\",\n      \"minDate\": \"$start\"\n    }\n  ],\n\n  {\n    \"type\": \"static\",\n    \"name\": \"select\",\n    \"label\": \"当前值\",\n    \"description\": \"包含开始日期和结束日期\",\n    \"tpl\": \"$start - $end\"\n  }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Date-Range.md\">/docs/renderers/Form/Date-Range.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Date.html b/gh-pages/docs/renderers/Form/Date.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Date.html
+++ b/gh-pages/docs/renderers/Form/Date.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Date_99db459.js b/gh-pages/docs/renderers/Form/Date_ec8c837.js
similarity index 90%
rename from gh-pages/docs/renderers/Form/Date_99db459.js
rename to gh-pages/docs/renderers/Form/Date_ec8c837.js
index 7f015deb0..0e3753663 100644
--- a/gh-pages/docs/renderers/Form/Date_99db459.js
+++ b/gh-pages/docs/renderers/Form/Date_ec8c837.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Date.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"date\" href=\"#date\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Date</h3><p>日期类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>value</code> 这里面 value 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><p><code>maxDate</code> 限制最大日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></p>\n<p>可用单位： <code>min</code>、<code>hour</code>、<code>day</code>、<code>week</code>、<code>month</code>、<code>year</code>。所有单位支持复数形式。</p>\n</li>\n<li><p><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"date\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"date\" href=\"#date\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Date</h3><p>日期类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>date</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>value</code> 这里面 value 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><p><code>maxDate</code> 限制最大日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></p>\n<p>可用单位： <code>min</code>、<code>hour</code>、<code>day</code>、<code>week</code>、<code>month</code>、<code>year</code>。所有单位支持复数形式。</p>\n</li>\n<li><p><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"date\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Date.md\">/docs/renderers/Form/Date.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Datetime.html b/gh-pages/docs/renderers/Form/Datetime.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Datetime.html
+++ b/gh-pages/docs/renderers/Form/Datetime.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Datetime_94d74e5.js b/gh-pages/docs/renderers/Form/Datetime_27f291f.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Datetime_94d74e5.js
rename to gh-pages/docs/renderers/Form/Datetime_27f291f.js
index 30a0cebd0..490cacb3d 100644
--- a/gh-pages/docs/renderers/Form/Datetime_94d74e5.js
+++ b/gh-pages/docs/renderers/Form/Datetime_27f291f.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Datetime.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"datetime\" href=\"#datetime\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Datetime</h3><p>日期时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>datetime</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD HH:mm:ss</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 <code>value</code> 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><p><code>maxDate</code> 限制最大日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></p>\n<p>可用单位： <code>min</code>、<code>hour</code>、<code>day</code>、<code>week</code>、<code>month</code>、<code>year</code>。所有单位支持复数形式。</p>\n</li>\n<li><p><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"datetime\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"datetime\" href=\"#datetime\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Datetime</h3><p>日期时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>datetime</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>YYYY-MM-DD HH:mm:ss</code> 用来配置显示的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 <code>value</code> 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><code>minDate</code> 限制最小日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></li>\n<li><p><code>maxDate</code> 限制最大日期，可用 <code>${xxx}</code> 取值，或者输入相对时间，或者时间戳。如：<code>${start}</code>、<code>+3days</code>、<code>+3days+2hours</code>或者 <code>${start|default:-2days}+3days</code></p>\n<p>可用单位： <code>min</code>、<code>hour</code>、<code>day</code>、<code>week</code>、<code>month</code>、<code>year</code>。所有单位支持复数形式。</p>\n</li>\n<li><p><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></p>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"datetime\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Datetime.md\">/docs/renderers/Form/Datetime.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Editor.html b/gh-pages/docs/renderers/Form/Editor.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Editor.html
+++ b/gh-pages/docs/renderers/Form/Editor.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Editor_f521c1c.js b/gh-pages/docs/renderers/Form/Editor_ca2a718.js
similarity index 93%
rename from gh-pages/docs/renderers/Form/Editor_f521c1c.js
rename to gh-pages/docs/renderers/Form/Editor_ca2a718.js
index 81717cab9..d5805dc45 100644
--- a/gh-pages/docs/renderers/Form/Editor_f521c1c.js
+++ b/gh-pages/docs/renderers/Form/Editor_ca2a718.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Editor.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"editor\" href=\"#editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Editor</h3><h3><a class=\"anchor\" name=\"xxx-editor\" href=\"#xxx-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>XXX-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>editor</code> 或者 <code>bat-editor</code>、<code>c-editor</code>、<code>coffeescript-editor</code>、<code>cpp-editor</code>、<code>csharp-editor</code>、<code>css-editor</code>、<code>dockerfile-editor</code>、<code>fsharp-editor</code>、<code>go-editor</code>、<code>handlebars-editor</code>、<code>html-editor</code>、<code>ini-editor</code>、<code>java-editor</code>、<code>javascript-editor</code>、<code>json-editor</code>、<code>less-editor</code>、<code>lua-editor</code>、<code>markdown-editor</code>、<code>msdax-editor</code>、<code>objective-c-editor</code>、<code>php-editor</code>、<code>plaintext-editor</code>、<code>postiats-editor</code>、<code>powershell-editor</code>、<code>pug-editor</code>、<code>python-editor</code>、<code>r-editor</code>、<code>razor-editor</code>、<code>ruby-editor</code>、<code>sb-editor</code>、<code>scss-editor</code>、<code>sol-editor</code>、<code>sql-editor</code>、<code>swift-editor</code>、<code>typescript-editor</code>、<code>vb-editor</code>、<code>xml-editor</code>、<code>yaml-editor</code>。</li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>editor</code> 的时候有用。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"json-editor\",\n  \"name\": \"json\",\n  \"label\": \"Json Editor\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"diff-editor\" href=\"#diff-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Diff-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>diff-editor</code></li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>diff-editor</code> 的时候有用</li>\n<li><code>diffValue</code> 设置左侧编辑器的值，支持<code>${xxx}</code>获取变量</li>\n<li><code>disabled</code> 配置 <strong>右侧编辑器</strong> 是否可编辑，<strong>左侧编辑器</strong>始终不可编辑</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>PS: 当用作纯展示时，可以通过<code>value</code>配置项，设置右侧编辑器的值</p>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"diff-editor\",\n  \"name\": \"diff\",\n  \"diffValue\": \"hello world\",\n  \"label\": \"Diff-Editor\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"editor\" href=\"#editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Editor</h3><h3><a class=\"anchor\" name=\"xxx-editor\" href=\"#xxx-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>XXX-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>editor</code> 或者 <code>bat-editor</code>、<code>c-editor</code>、<code>coffeescript-editor</code>、<code>cpp-editor</code>、<code>csharp-editor</code>、<code>css-editor</code>、<code>dockerfile-editor</code>、<code>fsharp-editor</code>、<code>go-editor</code>、<code>handlebars-editor</code>、<code>html-editor</code>、<code>ini-editor</code>、<code>java-editor</code>、<code>javascript-editor</code>、<code>json-editor</code>、<code>less-editor</code>、<code>lua-editor</code>、<code>markdown-editor</code>、<code>msdax-editor</code>、<code>objective-c-editor</code>、<code>php-editor</code>、<code>plaintext-editor</code>、<code>postiats-editor</code>、<code>powershell-editor</code>、<code>pug-editor</code>、<code>python-editor</code>、<code>r-editor</code>、<code>razor-editor</code>、<code>ruby-editor</code>、<code>sb-editor</code>、<code>scss-editor</code>、<code>sol-editor</code>、<code>sql-editor</code>、<code>swift-editor</code>、<code>typescript-editor</code>、<code>vb-editor</code>、<code>xml-editor</code>、<code>yaml-editor</code>。</li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>editor</code> 的时候有用。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"json-editor\",\n  \"name\": \"json\",\n  \"label\": \"Json Editor\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"diff-editor\" href=\"#diff-editor\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Diff-Editor</h3><ul>\n<li><code>type</code> 请设置成 <code>diff-editor</code></li>\n<li><code>language</code> 默认为 <code>javascript</code> 当 <code>type</code> 为 <code>diff-editor</code> 的时候有用</li>\n<li><code>diffValue</code> 设置左侧编辑器的值，支持<code>${xxx}</code>获取变量</li>\n<li><code>disabled</code> 配置 <strong>右侧编辑器</strong> 是否可编辑，<strong>左侧编辑器</strong>始终不可编辑</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>PS: 当用作纯展示时，可以通过<code>value</code>配置项，设置右侧编辑器的值</p>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"diff-editor\",\n  \"name\": \"diff\",\n  \"diffValue\": \"hello world\",\n  \"label\": \"Diff-Editor\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Editor.md\">/docs/renderers/Form/Editor.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Email.html b/gh-pages/docs/renderers/Form/Email.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Email.html
+++ b/gh-pages/docs/renderers/Form/Email.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Email_99c505b.js b/gh-pages/docs/renderers/Form/Email_6f58cc8.js
similarity index 88%
rename from gh-pages/docs/renderers/Form/Email_99c505b.js
rename to gh-pages/docs/renderers/Form/Email_6f58cc8.js
index 575beb095..1dc468103 100644
--- a/gh-pages/docs/renderers/Form/Email_99c505b.js
+++ b/gh-pages/docs/renderers/Form/Email_6f58cc8.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Email.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"email\" href=\"#email\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Email</h3><p>Email 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>email</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 <code>options</code> 只能配置静态数据，如果设置了 <code>source</code> 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 <code>source</code> 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"email\",\n  \"name\": \"text\",\n  \"validateOnChange\": true,\n  \"label\": \"Email\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"email\" href=\"#email\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Email</h3><p>Email 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>email</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 <code>options</code> 只能配置静态数据，如果设置了 <code>source</code> 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 <code>source</code> 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"email\",\n  \"name\": \"text\",\n  \"validateOnChange\": true,\n  \"label\": \"Email\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Email.md\">/docs/renderers/Form/Email.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/FieldSet.html b/gh-pages/docs/renderers/Form/FieldSet.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/FieldSet.html
+++ b/gh-pages/docs/renderers/Form/FieldSet.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/FieldSet_1e6dcbe.js b/gh-pages/docs/renderers/Form/FieldSet_ec47997.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/FieldSet_1e6dcbe.js
rename to gh-pages/docs/renderers/Form/FieldSet_ec47997.js
index 1cace400f..ca9542f53 100644
--- a/gh-pages/docs/renderers/Form/FieldSet_1e6dcbe.js
+++ b/gh-pages/docs/renderers/Form/FieldSet_ec47997.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/FieldSet.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"fieldset\" href=\"#fieldset\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FieldSet</h3><p>多个输入框可以通过 fieldSet 捆绑在一起。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>fieldSet</code></li>\n<li><code>title</code> 标题</li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>collapsable</code> 配置是否可折叠，默认为 <code>true</code>。</li>\n<li><code>collapsed</code> 默认是否折叠。</li>\n<li><code>className</code> CSS 类名</li>\n<li><code>headingClassName</code> 标题 CSS 类名</li>\n<li><code>bodyClassName</code> 内容区域 CSS 类名</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form\">[\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"基本配置\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本1\"\n      },\n\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本2\"\n      }\n    ]\n  },\n\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"其他配置\",\n    \"collapsable\": true,\n    \"collapsed\": true,\n    \"controls\": [\n      {\n        \"name\": \"c\",\n        \"type\": \"text\",\n        \"label\": \"文本3\"\n      },\n\n      {\n        \"name\": \"d\",\n        \"type\": \"text\",\n        \"label\": \"文本4\"\n      }\n    ]\n  }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"fieldset\" href=\"#fieldset\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FieldSet</h3><p>多个输入框可以通过 fieldSet 捆绑在一起。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>fieldSet</code></li>\n<li><code>title</code> 标题</li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>collapsable</code> 配置是否可折叠，默认为 <code>true</code>。</li>\n<li><code>collapsed</code> 默认是否折叠。</li>\n<li><code>className</code> CSS 类名</li>\n<li><code>headingClassName</code> 标题 CSS 类名</li>\n<li><code>bodyClassName</code> 内容区域 CSS 类名</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form\">[\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"基本配置\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本1\"\n      },\n\n      {\n        \"name\": \"a\",\n        \"type\": \"text\",\n        \"label\": \"文本2\"\n      }\n    ]\n  },\n\n  {\n    \"type\": \"fieldSet\",\n    \"title\": \"其他配置\",\n    \"collapsable\": true,\n    \"collapsed\": true,\n    \"controls\": [\n      {\n        \"name\": \"c\",\n        \"type\": \"text\",\n        \"label\": \"文本3\"\n      },\n\n      {\n        \"name\": \"d\",\n        \"type\": \"text\",\n        \"label\": \"文本4\"\n      }\n    ]\n  }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/FieldSet.md\">/docs/renderers/Form/FieldSet.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/File.html b/gh-pages/docs/renderers/Form/File.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/File.html
+++ b/gh-pages/docs/renderers/Form/File.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/File_60dbcfc.js b/gh-pages/docs/renderers/Form/File_6f4bc97.js
similarity index 91%
rename from gh-pages/docs/renderers/Form/File_60dbcfc.js
rename to gh-pages/docs/renderers/Form/File_6f4bc97.js
index 1df7904f3..d987bc732 100644
--- a/gh-pages/docs/renderers/Form/File_60dbcfc.js
+++ b/gh-pages/docs/renderers/Form/File_6f4bc97.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/File.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"file\" href=\"#file\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>File</h3><p>文件输入，amis 也默认处理了图片存储，提交给 API 的是文件的下载地址。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>file</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload/file</code> 如果想自己存储，请设置此选项。(PS: 如果想存自己的 bos, 系统配置中可以直接填写自己的 bos 配置。)</li>\n<li><code>accept</code> 默认 <code>text/plain</code> 默认只支持纯文本，要支持其他类型，请配置此属性。</li>\n<li><code>maxSize</code> 默认没有限制，当设置后，文件大小大于此值将不允许上传。</li>\n<li><code>multiple</code> 是否多选。</li>\n<li><code>maxLength</code> 默认没有限制，当设置后，一次只允许上传指定数量文件。</li>\n<li><code>joinValues</code> 多选时是否将多个值用 <code>delimiter</code> 连接起来。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 链接符</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>fileField</code> 默认 <code>file</code>, 如果你不想自己存储，则可以忽略此属性。</li>\n<li><code>downloadUrl</code> 默认显示文件路径的时候会支持直接下载，可以支持加前缀如：<code>http://xx.dom/filename=</code> ，如果不希望这样，可以把当前配置项设置为 <code>false</code>。</li>\n<li><code>useChunk</code> 默认为 &#39;auto&#39; amis 所在服务器，限制了文件上传大小不得超出 10M，所以 amis 在用户选择大文件的时候，自动会改成分块上传模式。</li>\n<li><code>chunkSize</code> 分块大小，默认为 5M.</li>\n<li><code>startChunkApi</code> 默认 <code>/api/upload/startChunk</code> 想自己存储时才需要关注。</li>\n<li><code>chunkApi</code> 默认 <code>/api/upload/chunk</code> 想自己存储时才需要关注。</li>\n<li><code>finishChunkApi</code> 默认 <code>/api/upload/finishChunk</code> 想自己存储时才需要关注。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"file\",\n  \"name\": \"file\",\n  \"label\": \"File\",\n  \"maxSize\": 1048576\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"file\" href=\"#file\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>File</h3><p>文件输入，amis 也默认处理了图片存储，提交给 API 的是文件的下载地址。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>file</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload/file</code> 如果想自己存储，请设置此选项。(PS: 如果想存自己的 bos, 系统配置中可以直接填写自己的 bos 配置。)</li>\n<li><code>accept</code> 默认 <code>text/plain</code> 默认只支持纯文本，要支持其他类型，请配置此属性。</li>\n<li><code>maxSize</code> 默认没有限制，当设置后，文件大小大于此值将不允许上传。</li>\n<li><code>multiple</code> 是否多选。</li>\n<li><code>maxLength</code> 默认没有限制，当设置后，一次只允许上传指定数量文件。</li>\n<li><code>joinValues</code> 多选时是否将多个值用 <code>delimiter</code> 连接起来。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 链接符</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>fileField</code> 默认 <code>file</code>, 如果你不想自己存储，则可以忽略此属性。</li>\n<li><code>downloadUrl</code> 默认显示文件路径的时候会支持直接下载，可以支持加前缀如：<code>http://xx.dom/filename=</code> ，如果不希望这样，可以把当前配置项设置为 <code>false</code>。</li>\n<li><code>useChunk</code> 默认为 &#39;auto&#39; amis 所在服务器，限制了文件上传大小不得超出 10M，所以 amis 在用户选择大文件的时候，自动会改成分块上传模式。</li>\n<li><code>chunkSize</code> 分块大小，默认为 5M.</li>\n<li><code>startChunkApi</code> 默认 <code>/api/upload/startChunk</code> 想自己存储时才需要关注。</li>\n<li><code>chunkApi</code> 默认 <code>/api/upload/chunk</code> 想自己存储时才需要关注。</li>\n<li><code>finishChunkApi</code> 默认 <code>/api/upload/finishChunk</code> 想自己存储时才需要关注。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"file\",\n  \"name\": \"file\",\n  \"label\": \"File\",\n  \"maxSize\": 1048576\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/File.md\">/docs/renderers/Form/File.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Form.html b/gh-pages/docs/renderers/Form/Form.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Form.html
+++ b/gh-pages/docs/renderers/Form/Form.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/FormItem.html b/gh-pages/docs/renderers/Form/FormItem.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/FormItem.html
+++ b/gh-pages/docs/renderers/Form/FormItem.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/FormItem_335fa46.js b/gh-pages/docs/renderers/Form/FormItem_b10abdb.js
similarity index 94%
rename from gh-pages/docs/renderers/Form/FormItem_335fa46.js
rename to gh-pages/docs/renderers/Form/FormItem_b10abdb.js
index 1e90a9028..02a771b18 100644
--- a/gh-pages/docs/renderers/Form/FormItem_335fa46.js
+++ b/gh-pages/docs/renderers/Form/FormItem_b10abdb.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/FormItem.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"formitem\" href=\"#formitem\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FormItem</h3><p>Form 中主要是由各种 FormItem 组成。FormItem 中主要包含这些字段。</p>\n<ul>\n<li><code>name</code> 字段名，表单提交时的 key。</li>\n<li><code>value</code> 值，可以通过它设置默认值。</li>\n<li><code>label</code> 描述标题，当表单为水平布局时，左边即便是不设置 label 为了保持对齐也会留空，如果想要去掉空白，请设置成 <code>false</code>。</li>\n<li><code>description</code> 描述内容。</li>\n<li><code>placeholder</code> 占位内容。</li>\n<li><code>type</code> 指定表单类型，如： <code>text</code>、<code>textarea</code>、<code>date</code>、<code>email</code>等等</li>\n<li><code>inline</code> 是否为 inline 模式。</li>\n<li><code>submitOnChange</code> 是否该表单项值发生变化时就提交当前表单。</li>\n<li><code>className</code> 表单最外层类名。</li>\n<li><code>disabled</code> 当前表单项是否是禁用状态。</li>\n<li><code>disabledOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项的禁用状态。</li>\n<li><code>visible</code> 是否可见。</li>\n<li><code>visibleOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否隐藏。</li>\n<li><code>inputClassName</code> 表单控制器类名。</li>\n<li><code>labelClassName</code> label 的类名。</li>\n<li><code>required</code> 是否为必填。</li>\n<li><code>requiredOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否为必填。</li>\n<li><p><code>validations</code> 格式验证，支持设置多个，多个规则用英文逗号隔开。</p>\n<ul>\n<li><code>isEmptyString</code> 必须是空白字符。</li>\n<li><code>isEmail</code> 必须是 Email。</li>\n<li><code>isUrl</code> 必须是 Url。</li>\n<li><code>isNumeric</code> 必须是 数值。</li>\n<li><code>isAlpha</code> 必须是 字母。</li>\n<li><code>isAlphanumeric</code> 必须是 字母或者数字。</li>\n<li><code>isInt</code> 必须是 整形。</li>\n<li><code>isFloat</code> 必须是 浮点形。</li>\n<li><code>isLength:length</code> 是否长度正好等于设定值。</li>\n<li><code>minLength:length</code> 最小长度。</li>\n<li><code>maxLength:length</code> 最大长度。</li>\n<li><code>maximum:length</code> 最大值。</li>\n<li><code>minimum:length</code> 最小值。</li>\n<li><code>equals:xxx</code> 当前值必须完全等于 xxx。</li>\n<li><code>equalsField:xxx</code> 当前值必须与 xxx 变量值一致。</li>\n<li><code>isJson</code> 是否是合法的 Json 字符串。</li>\n<li><code>notEmptyString</code> 要求输入内容不是空白。</li>\n<li><code>isUrlPath</code> 是 url 路径。</li>\n<li><code>matchRegexp:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp1:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp2:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp3:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp4:/foo/</code> 必须命中某个正则。\n如：</li>\n</ul>\n<pre><code class=\"lang-js\">{\n  <span class=\"hljs-string\">\"validations\"</span>: <span class=\"hljs-string\">\"isNumeric,minimum:10\"</span>,\n\n  // 或者对象配置方式, 推荐\n  <span class=\"hljs-string\">\"validations\"</span>: {\n    <span class=\"hljs-string\">\"isNumeric\"</span>: <span class=\"hljs-literal\">true</span>,\n    <span class=\"hljs-string\">\"minimum\"</span>: <span class=\"hljs-number\">10</span>\n  }\n}\n</code></pre>\n</li>\n<li><p><code>validationErrors</code> 自定义错误提示, 配置为对象, key 为规则名, value 为错误提示字符串(提示:其中<code>$1</code>表示输入)\n如：</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"validationErrors\"</span>: {\n        <span class=\"hljs-attr\">\"isEmail\"</span>: <span class=\"hljs-string\">\"请输入正确的邮箱地址\"</span>\n    }\n}\n</code></pre>\n</li>\n<li><code>validateOnChange</code> 是否修改就验证数值，默认当表单提交过就会每次修改验证，如果要关闭请设置为 <code>false</code>，即便是关了，表单提交前还是会验证的。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"text\",\n  \"name\": \"test1\",\n  \"label\": \"Label\",\n  \"description\": \"Description...\",\n  \"placeholder\": \"Placeholder\",\n  \"validateOnChange\": true,\n  \"validations\": \"matchRegexp: /^a/, minLength:3,maxLength:5\",\n  \"validationErrors\": {\n    \"matchRegexp\": \"必须为a开头\",\n    \"minLength\": \"小伙伴，最低为$1个字符!\"\n  }\n}\n</script></div>\n<p>不同类型的表单，可配置项还有更多，具体请看下面对应的类型。</p>\n",
+    "html": "<h3><a class=\"anchor\" name=\"formitem\" href=\"#formitem\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>FormItem</h3><p>Form 中主要是由各种 FormItem 组成。FormItem 中主要包含这些字段。</p>\n<ul>\n<li><code>name</code> 字段名，表单提交时的 key。</li>\n<li><code>value</code> 值，可以通过它设置默认值。</li>\n<li><code>label</code> 描述标题，当表单为水平布局时，左边即便是不设置 label 为了保持对齐也会留空，如果想要去掉空白，请设置成 <code>false</code>。</li>\n<li><code>description</code> 描述内容。</li>\n<li><code>placeholder</code> 占位内容。</li>\n<li><code>type</code> 指定表单类型，如： <code>text</code>、<code>textarea</code>、<code>date</code>、<code>email</code>等等</li>\n<li><code>inline</code> 是否为 inline 模式。</li>\n<li><code>submitOnChange</code> 是否该表单项值发生变化时就提交当前表单。</li>\n<li><code>className</code> 表单最外层类名。</li>\n<li><code>disabled</code> 当前表单项是否是禁用状态。</li>\n<li><code>disabledOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项的禁用状态。</li>\n<li><code>visible</code> 是否可见。</li>\n<li><code>visibleOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否隐藏。</li>\n<li><code>inputClassName</code> 表单控制器类名。</li>\n<li><code>labelClassName</code> label 的类名。</li>\n<li><code>required</code> 是否为必填。</li>\n<li><code>requiredOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否为必填。</li>\n<li><p><code>validations</code> 格式验证，支持设置多个，多个规则用英文逗号隔开。</p>\n<ul>\n<li><code>isEmptyString</code> 必须是空白字符。</li>\n<li><code>isEmail</code> 必须是 Email。</li>\n<li><code>isUrl</code> 必须是 Url。</li>\n<li><code>isNumeric</code> 必须是 数值。</li>\n<li><code>isAlpha</code> 必须是 字母。</li>\n<li><code>isAlphanumeric</code> 必须是 字母或者数字。</li>\n<li><code>isInt</code> 必须是 整形。</li>\n<li><code>isFloat</code> 必须是 浮点形。</li>\n<li><code>isLength:length</code> 是否长度正好等于设定值。</li>\n<li><code>minLength:length</code> 最小长度。</li>\n<li><code>maxLength:length</code> 最大长度。</li>\n<li><code>maximum:length</code> 最大值。</li>\n<li><code>minimum:length</code> 最小值。</li>\n<li><code>equals:xxx</code> 当前值必须完全等于 xxx。</li>\n<li><code>equalsField:xxx</code> 当前值必须与 xxx 变量值一致。</li>\n<li><code>isJson</code> 是否是合法的 Json 字符串。</li>\n<li><code>notEmptyString</code> 要求输入内容不是空白。</li>\n<li><code>isUrlPath</code> 是 url 路径。</li>\n<li><code>matchRegexp:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp1:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp2:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp3:/foo/</code> 必须命中某个正则。</li>\n<li><code>matchRegexp4:/foo/</code> 必须命中某个正则。\n如：</li>\n</ul>\n<pre><code class=\"lang-js\">{\n  <span class=\"hljs-string\">\"validations\"</span>: <span class=\"hljs-string\">\"isNumeric,minimum:10\"</span>,\n\n  // 或者对象配置方式, 推荐\n  <span class=\"hljs-string\">\"validations\"</span>: {\n    <span class=\"hljs-string\">\"isNumeric\"</span>: <span class=\"hljs-literal\">true</span>,\n    <span class=\"hljs-string\">\"minimum\"</span>: <span class=\"hljs-number\">10</span>\n  }\n}\n</code></pre>\n</li>\n<li><p><code>validationErrors</code> 自定义错误提示, 配置为对象, key 为规则名, value 为错误提示字符串(提示:其中<code>$1</code>表示输入)\n如：</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"validationErrors\"</span>: {\n        <span class=\"hljs-attr\">\"isEmail\"</span>: <span class=\"hljs-string\">\"请输入正确的邮箱地址\"</span>\n    }\n}\n</code></pre>\n</li>\n<li><code>validateOnChange</code> 是否修改就验证数值，默认当表单提交过就会每次修改验证，如果要关闭请设置为 <code>false</code>，即便是关了，表单提交前还是会验证的。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"text\",\n  \"name\": \"test1\",\n  \"label\": \"Label\",\n  \"description\": \"Description...\",\n  \"placeholder\": \"Placeholder\",\n  \"validateOnChange\": true,\n  \"validations\": \"matchRegexp: /^a/, minLength:3,maxLength:5\",\n  \"validationErrors\": {\n    \"matchRegexp\": \"必须为a开头\",\n    \"minLength\": \"小伙伴，最低为$1个字符!\"\n  }\n}\n</script></div>\n<p>不同类型的表单，可配置项还有更多，具体请看下面对应的类型。</p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/FormItem.md\">/docs/renderers/Form/FormItem.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Form_db5205e.js b/gh-pages/docs/renderers/Form/Form_9da7ce0.js
similarity index 97%
rename from gh-pages/docs/renderers/Form/Form_db5205e.js
rename to gh-pages/docs/renderers/Form/Form_9da7ce0.js
index adf6e2cd5..b4884adef 100644
--- a/gh-pages/docs/renderers/Form/Form_db5205e.js
+++ b/gh-pages/docs/renderers/Form/Form_9da7ce0.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Form.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"form\" href=\"#form\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Form</h2><p>表单渲染器，主要用来展示或者接收用户输入后将数据提交给后端或者其他组件。</p>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\">{\n  \"type\": \"page\",\n  \"body\": {\n    \"type\": \"form\",\n    \"name\": \"sample1\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n    \"controls\": [\n      {\n        \"name\": \"email\",\n        \"label\": \"Email\",\n        \"type\": \"email\",\n        \"description\": \"描述文字\"\n      },\n      {\n        \"name\": \"text\",\n        \"type\": \"text\",\n        \"label\": \"Text\"\n      }\n    ]\n  }\n}\n</script></div>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;form&quot;</code> 指定为 Form 渲染器</td>\n</tr>\n<tr>\n<td>mode</td>\n<td><code>string</code></td>\n<td><code>normal</code></td>\n<td>表单展示方式，可以是：<code>normal</code>、<code>horizontal</code> 或者 <code>inline</code></td>\n</tr>\n<tr>\n<td>horizontal</td>\n<td><code>Object</code></td>\n<td><code>{&quot;left&quot;:&quot;col-sm-2&quot;, &quot;right&quot;:&quot;col-sm-10&quot;, &quot;offset&quot;:&quot;col-sm-offset-2&quot;}</code></td>\n<td>当 mode 为 <code>horizontal</code> 时有用，用来控制 label</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td><code>&quot;表单&quot;</code></td>\n<td>Form 的标题</td>\n</tr>\n<tr>\n<td>submitText</td>\n<td><code>String</code></td>\n<td><code>&quot;提交&quot;</code></td>\n<td>默认的提交按钮名称，如果设置成空，则可以把默认按钮去掉。</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>Array</code> of <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></td>\n<td></td>\n<td>Form 表单项集合</td>\n</tr>\n<tr>\n<td>actions</td>\n<td><code>Array</code> of <a href=\"/amis/docs/renderers/Form/Action\">Action</a></td>\n<td></td>\n<td>Form 提交按钮，成员为 Action</td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>Object</code></td>\n<td></td>\n<td>消息提示覆写，默认消息读取的是 API 返回的消息，但是在此可以覆写它。</td>\n</tr>\n<tr>\n<td>messages.fetchSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取成功时提示</td>\n</tr>\n<tr>\n<td>messages.fetchFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取失败时提示</td>\n</tr>\n<tr>\n<td>messages.saveFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存成功时提示</td>\n</tr>\n<tr>\n<td>messages.saveSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存失败时提示</td>\n</tr>\n<tr>\n<td>wrapWithPanel</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否让 Form 用 panel 包起来，设置为 false 后，actions 将无效。</td>\n</tr>\n<tr>\n<td>panelClassName</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否让 Form 用 panel 包起来，设置为 false 后，actions 将无效。</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>Form 用来保存数据的 api。</td>\n</tr>\n<tr>\n<td>initApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>Form 用来获取初始数据的 api。</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Form/Types#表达式\">表达式</a> 来配置停止刷新的条件</td>\n</tr>\n<tr>\n<td>initAsyncApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>Form 用来获取初始数据的 api,与 initApi 不同的是，会一直轮训请求该接口，直到返回 finished 属性为 true 才 结束。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>设置了 initApi 或者 initAsyncApi 后，默认会开始就发请求，设置为 false 后就不会起始就请求接口</td>\n</tr>\n<tr>\n<td>initFetchOn</td>\n<td><code>string</code></td>\n<td></td>\n<td>用表达式来配置</td>\n</tr>\n<tr>\n<td>initFinishedField</td>\n<td><code>string</code></td>\n<td><code>finished</code></td>\n<td>设置了 initAsyncApi 后，默认会从返回数据的 data.finished 来判断是否完成，也可以设置成其他的 xxx，就会从 data.xxx 中获取</td>\n</tr>\n<tr>\n<td>initCheckInterval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>设置了 initAsyncApi 以后，默认拉取的时间间隔</td>\n</tr>\n<tr>\n<td>schemaApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td><code>已不支持</code>，请改用 controls 里面放置 Service 渲染器实现</td>\n</tr>\n<tr>\n<td>asyncApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>设置此属性后，表单提交发送保存接口后，还会继续轮训请求该接口，直到返回 <code>finished</code> 属性为 <code>true</code> 才 结束。</td>\n</tr>\n<tr>\n<td>checkInterval</td>\n<td><code>number</code></td>\n<td>3000</td>\n<td>轮训请求的时间间隔，默认为 3 秒。设置 <code>asyncApi</code> 才有效</td>\n</tr>\n<tr>\n<td>finishedField</td>\n<td><code>string</code></td>\n<td><code>&quot;finished&quot;</code></td>\n<td>如果决定结束的字段名不是 <code>finished</code> 请设置此属性，比如 <code>is_success</code></td>\n</tr>\n<tr>\n<td>submitOnChange</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>表单修改即提交</td>\n</tr>\n<tr>\n<td>submitOnInit</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>初始就提交一次</td>\n</tr>\n<tr>\n<td>resetAfterSubmit</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>提交后是否重置表单</td>\n</tr>\n<tr>\n<td>primaryField</td>\n<td><code>string</code></td>\n<td><code>&quot;id&quot;</code></td>\n<td>设置主键 id, 当设置后，检测表单是否完成时（asyncApi），只会携带此数据。</td>\n</tr>\n<tr>\n<td>target</td>\n<td><code>string</code></td>\n<td></td>\n<td>默认表单提交自己会通过发送 api 保存数据，但是也可以设定另外一个 form 的 name 值，或者另外一个 <code>CRUD</code> 模型的 name 值。 如果 target 目标是一个 <code>Form</code> ，则目标 <code>Form</code> 会重新触发 <code>initApi</code>，api 可以拿到当前 form 数据。如果目标是一个 <code>CRUD</code> 模型，则目标模型会重新触发搜索，参数为当前 Form 数据。当目标是 <code>window</code> 时，会把当前表单的数据附带到页面地址上。</td>\n</tr>\n<tr>\n<td>redirect</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置此属性后，Form 保存成功后，自动跳转到指定页面。支持相对地址，和绝对地址（相对于组内的）。</td>\n</tr>\n<tr>\n<td>reload</td>\n<td><code>string</code></td>\n<td></td>\n<td>操作完后刷新目标对象。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则让当前页面整体刷新。</td>\n</tr>\n<tr>\n<td>autoFocus</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否自动聚焦。</td>\n</tr>\n<tr>\n<td>canAccessSuperData</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>指定是否可以自动获取上层的数据并映射到表单项上</td>\n</tr>\n<tr>\n<td>persistData</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>指定表单是否开启本地缓存</td>\n</tr>\n<tr>\n<td>clearPersistDataAfterSubmit</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>指定表单提交成功后是否清除本地缓存</td>\n</tr>\n<tr>\n<td>name</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置一个名字后，方便其他组件与其通信</td>\n</tr>\n</tbody>\n</table>\n<p>表单项都是通过 controls 设置的，类型是数组，成员主要是<a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>，默认一行一个（当然 form 是 inline 模式时例外），如果想一行多个，可以将多个<a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>放在一个 <a href=\"/amis/docs/renderers/Form/Group\">Group</a> 里面。</p>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\" scope=\"body\">{\n  \"type\": \"form\",\n  \"name\": \"sample2\",\n  \"controls\": [\n    {\n      \"type\": \"text\",\n      \"name\": \"test\",\n      \"label\": \"Label\",\n      \"placeholder\": \"Placeholder\"\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test1\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"type\": \"text\",\n          \"name\": \"test2\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n<p>水平模式的 Form 也支持 <a href=\"/amis/docs/renderers/Form/Group\">Group</a> 展现。</p>\n<div class=\"amis-preview\" style=\"height: 630px\"><script type=\"text/schema\" height=\"630\" scope=\"body\">{\n  \"type\": \"form\",\n  \"mode\": \"horizontal\",\n  \"name\": \"sample3\",\n  \"controls\": [\n    {\n      \"type\": \"text\",\n      \"name\": \"test\",\n      \"label\": \"Label\",\n      \"placeholder\": \"Placeholder\"\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test1\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"type\": \"text\",\n          \"name\": \"test2\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test3\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"inline\": true,\n          \"type\": \"text\",\n          \"name\": \"test4\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test3\",\n          \"label\": \"Label\",\n          \"inline\": true,\n          \"labelClassName\": \"col-sm-2\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"inline\": true,\n          \"type\": \"text\",\n          \"name\": \"test4\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"form\" href=\"#form\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Form</h2><p>表单渲染器，主要用来展示或者接收用户输入后将数据提交给后端或者其他组件。</p>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\">{\n  \"type\": \"page\",\n  \"body\": {\n    \"type\": \"form\",\n    \"name\": \"sample1\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=1\",\n    \"controls\": [\n      {\n        \"name\": \"email\",\n        \"label\": \"Email\",\n        \"type\": \"email\",\n        \"description\": \"描述文字\"\n      },\n      {\n        \"name\": \"text\",\n        \"type\": \"text\",\n        \"label\": \"Text\"\n      }\n    ]\n  }\n}\n</script></div>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;form&quot;</code> 指定为 Form 渲染器</td>\n</tr>\n<tr>\n<td>mode</td>\n<td><code>string</code></td>\n<td><code>normal</code></td>\n<td>表单展示方式，可以是：<code>normal</code>、<code>horizontal</code> 或者 <code>inline</code></td>\n</tr>\n<tr>\n<td>horizontal</td>\n<td><code>Object</code></td>\n<td><code>{&quot;left&quot;:&quot;col-sm-2&quot;, &quot;right&quot;:&quot;col-sm-10&quot;, &quot;offset&quot;:&quot;col-sm-offset-2&quot;}</code></td>\n<td>当 mode 为 <code>horizontal</code> 时有用，用来控制 label</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td><code>&quot;表单&quot;</code></td>\n<td>Form 的标题</td>\n</tr>\n<tr>\n<td>submitText</td>\n<td><code>String</code></td>\n<td><code>&quot;提交&quot;</code></td>\n<td>默认的提交按钮名称，如果设置成空，则可以把默认按钮去掉。</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>controls</td>\n<td><code>Array</code> of <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></td>\n<td></td>\n<td>Form 表单项集合</td>\n</tr>\n<tr>\n<td>actions</td>\n<td><code>Array</code> of <a href=\"/amis/docs/renderers/Form/Action\">Action</a></td>\n<td></td>\n<td>Form 提交按钮，成员为 Action</td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>Object</code></td>\n<td></td>\n<td>消息提示覆写，默认消息读取的是 API 返回的消息，但是在此可以覆写它。</td>\n</tr>\n<tr>\n<td>messages.fetchSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取成功时提示</td>\n</tr>\n<tr>\n<td>messages.fetchFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取失败时提示</td>\n</tr>\n<tr>\n<td>messages.saveFailed</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存成功时提示</td>\n</tr>\n<tr>\n<td>messages.saveSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>保存失败时提示</td>\n</tr>\n<tr>\n<td>wrapWithPanel</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否让 Form 用 panel 包起来，设置为 false 后，actions 将无效。</td>\n</tr>\n<tr>\n<td>panelClassName</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否让 Form 用 panel 包起来，设置为 false 后，actions 将无效。</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>Form 用来保存数据的 api。</td>\n</tr>\n<tr>\n<td>initApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>Form 用来获取初始数据的 api。</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Form/Types#表达式\">表达式</a> 来配置停止刷新的条件</td>\n</tr>\n<tr>\n<td>initAsyncApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>Form 用来获取初始数据的 api,与 initApi 不同的是，会一直轮训请求该接口，直到返回 finished 属性为 true 才 结束。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>设置了 initApi 或者 initAsyncApi 后，默认会开始就发请求，设置为 false 后就不会起始就请求接口</td>\n</tr>\n<tr>\n<td>initFetchOn</td>\n<td><code>string</code></td>\n<td></td>\n<td>用表达式来配置</td>\n</tr>\n<tr>\n<td>initFinishedField</td>\n<td><code>string</code></td>\n<td><code>finished</code></td>\n<td>设置了 initAsyncApi 后，默认会从返回数据的 data.finished 来判断是否完成，也可以设置成其他的 xxx，就会从 data.xxx 中获取</td>\n</tr>\n<tr>\n<td>initCheckInterval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>设置了 initAsyncApi 以后，默认拉取的时间间隔</td>\n</tr>\n<tr>\n<td>schemaApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td><code>已不支持</code>，请改用 controls 里面放置 Service 渲染器实现</td>\n</tr>\n<tr>\n<td>asyncApi</td>\n<td><a href=\"/amis/docs/renderers/Form/Types#api\">Api</a></td>\n<td></td>\n<td>设置此属性后，表单提交发送保存接口后，还会继续轮训请求该接口，直到返回 <code>finished</code> 属性为 <code>true</code> 才 结束。</td>\n</tr>\n<tr>\n<td>checkInterval</td>\n<td><code>number</code></td>\n<td>3000</td>\n<td>轮训请求的时间间隔，默认为 3 秒。设置 <code>asyncApi</code> 才有效</td>\n</tr>\n<tr>\n<td>finishedField</td>\n<td><code>string</code></td>\n<td><code>&quot;finished&quot;</code></td>\n<td>如果决定结束的字段名不是 <code>finished</code> 请设置此属性，比如 <code>is_success</code></td>\n</tr>\n<tr>\n<td>submitOnChange</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>表单修改即提交</td>\n</tr>\n<tr>\n<td>submitOnInit</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>初始就提交一次</td>\n</tr>\n<tr>\n<td>resetAfterSubmit</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>提交后是否重置表单</td>\n</tr>\n<tr>\n<td>primaryField</td>\n<td><code>string</code></td>\n<td><code>&quot;id&quot;</code></td>\n<td>设置主键 id, 当设置后，检测表单是否完成时（asyncApi），只会携带此数据。</td>\n</tr>\n<tr>\n<td>target</td>\n<td><code>string</code></td>\n<td></td>\n<td>默认表单提交自己会通过发送 api 保存数据，但是也可以设定另外一个 form 的 name 值，或者另外一个 <code>CRUD</code> 模型的 name 值。 如果 target 目标是一个 <code>Form</code> ，则目标 <code>Form</code> 会重新触发 <code>initApi</code>，api 可以拿到当前 form 数据。如果目标是一个 <code>CRUD</code> 模型，则目标模型会重新触发搜索，参数为当前 Form 数据。当目标是 <code>window</code> 时，会把当前表单的数据附带到页面地址上。</td>\n</tr>\n<tr>\n<td>redirect</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置此属性后，Form 保存成功后，自动跳转到指定页面。支持相对地址，和绝对地址（相对于组内的）。</td>\n</tr>\n<tr>\n<td>reload</td>\n<td><code>string</code></td>\n<td></td>\n<td>操作完后刷新目标对象。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则让当前页面整体刷新。</td>\n</tr>\n<tr>\n<td>autoFocus</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>是否自动聚焦。</td>\n</tr>\n<tr>\n<td>canAccessSuperData</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>指定是否可以自动获取上层的数据并映射到表单项上</td>\n</tr>\n<tr>\n<td>persistData</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>指定表单是否开启本地缓存</td>\n</tr>\n<tr>\n<td>clearPersistDataAfterSubmit</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>指定表单提交成功后是否清除本地缓存</td>\n</tr>\n<tr>\n<td>name</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置一个名字后，方便其他组件与其通信</td>\n</tr>\n</tbody>\n</table>\n<p>表单项都是通过 controls 设置的，类型是数组，成员主要是<a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>，默认一行一个（当然 form 是 inline 模式时例外），如果想一行多个，可以将多个<a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>放在一个 <a href=\"/amis/docs/renderers/Form/Group\">Group</a> 里面。</p>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\" scope=\"body\">{\n  \"type\": \"form\",\n  \"name\": \"sample2\",\n  \"controls\": [\n    {\n      \"type\": \"text\",\n      \"name\": \"test\",\n      \"label\": \"Label\",\n      \"placeholder\": \"Placeholder\"\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test1\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"type\": \"text\",\n          \"name\": \"test2\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n<p>水平模式的 Form 也支持 <a href=\"/amis/docs/renderers/Form/Group\">Group</a> 展现。</p>\n<div class=\"amis-preview\" style=\"height: 630px\"><script type=\"text/schema\" height=\"630\" scope=\"body\">{\n  \"type\": \"form\",\n  \"mode\": \"horizontal\",\n  \"name\": \"sample3\",\n  \"controls\": [\n    {\n      \"type\": \"text\",\n      \"name\": \"test\",\n      \"label\": \"Label\",\n      \"placeholder\": \"Placeholder\"\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test1\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"type\": \"text\",\n          \"name\": \"test2\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test3\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"inline\": true,\n          \"type\": \"text\",\n          \"name\": \"test4\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test3\",\n          \"label\": \"Label\",\n          \"inline\": true,\n          \"labelClassName\": \"col-sm-2\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"inline\": true,\n          \"type\": \"text\",\n          \"name\": \"test4\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Form.md\">/docs/renderers/Form/Form.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Formula.html b/gh-pages/docs/renderers/Form/Formula.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Formula.html
+++ b/gh-pages/docs/renderers/Form/Formula.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Formula_e6e3dd9.js b/gh-pages/docs/renderers/Form/Formula_3fadf8a.js
similarity index 92%
rename from gh-pages/docs/renderers/Form/Formula_e6e3dd9.js
rename to gh-pages/docs/renderers/Form/Formula_3fadf8a.js
index d725577be..ca4c8cd8c 100644
--- a/gh-pages/docs/renderers/Form/Formula_e6e3dd9.js
+++ b/gh-pages/docs/renderers/Form/Formula_3fadf8a.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Formula.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"formula\" href=\"#formula\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Formula</h3><p>公式类型，可以设置公式，并将结果设置给目标值。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>formula</code></li>\n<li><code>name</code> 这是变量名，公式结果将作用到此处指定的变量中去。</li>\n<li><code>formula</code> 公式。如： <code>data.var_a + 2</code>，其实就是 JS 表达式。</li>\n<li><code>condition</code> 作用条件。有两种写法<ul>\n<li>用 tpl 语法，把关联的字段写上如： <code>${xxx} ${yyy}</code> 意思是当 xxx 和 yyy 的取值结果变化了就再应用一次公式结果。</li>\n<li>自己写判断如: <code>data.xxx == &quot;a&quot; &amp;&amp; data.xxx !== data.__prev.xxx</code> 当 xxx 变化了，且新的值是字符 &quot;a&quot; 时应用，可以写更加复杂的判断。</li>\n</ul>\n</li>\n<li><code>initSet</code> 初始化时是否设置。默认是 <code>true</code></li>\n<li><code>autoSet</code> 观察公式结果，如果计算结果有变化，则自动应用到变量上。默认为 <code>true</code>。</li>\n<li><code>id</code> 定义个名字，当某个按钮的目标指定为此值后，会触发一次公式应用。这个机制可以在 <code>autoSet</code> 为 false 时用来手动触发。<blockquote>\n<p>为什么不是设置 <code>name</code>?\n因为 name 值已经用来设置目标变量名了，这个表单项肯定已经存在了，所以不是唯一了，不能够被按钮指定。</p>\n</blockquote>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"type\": \"number\",\n    \"name\": \"a\",\n    \"label\": \"A\"\n  },\n  {\n    \"type\": \"number\",\n    \"name\": \"b\",\n    \"label\": \"B\"\n  },\n  {\n    \"type\": \"number\",\n    \"name\": \"sum\",\n    \"label\": \"和\",\n    \"disabled\": true,\n    \"description\": \"自动计算 A + B\"\n  },\n  {\n    \"type\": \"formula\",\n    \"name\": \"sum\",\n    \"value\": 0,\n    \"formula\": \"a + b\"\n  }\n]\n</script></div>\n<p>公式最常见的用法，就是用来实现，当某个值发生变化时，将另外一个值置空如：</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"type\": \"radios\",\n    \"options\": [\"1\", \"2\"],\n    \"name\": \"a\",\n    \"label\": \"A\",\n    \"description\": \"当 A 发生变化时，原来选择的 B 可能已经失效，所以利用公式把 B 值清空。\"\n  },\n  {\n    \"type\": \"radios\",\n    \"name\": \"b\",\n    \"options\": [\"3\", \"4\"],\n    \"label\": \"B\",\n    \"visibleOn\": \"this.a != 2\"\n  },\n  {\n    \"type\": \"radios\",\n    \"name\": \"b\",\n    \"options\": [\"5\", \"6\"],\n    \"label\": \"B\",\n    \"visibleOn\": \"this.a == 2\"\n  },\n  {\n    \"type\": \"formula\",\n    \"name\": \"b\",\n    \"condition\": \"${a}\",\n    \"formula\": \"''\"\n  }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"formula\" href=\"#formula\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Formula</h3><p>公式类型，可以设置公式，并将结果设置给目标值。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>formula</code></li>\n<li><code>name</code> 这是变量名，公式结果将作用到此处指定的变量中去。</li>\n<li><code>formula</code> 公式。如： <code>data.var_a + 2</code>，其实就是 JS 表达式。</li>\n<li><code>condition</code> 作用条件。有两种写法<ul>\n<li>用 tpl 语法，把关联的字段写上如： <code>${xxx} ${yyy}</code> 意思是当 xxx 和 yyy 的取值结果变化了就再应用一次公式结果。</li>\n<li>自己写判断如: <code>data.xxx == &quot;a&quot; &amp;&amp; data.xxx !== data.__prev.xxx</code> 当 xxx 变化了，且新的值是字符 &quot;a&quot; 时应用，可以写更加复杂的判断。</li>\n</ul>\n</li>\n<li><code>initSet</code> 初始化时是否设置。默认是 <code>true</code></li>\n<li><code>autoSet</code> 观察公式结果，如果计算结果有变化，则自动应用到变量上。默认为 <code>true</code>。</li>\n<li><code>id</code> 定义个名字，当某个按钮的目标指定为此值后，会触发一次公式应用。这个机制可以在 <code>autoSet</code> 为 false 时用来手动触发。<blockquote>\n<p>为什么不是设置 <code>name</code>?\n因为 name 值已经用来设置目标变量名了，这个表单项肯定已经存在了，所以不是唯一了，不能够被按钮指定。</p>\n</blockquote>\n</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"type\": \"number\",\n    \"name\": \"a\",\n    \"label\": \"A\"\n  },\n  {\n    \"type\": \"number\",\n    \"name\": \"b\",\n    \"label\": \"B\"\n  },\n  {\n    \"type\": \"number\",\n    \"name\": \"sum\",\n    \"label\": \"和\",\n    \"disabled\": true,\n    \"description\": \"自动计算 A + B\"\n  },\n  {\n    \"type\": \"formula\",\n    \"name\": \"sum\",\n    \"value\": 0,\n    \"formula\": \"a + b\"\n  }\n]\n</script></div>\n<p>公式最常见的用法，就是用来实现，当某个值发生变化时，将另外一个值置空如：</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"type\": \"radios\",\n    \"options\": [\"1\", \"2\"],\n    \"name\": \"a\",\n    \"label\": \"A\",\n    \"description\": \"当 A 发生变化时，原来选择的 B 可能已经失效，所以利用公式把 B 值清空。\"\n  },\n  {\n    \"type\": \"radios\",\n    \"name\": \"b\",\n    \"options\": [\"3\", \"4\"],\n    \"label\": \"B\",\n    \"visibleOn\": \"this.a != 2\"\n  },\n  {\n    \"type\": \"radios\",\n    \"name\": \"b\",\n    \"options\": [\"5\", \"6\"],\n    \"label\": \"B\",\n    \"visibleOn\": \"this.a == 2\"\n  },\n  {\n    \"type\": \"formula\",\n    \"name\": \"b\",\n    \"condition\": \"${a}\",\n    \"formula\": \"''\"\n  }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Formula.md\">/docs/renderers/Form/Formula.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Grid.html b/gh-pages/docs/renderers/Form/Grid.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Grid.html
+++ b/gh-pages/docs/renderers/Form/Grid.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Grid_76008e4.js b/gh-pages/docs/renderers/Form/Grid_a0b47b0.js
similarity index 92%
rename from gh-pages/docs/renderers/Form/Grid_76008e4.js
rename to gh-pages/docs/renderers/Form/Grid_a0b47b0.js
index 1ceb84bab..23d4285fa 100644
--- a/gh-pages/docs/renderers/Form/Grid_76008e4.js
+++ b/gh-pages/docs/renderers/Form/Grid_a0b47b0.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Grid.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"grid-formitem-\" href=\"#grid-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Grid(FormItem)</h3><p>支持 form 内部再用 grid 布局。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>grid</code></li>\n<li><code>columns</code> 数据，用来配置列内容。每个 column 又一个独立的渲染器。</li>\n<li><code>columns[x].columnClassName</code> 配置列的 <code>className</code>。</li>\n<li><code>columns[x].controls</code> 如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。</li>\n<li><code>columns[x].xs</code> 设置极小屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].xsHidden</code> 设置极小屏幕是否隐藏。</li>\n<li><code>columns[x].xsOffset</code> 设置极小屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].xsPull</code> 设置极小屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].xsPush</code> 设置极小屏幕靠右的距离占比：1 - 12 。</li>\n<li><code>columns[x].sm</code> 设置小屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].smHidden</code> 设置小屏幕是否隐藏。</li>\n<li><code>columns[x].smOffset</code> 设置小屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].smPull</code> 设置小屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].smPush</code> 设置小屏幕靠右的距离占比：1 - 12 。</li>\n<li><code>columns[x].md</code> 设置平板屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].mdHidden</code> 设置平板屏幕是否隐藏。</li>\n<li><code>columns[x].mdOffset</code> 设置平板屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].mdPull</code> 设置平板屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].mdPush</code> 设置平板屏幕靠右的距离占比：1 - 12 。</li>\n<li><code>columns[x].lg</code> 设置 PC 屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].lgHidden</code> 设置 PC 屏幕是否隐藏。</li>\n<li><code>columns[x].lgOffset</code> 设置 PC 屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].lgPull</code> 设置 PC 屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].lgPush</code> 设置 PC 屏幕靠右的距离占比：1 - 12 。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"grid\",\n  \"columns\": [\n    {\n        \"md\": 3,\n        \"controls\": [\n            {\n                \"name\": \"text\",\n                \"type\": \"text\",\n                \"label\": false,\n                \"placeholder\": \"Text\"\n            }\n        ]\n    },\n\n    {\n        \"md\": 9,\n        \"type\": \"tpl\",\n         \"tpl\": \"其他渲染器类型\"\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"grid-formitem-\" href=\"#grid-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Grid(FormItem)</h3><p>支持 form 内部再用 grid 布局。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>grid</code></li>\n<li><code>columns</code> 数据，用来配置列内容。每个 column 又一个独立的渲染器。</li>\n<li><code>columns[x].columnClassName</code> 配置列的 <code>className</code>。</li>\n<li><code>columns[x].controls</code> 如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。</li>\n<li><code>columns[x].xs</code> 设置极小屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].xsHidden</code> 设置极小屏幕是否隐藏。</li>\n<li><code>columns[x].xsOffset</code> 设置极小屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].xsPull</code> 设置极小屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].xsPush</code> 设置极小屏幕靠右的距离占比：1 - 12 。</li>\n<li><code>columns[x].sm</code> 设置小屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].smHidden</code> 设置小屏幕是否隐藏。</li>\n<li><code>columns[x].smOffset</code> 设置小屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].smPull</code> 设置小屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].smPush</code> 设置小屏幕靠右的距离占比：1 - 12 。</li>\n<li><code>columns[x].md</code> 设置平板屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].mdHidden</code> 设置平板屏幕是否隐藏。</li>\n<li><code>columns[x].mdOffset</code> 设置平板屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].mdPull</code> 设置平板屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].mdPush</code> 设置平板屏幕靠右的距离占比：1 - 12 。</li>\n<li><code>columns[x].lg</code> 设置 PC 屏幕宽度占比 1 - 12。</li>\n<li><code>columns[x].lgHidden</code> 设置 PC 屏幕是否隐藏。</li>\n<li><code>columns[x].lgOffset</code> 设置 PC 屏幕偏移量 1 - 12。</li>\n<li><code>columns[x].lgPull</code> 设置 PC 屏幕靠左的距离占比：1 - 12 。</li>\n<li><code>columns[x].lgPush</code> 设置 PC 屏幕靠右的距离占比：1 - 12 。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"grid\",\n  \"columns\": [\n    {\n        \"md\": 3,\n        \"controls\": [\n            {\n                \"name\": \"text\",\n                \"type\": \"text\",\n                \"label\": false,\n                \"placeholder\": \"Text\"\n            }\n        ]\n    },\n\n    {\n        \"md\": 9,\n        \"type\": \"tpl\",\n         \"tpl\": \"其他渲染器类型\"\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Grid.md\">/docs/renderers/Form/Grid.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Group.html b/gh-pages/docs/renderers/Form/Group.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Group.html
+++ b/gh-pages/docs/renderers/Form/Group.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Group_47abe84.js b/gh-pages/docs/renderers/Form/Group_f852e20.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Group_47abe84.js
rename to gh-pages/docs/renderers/Form/Group_f852e20.js
index d538418a0..2b352a607 100644
--- a/gh-pages/docs/renderers/Form/Group_47abe84.js
+++ b/gh-pages/docs/renderers/Form/Group_f852e20.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Group.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"group\" href=\"#group\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Group</h3><p>表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>group</code></li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>className</code> CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\" scope=\"body\">{\n  \"type\": \"form\",\n  \"name\": \"sample2\",\n  \"controls\": [\n    {\n      \"type\": \"text\",\n      \"name\": \"test\",\n      \"label\": \"Label\",\n      \"placeholder\": \"Placeholder\"\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test1\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"type\": \"text\",\n          \"name\": \"test2\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"group\" href=\"#group\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Group</h3><p>表单项集合中，默认都是一行一个，如果想要一行多个，请用 Group 包裹起来。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>group</code></li>\n<li><code>controls</code> 表单项集合。</li>\n<li><code>mode</code> 展示默认，跟 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>className</code> CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 560px\"><script type=\"text/schema\" height=\"560\" scope=\"body\">{\n  \"type\": \"form\",\n  \"name\": \"sample2\",\n  \"controls\": [\n    {\n      \"type\": \"text\",\n      \"name\": \"test\",\n      \"label\": \"Label\",\n      \"placeholder\": \"Placeholder\"\n    },\n\n    {\n      \"type\": \"divider\"\n    },\n\n    {\n      \"type\": \"group\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"test1\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        },\n\n        {\n          \"type\": \"text\",\n          \"name\": \"test2\",\n          \"label\": \"Label\",\n          \"placeholder\": \"Placeholder\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Group.md\">/docs/renderers/Form/Group.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/HBox.html b/gh-pages/docs/renderers/Form/HBox.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/HBox.html
+++ b/gh-pages/docs/renderers/Form/HBox.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/HBox_794c999.js b/gh-pages/docs/renderers/Form/HBox_95b1777.js
similarity index 88%
rename from gh-pages/docs/renderers/Form/HBox_794c999.js
rename to gh-pages/docs/renderers/Form/HBox_95b1777.js
index 21ffd0ad9..53449584f 100644
--- a/gh-pages/docs/renderers/Form/HBox_794c999.js
+++ b/gh-pages/docs/renderers/Form/HBox_95b1777.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/HBox.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"hbox-formitem-\" href=\"#hbox-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>HBox(FormItem)</h3><p>支持 form 内部再用 HBox 布局，实现左右排列。没错用 <a href=\"/amis/docs/renderers/Form/Group\">Group</a> 也能实现，所以还是推荐用 <a href=\"/amis/docs/renderers/Form/Group\">Group</a>。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>hbox</code></li>\n<li><code>columns</code> 数据，用来配置列内容。每个 column 又一个独立的渲染器。</li>\n<li><code>columns[x].columnClassName</code> 配置列的 <code>className</code>。</li>\n<li><code>columns[x].controls</code> 如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"hbox\",\n  \"columns\": [\n    {\n        \"columnClassName\": \"w-sm\",\n        \"controls\": [\n            {\n                \"name\": \"text\",\n                \"type\": \"text\",\n                \"label\": false,\n                \"placeholder\": \"Text\"\n            }\n        ]\n    },\n\n    {\n        \"type\": \"tpl\",\n         \"tpl\": \"其他类型的渲染器\"\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"hbox-formitem-\" href=\"#hbox-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>HBox(FormItem)</h3><p>支持 form 内部再用 HBox 布局，实现左右排列。没错用 <a href=\"/amis/docs/renderers/Form/Group\">Group</a> 也能实现，所以还是推荐用 <a href=\"/amis/docs/renderers/Form/Group\">Group</a>。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>hbox</code></li>\n<li><code>columns</code> 数据，用来配置列内容。每个 column 又一个独立的渲染器。</li>\n<li><code>columns[x].columnClassName</code> 配置列的 <code>className</code>。</li>\n<li><code>columns[x].controls</code> 如果配置了表单集合，同时没有指定 type 类型，则优先展示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"hbox\",\n  \"columns\": [\n    {\n        \"columnClassName\": \"w-sm\",\n        \"controls\": [\n            {\n                \"name\": \"text\",\n                \"type\": \"text\",\n                \"label\": false,\n                \"placeholder\": \"Text\"\n            }\n        ]\n    },\n\n    {\n        \"type\": \"tpl\",\n         \"tpl\": \"其他类型的渲染器\"\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/HBox.md\">/docs/renderers/Form/HBox.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Hidden.html b/gh-pages/docs/renderers/Form/Hidden.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Hidden.html
+++ b/gh-pages/docs/renderers/Form/Hidden.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Hidden_d9f466b.js b/gh-pages/docs/renderers/Form/Hidden_12623c5.js
similarity index 77%
rename from gh-pages/docs/renderers/Form/Hidden_d9f466b.js
rename to gh-pages/docs/renderers/Form/Hidden_12623c5.js
index e1863aab6..8edc8c395 100644
--- a/gh-pages/docs/renderers/Form/Hidden_d9f466b.js
+++ b/gh-pages/docs/renderers/Form/Hidden_12623c5.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Hidden.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"hidden\" href=\"#hidden\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Hidden</h3><p>隐藏字段类型，默认表单提交，只会发送 controls 里面的这些成员，对于隐藏的字段同时又希望提交表单的时候带过去，请把表单项配置成 <code>hidden</code> 类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>hidden</code></li>\n</ul>\n",
+    "html": "<h3><a class=\"anchor\" name=\"hidden\" href=\"#hidden\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Hidden</h3><p>隐藏字段类型，默认表单提交，只会发送 controls 里面的这些成员，对于隐藏的字段同时又希望提交表单的时候带过去，请把表单项配置成 <code>hidden</code> 类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>hidden</code></li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Hidden.md\">/docs/renderers/Form/Hidden.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Image.html b/gh-pages/docs/renderers/Form/Image.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Image.html
+++ b/gh-pages/docs/renderers/Form/Image.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Image_afc6b4e.js b/gh-pages/docs/renderers/Form/Image_a539c30.js
similarity index 91%
rename from gh-pages/docs/renderers/Form/Image_afc6b4e.js
rename to gh-pages/docs/renderers/Form/Image_a539c30.js
index 1de8c127b..84fd2db7e 100644
--- a/gh-pages/docs/renderers/Form/Image_afc6b4e.js
+++ b/gh-pages/docs/renderers/Form/Image_a539c30.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Image.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"image\" href=\"#image\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Image</h3><p>图片格式输入，默认 amis 会直接存储在 FEX 的 hiphoto 里面，提交到 form 是直接的图片 url。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>image</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload</code> 如果想自己存储，请设置此选项。</li>\n<li><code>multiple</code> 是否多选。</li>\n<li><code>maxLength</code> 默认没有限制，当设置后，一次只允许上传指定数量文件。</li>\n<li><code>joinValues</code> 多选时是否将多个值用 <code>delimiter</code> 连接起来。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 连接符，默认是 <code>,</code>, 多选时且 <code>joinValues</code> 为 <code>true</code> 时用来连接值。</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>compress</code> 默认 <code>true</code> 如果想默认压缩请开启。</li>\n<li><code>compressOptions</code><ul>\n<li><code>maxWidth</code> 设置最大宽度。</li>\n<li><code>maxHeight</code> 设置最大高度。</li>\n</ul>\n</li>\n<li><code>showCompressOptions</code> 默认为 false, 开启后，允许用户输入压缩选项。</li>\n<li><code>crop</code> 用来设置是否支持裁剪。<ul>\n<li><code>aspectRatio</code> 浮点型，默认 <code>1</code> 即 <code>1:1</code>，如果要设置 <code>16:9</code> 请设置 <code>1.7777777777777777</code> 即 <code>16 / 9</code>。</li>\n</ul>\n</li>\n<li><code>allowInput</code> 默认都是通过用户选择图片后上传返回图片地址，如果开启此选项，则可以允许用户图片地址。</li>\n<li><code>limit</code> 限制图片大小，超出不让上传。<ul>\n<li><code>width</code> 限制图片宽度。</li>\n<li><code>height</code> 限制图片高度。</li>\n<li><code>minWidth</code> 限制图片最小宽度。</li>\n<li><code>minHeight</code> 限制图片最小高度。</li>\n<li><code>maxWidth</code> 限制图片最大宽度。</li>\n<li><code>maxHeight</code> 限制图片最大高度。</li>\n</ul>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"image\",\n  \"name\": \"image\",\n  \"label\": \"Images\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"image\" href=\"#image\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Image</h3><p>图片格式输入，默认 amis 会直接存储在 FEX 的 hiphoto 里面，提交到 form 是直接的图片 url。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>image</code></li>\n<li><code>reciever</code> 默认 <code>/api/upload</code> 如果想自己存储，请设置此选项。</li>\n<li><code>multiple</code> 是否多选。</li>\n<li><code>maxLength</code> 默认没有限制，当设置后，一次只允许上传指定数量文件。</li>\n<li><code>joinValues</code> 多选时是否将多个值用 <code>delimiter</code> 连接起来。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 连接符，默认是 <code>,</code>, 多选时且 <code>joinValues</code> 为 <code>true</code> 时用来连接值。</li>\n<li><code>autoUpload</code> 是否选择完就自动开始上传？默认为 <code>true</code></li>\n<li><code>compress</code> 默认 <code>true</code> 如果想默认压缩请开启。</li>\n<li><code>compressOptions</code><ul>\n<li><code>maxWidth</code> 设置最大宽度。</li>\n<li><code>maxHeight</code> 设置最大高度。</li>\n</ul>\n</li>\n<li><code>showCompressOptions</code> 默认为 false, 开启后，允许用户输入压缩选项。</li>\n<li><code>crop</code> 用来设置是否支持裁剪。<ul>\n<li><code>aspectRatio</code> 浮点型，默认 <code>1</code> 即 <code>1:1</code>，如果要设置 <code>16:9</code> 请设置 <code>1.7777777777777777</code> 即 <code>16 / 9</code>。</li>\n</ul>\n</li>\n<li><code>allowInput</code> 默认都是通过用户选择图片后上传返回图片地址，如果开启此选项，则可以允许用户图片地址。</li>\n<li><code>limit</code> 限制图片大小，超出不让上传。<ul>\n<li><code>width</code> 限制图片宽度。</li>\n<li><code>height</code> 限制图片高度。</li>\n<li><code>minWidth</code> 限制图片最小宽度。</li>\n<li><code>minHeight</code> 限制图片最小高度。</li>\n<li><code>maxWidth</code> 限制图片最大宽度。</li>\n<li><code>maxHeight</code> 限制图片最大高度。</li>\n</ul>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"image\",\n  \"name\": \"image\",\n  \"label\": \"Images\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Image.md\">/docs/renderers/Form/Image.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/List.html b/gh-pages/docs/renderers/Form/List.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/List.html
+++ b/gh-pages/docs/renderers/Form/List.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/List_31c82a5.js b/gh-pages/docs/renderers/Form/List_6e8edb9.js
similarity index 94%
rename from gh-pages/docs/renderers/Form/List_31c82a5.js
rename to gh-pages/docs/renderers/Form/List_6e8edb9.js
index faaabd38a..1ee10c504 100644
--- a/gh-pages/docs/renderers/Form/List_31c82a5.js
+++ b/gh-pages/docs/renderers/Form/List_6e8edb9.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/List.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"list-formitem-\" href=\"#list-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List(FormItem)</h3><p>简单的列表选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>list</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 http 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"list\",\n      \"name\": \"select\",\n      \"label\": \"单选\",\n      \"clearable\": true,\n      \"options\": [\n        {\n          \"label\": \"Option A\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"Option B\",\n          \"value\": \"b\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n    {\n      \"type\": \"list\",\n      \"name\": \"select\",\n      \"label\": \"多选\",\n      \"clearable\": true,\n      \"multiple\": true,\n      \"options\": [\n        {\n          \"label\": \"OptionA\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"OptionB\",\n          \"value\": \"b\"\n        },\n        {\n          \"label\": \"OptionC\",\n          \"value\": \"c\"\n        },\n        {\n          \"label\": \"OptionD\",\n          \"value\": \"d\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>选项带图片</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n    {\n      \"type\": \"list\",\n      \"name\": \"select\",\n      \"label\": \"图片\",\n      \"clearable\": true,\n      \"options\": [\n        {\n          \"label\": \"OptionA\",\n          \"value\": \"a\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        },\n        {\n          \"label\": \"OptionB\",\n          \"value\": \"b\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        },\n        {\n          \"label\": \"OptionC\",\n          \"value\": \"c\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        },\n        {\n          \"label\": \"OptionD\",\n          \"value\": \"d\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"list-formitem-\" href=\"#list-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List(FormItem)</h3><p>简单的列表选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>list</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n<li><code>image</code> 图片的 http 地址。</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"list\",\n      \"name\": \"select\",\n      \"label\": \"单选\",\n      \"clearable\": true,\n      \"options\": [\n        {\n          \"label\": \"Option A\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"Option B\",\n          \"value\": \"b\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n    {\n      \"type\": \"list\",\n      \"name\": \"select\",\n      \"label\": \"多选\",\n      \"clearable\": true,\n      \"multiple\": true,\n      \"options\": [\n        {\n          \"label\": \"OptionA\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"OptionB\",\n          \"value\": \"b\"\n        },\n        {\n          \"label\": \"OptionC\",\n          \"value\": \"c\"\n        },\n        {\n          \"label\": \"OptionD\",\n          \"value\": \"d\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>选项带图片</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n    {\n      \"type\": \"list\",\n      \"name\": \"select\",\n      \"label\": \"图片\",\n      \"clearable\": true,\n      \"options\": [\n        {\n          \"label\": \"OptionA\",\n          \"value\": \"a\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        },\n        {\n          \"label\": \"OptionB\",\n          \"value\": \"b\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        },\n        {\n          \"label\": \"OptionC\",\n          \"value\": \"c\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        },\n        {\n          \"label\": \"OptionD\",\n          \"value\": \"d\",\n          \"image\": \"raw:https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/List.md\">/docs/renderers/Form/List.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Matrix.html b/gh-pages/docs/renderers/Form/Matrix.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Matrix.html
+++ b/gh-pages/docs/renderers/Form/Matrix.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Matrix_445e852.js b/gh-pages/docs/renderers/Form/Matrix_f8c0d21.js
similarity index 87%
rename from gh-pages/docs/renderers/Form/Matrix_445e852.js
rename to gh-pages/docs/renderers/Form/Matrix_f8c0d21.js
index 17bf3aaa9..471cccea1 100644
--- a/gh-pages/docs/renderers/Form/Matrix_445e852.js
+++ b/gh-pages/docs/renderers/Form/Matrix_f8c0d21.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Matrix.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"matrix\" href=\"#matrix\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Matrix</h3><p>矩阵类型的输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>matrix</code></li>\n<li><code>columns</code> 列信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rows</code> 行信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rowLabel</code> 行标题说明</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 多选，默认为 <code>true</code></li>\n<li><code>singleSelectMode</code> 设置单选模式，<code>multiple</code>为<code>false</code>时有效，可设置为<code>cell</code>, <code>row</code>, <code>column</code> 分别为全部选项中只能单选某个单元格、每行只能单选某个单元格，每列只能单选某个单元格</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"matrix\",\n  \"name\": \"matrix\",\n  \"label\": \"Matrix\",\n  \"rowLabel\": \"行标题说明\",\n  \"columns\": [\n    {\n      \"label\": \"列1\"\n    },\n    {\n      \"label\": \"列2\"\n    }\n  ],\n  \"rows\": [\n    {\n      \"label\": \"行1\"\n    },\n    {\n      \"label\": \"行2\"\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"matrix\" href=\"#matrix\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Matrix</h3><p>矩阵类型的输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>matrix</code></li>\n<li><code>columns</code> 列信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rows</code> 行信息， 数组中 <code>label</code> 字段是必须给出的</li>\n<li><code>rowLabel</code> 行标题说明</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 多选，默认为 <code>true</code></li>\n<li><code>singleSelectMode</code> 设置单选模式，<code>multiple</code>为<code>false</code>时有效，可设置为<code>cell</code>, <code>row</code>, <code>column</code> 分别为全部选项中只能单选某个单元格、每行只能单选某个单元格，每列只能单选某个单元格</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"matrix\",\n  \"name\": \"matrix\",\n  \"label\": \"Matrix\",\n  \"rowLabel\": \"行标题说明\",\n  \"columns\": [\n    {\n      \"label\": \"列1\"\n    },\n    {\n      \"label\": \"列2\"\n    }\n  ],\n  \"rows\": [\n    {\n      \"label\": \"行1\"\n    },\n    {\n      \"label\": \"行2\"\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Matrix.md\">/docs/renderers/Form/Matrix.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/NestedSelect.html b/gh-pages/docs/renderers/Form/NestedSelect.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/NestedSelect.html
+++ b/gh-pages/docs/renderers/Form/NestedSelect.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/NestedSelect_687ecbe.js b/gh-pages/docs/renderers/Form/NestedSelect_51ddabf.js
similarity index 91%
rename from gh-pages/docs/renderers/Form/NestedSelect_687ecbe.js
rename to gh-pages/docs/renderers/Form/NestedSelect_51ddabf.js
index 903b4a814..aa0a71751 100644
--- a/gh-pages/docs/renderers/Form/NestedSelect_687ecbe.js
+++ b/gh-pages/docs/renderers/Form/NestedSelect_51ddabf.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/NestedSelect.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"nestedselect\" href=\"#nestedselect\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>NestedSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>nested-select</code></li>\n<li><code>options</code> 类似于 <a href=\"/amis/docs/renderers/Form/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"nested-select\",\n  \"name\": \"nestedSelect\",\n  \"label\": \"级联选择器\",\n  \"size\": \"sm\",\n  \"options\": [\n      {\n          \"label\": \"A\",\n          \"value\": \"a\"\n      },\n      {\n          \"label\": \"B\",\n          \"value\": \"b\",\n          \"children\": [\n              {\n                  \"label\": \"B-1\",\n                  \"value\": \"b-1\"\n              },\n              {\n                  \"label\": \"B-2\",\n                  \"value\": \"b-2\"\n              },\n              {\n                  \"label\": \"B-3\",\n                  \"value\": \"b-3\"\n              }\n          ]\n      },\n      {\n          \"label\": \"C\",\n          \"value\": \"c\"\n      }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"nestedselect\" href=\"#nestedselect\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>NestedSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>nested-select</code></li>\n<li><code>options</code> 类似于 <a href=\"/amis/docs/renderers/Form/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"nested-select\",\n  \"name\": \"nestedSelect\",\n  \"label\": \"级联选择器\",\n  \"size\": \"sm\",\n  \"options\": [\n      {\n          \"label\": \"A\",\n          \"value\": \"a\"\n      },\n      {\n          \"label\": \"B\",\n          \"value\": \"b\",\n          \"children\": [\n              {\n                  \"label\": \"B-1\",\n                  \"value\": \"b-1\"\n              },\n              {\n                  \"label\": \"B-2\",\n                  \"value\": \"b-2\"\n              },\n              {\n                  \"label\": \"B-3\",\n                  \"value\": \"b-3\"\n              }\n          ]\n      },\n      {\n          \"label\": \"C\",\n          \"value\": \"c\"\n      }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/NestedSelect.md\">/docs/renderers/Form/NestedSelect.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Number.html b/gh-pages/docs/renderers/Form/Number.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Number.html
+++ b/gh-pages/docs/renderers/Form/Number.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Number_6aa5443.js b/gh-pages/docs/renderers/Form/Number_4d16326.js
similarity index 84%
rename from gh-pages/docs/renderers/Form/Number_6aa5443.js
rename to gh-pages/docs/renderers/Form/Number_4d16326.js
index 4cc47a306..871488984 100644
--- a/gh-pages/docs/renderers/Form/Number_6aa5443.js
+++ b/gh-pages/docs/renderers/Form/Number_4d16326.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Number.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"number\" href=\"#number\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Number</h3><p>数字输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>number</code></li>\n<li><code>min</code> 最小值，支持用<code>${xxx}</code>获取变量</li>\n<li><code>max</code> 最大值，支持用<code>${xxx}</code>获取变量</li>\n<li><code>step</code> 步长</li>\n<li><code>precision</code> 精度</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"number\",\n  \"name\": \"text\",\n  \"label\": \"数字\",\n  \"min\": 1,\n  \"max\": 10,\n  \"step\": 1\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"number\" href=\"#number\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Number</h3><p>数字输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>number</code></li>\n<li><code>min</code> 最小值，支持用<code>${xxx}</code>获取变量</li>\n<li><code>max</code> 最大值，支持用<code>${xxx}</code>获取变量</li>\n<li><code>step</code> 步长</li>\n<li><code>precision</code> 精度</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"number\",\n  \"name\": \"text\",\n  \"label\": \"数字\",\n  \"min\": 1,\n  \"max\": 10,\n  \"step\": 1\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Number.md\">/docs/renderers/Form/Number.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Panel.html b/gh-pages/docs/renderers/Form/Panel.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Panel.html
+++ b/gh-pages/docs/renderers/Form/Panel.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Panel_2de4991.js b/gh-pages/docs/renderers/Form/Panel_15f0c35.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Panel_2de4991.js
rename to gh-pages/docs/renderers/Form/Panel_15f0c35.js
index bd0762a0d..81c8ef21a 100644
--- a/gh-pages/docs/renderers/Form/Panel_2de4991.js
+++ b/gh-pages/docs/renderers/Form/Panel_15f0c35.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Panel.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"panel-formitem-\" href=\"#panel-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Panel(FormItem)</h3><p>还是为了布局，可以把一部分 <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a> 合并到一个 panel 里面单独展示。</p>\n<ul>\n<li><code>title</code> panel 标题</li>\n<li><code>body</code> <a href=\"/amis/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>bodyClassName</code> body 的 className.</li>\n<li><code>footer</code> <a href=\"/amis/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>footerClassName</code> footer 的 className.</li>\n<li><code>controls</code> 跟 <code>body</code> 二选一，如果设置了 controls 优先显示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"hbox\",\n  \"columns\": [\n    {\n      \"controls\": [\n        {\n          \"name\": \"text\",\n          \"type\": \"text\",\n          \"label\": false,\n          \"placeholder\": \"Text\"\n        }\n      ]\n    },\n\n    {\n      \"columnClassName\": \"w-xl\",\n      \"controls\": [\n        {\n          \"type\": \"panel\",\n          \"title\": \"bla bla\",\n          \"controls\": [\n            {\n              \"name\": \"text\",\n              \"type\": \"text\",\n              \"label\": false,\n              \"placeholder\": \"Text 1\"\n            },\n\n            {\n              \"name\": \"text2\",\n              \"type\": \"text\",\n              \"label\": false,\n              \"placeholder\": \"Text 2\"\n            }\n          ]\n        }\n      ]\n    }\n  ]\n}\n\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"panel-formitem-\" href=\"#panel-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Panel(FormItem)</h3><p>还是为了布局，可以把一部分 <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a> 合并到一个 panel 里面单独展示。</p>\n<ul>\n<li><code>title</code> panel 标题</li>\n<li><code>body</code> <a href=\"/amis/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>bodyClassName</code> body 的 className.</li>\n<li><code>footer</code> <a href=\"/amis/docs/renderers/Types#container\">Container</a> 可以是其他渲染模型。</li>\n<li><code>footerClassName</code> footer 的 className.</li>\n<li><code>controls</code> 跟 <code>body</code> 二选一，如果设置了 controls 优先显示表单集合。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"hbox\",\n  \"columns\": [\n    {\n      \"controls\": [\n        {\n          \"name\": \"text\",\n          \"type\": \"text\",\n          \"label\": false,\n          \"placeholder\": \"Text\"\n        }\n      ]\n    },\n\n    {\n      \"columnClassName\": \"w-xl\",\n      \"controls\": [\n        {\n          \"type\": \"panel\",\n          \"title\": \"bla bla\",\n          \"controls\": [\n            {\n              \"name\": \"text\",\n              \"type\": \"text\",\n              \"label\": false,\n              \"placeholder\": \"Text 1\"\n            },\n\n            {\n              \"name\": \"text2\",\n              \"type\": \"text\",\n              \"label\": false,\n              \"placeholder\": \"Text 2\"\n            }\n          ]\n        }\n      ]\n    }\n  ]\n}\n\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Panel.md\">/docs/renderers/Form/Panel.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Password.html b/gh-pages/docs/renderers/Form/Password.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Password.html
+++ b/gh-pages/docs/renderers/Form/Password.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Password_3594296.js b/gh-pages/docs/renderers/Form/Password_efd9f65.js
similarity index 85%
rename from gh-pages/docs/renderers/Form/Password_3594296.js
rename to gh-pages/docs/renderers/Form/Password_efd9f65.js
index 702be943c..d324ec776 100644
--- a/gh-pages/docs/renderers/Form/Password_3594296.js
+++ b/gh-pages/docs/renderers/Form/Password_efd9f65.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Password.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"password\" href=\"#password\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Password</h3><p>密码输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>password</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n",
+    "html": "<h3><a class=\"anchor\" name=\"password\" href=\"#password\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Password</h3><p>密码输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>password</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Password.md\">/docs/renderers/Form/Password.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Picker.html b/gh-pages/docs/renderers/Form/Picker.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Picker.html
+++ b/gh-pages/docs/renderers/Form/Picker.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Picker_b015eaf.js b/gh-pages/docs/renderers/Form/Picker_9250032.js
similarity index 96%
rename from gh-pages/docs/renderers/Form/Picker_b015eaf.js
rename to gh-pages/docs/renderers/Form/Picker_9250032.js
index 19f52ad7f..38dd91d63 100644
--- a/gh-pages/docs/renderers/Form/Picker_b015eaf.js
+++ b/gh-pages/docs/renderers/Form/Picker_9250032.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Picker.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"picker\" href=\"#picker\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Picker</h3><p>列表选取。可以静态数据，或者通过接口拉取动态数据。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>picker</code></li>\n<li><code>multiple</code> 是否为多选。</li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。 另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>modalMode</code> 设置 <code>dialog</code> 或者 <code>drawer</code>，用来配置弹出方式。</li>\n<li><code>pickerSchema</code> 默认为 <code>{mode: &#39;list&#39;, listItem: {title: &#39;${label}&#39;}}</code>, 即用 List 类型的渲染，来展示列表信息。更多的玩法请参考 <a href=\"/amis/docs/renderers/CRUD\">CRUD</a> 的配置。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"picker\",\n  \"name\": \"type4\",\n  \"joinValues\": true,\n  \"valueField\": \"id\",\n  \"labelField\": \"engine\",\n  \"label\": \"多选\",\n  \"source\": \"https://houtai.baidu.com/api/sample\",\n  \"size\": \"lg\",\n  \"value\": \"4,5\",\n  \"multiple\": true,\n  \"pickerSchema\": {\n    \"mode\": \"table\",\n    \"name\": \"thelist\",\n    \"quickSaveApi\": \"https://houtai.baidu.com/api/sample/bulkUpdate\",\n    \"quickSaveItemApi\": \"https://houtai.baidu.com/api/sample/$id\",\n    \"draggable\": true,\n    \"headerToolbar\": {\n      \"wrapWithPanel\": false,\n      \"type\": \"form\",\n      \"className\": \"text-right\",\n      \"target\": \"thelist\",\n      \"mode\": \"inline\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"keywords\",\n          \"addOn\": {\n            \"type\": \"submit\",\n            \"label\": \"搜索\",\n            \"level\": \"primary\",\n            \"icon\": \"fa fa-search pull-left\"\n          }\n        }\n      ]\n    },\n    \"columns\": [\n      {\n        \"name\": \"engine\",\n        \"label\": \"Rendering engine\",\n        \"sortable\": true,\n        \"searchable\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"browser\",\n        \"label\": \"Browser\",\n        \"sortable\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"platform\",\n        \"label\": \"Platform(s)\",\n        \"sortable\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"version\",\n        \"label\": \"Engine version\",\n        \"quickEdit\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"grade\",\n        \"label\": \"CSS grade\",\n        \"quickEdit\": {\n          \"mode\": \"inline\",\n          \"type\": \"select\",\n          \"options\": [\n            \"A\",\n            \"B\",\n            \"C\",\n            \"D\",\n            \"X\"\n          ],\n          \"saveImmediately\": true\n        },\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"type\": \"operation\",\n        \"label\": \"操作\",\n        \"width\": 100,\n        \"buttons\": [\n          {\n            \"type\": \"button\",\n            \"icon\": \"fa fa-eye\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"title\": \"查看\",\n              \"body\": {\n                \"type\": \"form\",\n                \"controls\": [\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"platform\",\n                    \"label\": \"Platform(s)\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"version\",\n                    \"label\": \"Engine version\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"grade\",\n                    \"label\": \"CSS grade\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"html\",\n                    \"html\": \"<p>添加其他 <span>Html 片段</span> 需要支持变量替换（todo）.</p>\"\n                  }\n                ]\n              }\n            }\n          },\n          {\n            \"type\": \"button\",\n            \"icon\": \"fa fa-pencil\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"position\": \"left\",\n              \"size\": \"lg\",\n              \"title\": \"编辑\",\n              \"body\": {\n                \"type\": \"form\",\n                \"name\": \"sample-edit-form\",\n                \"api\": \"https://houtai.baidu.com/api/sample/$id\",\n                \"controls\": [\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\",\n                    \"required\": true\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\",\n                    \"required\": true\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"platform\",\n                    \"label\": \"Platform(s)\",\n                    \"required\": true\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"version\",\n                    \"label\": \"Engine version\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"select\",\n                    \"name\": \"grade\",\n                    \"label\": \"CSS grade\",\n                    \"options\": [\n                      \"A\",\n                      \"B\",\n                      \"C\",\n                      \"D\",\n                      \"X\"\n                    ]\n                  }\n                ]\n              }\n            }\n          },\n          {\n            \"type\": \"button\",\n            \"icon\": \"fa fa-times text-danger\",\n            \"actionType\": \"ajax\",\n            \"confirmText\": \"您确认要删除?\",\n            \"api\": \"delete:https://houtai.baidu.com/api/sample/$id\"\n          }\n        ],\n        \"toggled\": true\n      }\n    ]\n  }\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"picker\" href=\"#picker\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Picker</h3><p>列表选取。可以静态数据，或者通过接口拉取动态数据。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>picker</code></li>\n<li><code>multiple</code> 是否为多选。</li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。 另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>modalMode</code> 设置 <code>dialog</code> 或者 <code>drawer</code>，用来配置弹出方式。</li>\n<li><code>pickerSchema</code> 默认为 <code>{mode: &#39;list&#39;, listItem: {title: &#39;${label}&#39;}}</code>, 即用 List 类型的渲染，来展示列表信息。更多的玩法请参考 <a href=\"/amis/docs/renderers/CRUD\">CRUD</a> 的配置。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"picker\",\n  \"name\": \"type4\",\n  \"joinValues\": true,\n  \"valueField\": \"id\",\n  \"labelField\": \"engine\",\n  \"label\": \"多选\",\n  \"source\": \"https://houtai.baidu.com/api/sample\",\n  \"size\": \"lg\",\n  \"value\": \"4,5\",\n  \"multiple\": true,\n  \"pickerSchema\": {\n    \"mode\": \"table\",\n    \"name\": \"thelist\",\n    \"quickSaveApi\": \"https://houtai.baidu.com/api/sample/bulkUpdate\",\n    \"quickSaveItemApi\": \"https://houtai.baidu.com/api/sample/$id\",\n    \"draggable\": true,\n    \"headerToolbar\": {\n      \"wrapWithPanel\": false,\n      \"type\": \"form\",\n      \"className\": \"text-right\",\n      \"target\": \"thelist\",\n      \"mode\": \"inline\",\n      \"controls\": [\n        {\n          \"type\": \"text\",\n          \"name\": \"keywords\",\n          \"addOn\": {\n            \"type\": \"submit\",\n            \"label\": \"搜索\",\n            \"level\": \"primary\",\n            \"icon\": \"fa fa-search pull-left\"\n          }\n        }\n      ]\n    },\n    \"columns\": [\n      {\n        \"name\": \"engine\",\n        \"label\": \"Rendering engine\",\n        \"sortable\": true,\n        \"searchable\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"browser\",\n        \"label\": \"Browser\",\n        \"sortable\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"platform\",\n        \"label\": \"Platform(s)\",\n        \"sortable\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"version\",\n        \"label\": \"Engine version\",\n        \"quickEdit\": true,\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"name\": \"grade\",\n        \"label\": \"CSS grade\",\n        \"quickEdit\": {\n          \"mode\": \"inline\",\n          \"type\": \"select\",\n          \"options\": [\n            \"A\",\n            \"B\",\n            \"C\",\n            \"D\",\n            \"X\"\n          ],\n          \"saveImmediately\": true\n        },\n        \"type\": \"text\",\n        \"toggled\": true\n      },\n      {\n        \"type\": \"operation\",\n        \"label\": \"操作\",\n        \"width\": 100,\n        \"buttons\": [\n          {\n            \"type\": \"button\",\n            \"icon\": \"fa fa-eye\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"title\": \"查看\",\n              \"body\": {\n                \"type\": \"form\",\n                \"controls\": [\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"platform\",\n                    \"label\": \"Platform(s)\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"version\",\n                    \"label\": \"Engine version\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"static\",\n                    \"name\": \"grade\",\n                    \"label\": \"CSS grade\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"html\",\n                    \"html\": \"<p>添加其他 <span>Html 片段</span> 需要支持变量替换（todo）.</p>\"\n                  }\n                ]\n              }\n            }\n          },\n          {\n            \"type\": \"button\",\n            \"icon\": \"fa fa-pencil\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"position\": \"left\",\n              \"size\": \"lg\",\n              \"title\": \"编辑\",\n              \"body\": {\n                \"type\": \"form\",\n                \"name\": \"sample-edit-form\",\n                \"api\": \"https://houtai.baidu.com/api/sample/$id\",\n                \"controls\": [\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\",\n                    \"required\": true\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\",\n                    \"required\": true\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"platform\",\n                    \"label\": \"Platform(s)\",\n                    \"required\": true\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"text\",\n                    \"name\": \"version\",\n                    \"label\": \"Engine version\"\n                  },\n                  {\n                    \"type\": \"divider\"\n                  },\n                  {\n                    \"type\": \"select\",\n                    \"name\": \"grade\",\n                    \"label\": \"CSS grade\",\n                    \"options\": [\n                      \"A\",\n                      \"B\",\n                      \"C\",\n                      \"D\",\n                      \"X\"\n                    ]\n                  }\n                ]\n              }\n            }\n          },\n          {\n            \"type\": \"button\",\n            \"icon\": \"fa fa-times text-danger\",\n            \"actionType\": \"ajax\",\n            \"confirmText\": \"您确认要删除?\",\n            \"api\": \"delete:https://houtai.baidu.com/api/sample/$id\"\n          }\n        ],\n        \"toggled\": true\n      }\n    ]\n  }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Picker.md\">/docs/renderers/Form/Picker.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Radios.html b/gh-pages/docs/renderers/Form/Radios.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Radios.html
+++ b/gh-pages/docs/renderers/Form/Radios.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Radios_1623cb4.js b/gh-pages/docs/renderers/Form/Radios_600fef9.js
similarity index 87%
rename from gh-pages/docs/renderers/Form/Radios_1623cb4.js
rename to gh-pages/docs/renderers/Form/Radios_600fef9.js
index f42de2a7d..8aa296eec 100644
--- a/gh-pages/docs/renderers/Form/Radios_1623cb4.js
+++ b/gh-pages/docs/renderers/Form/Radios_600fef9.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Radios.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"radios\" href=\"#radios\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Radios</h3><p>单选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>radios</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n    {\n      \"name\": \"radios\",\n      \"type\": \"radios\",\n      \"label\": \"Radios\",\n      \"options\": [\n          {\n            \"label\": \"OptionA\",\n            \"value\": \"a\"\n          },\n          {\n            \"label\": \"OptionB\",\n            \"value\": \"b\"\n          },\n          {\n            \"label\": \"OptionC\",\n            \"value\": \"c\"\n          },\n          {\n            \"label\": \"OptionD\",\n            \"value\": \"d\"\n          }\n        ]\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"radios\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"radios\" href=\"#radios\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Radios</h3><p>单选框</p>\n<ul>\n<li><code>type</code> 请设置成 <code>radios</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>columnsCount</code> 默认为 <code>1</code> 可以配置成一行显示多个。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"form\">[\n    {\n      \"name\": \"radios\",\n      \"type\": \"radios\",\n      \"label\": \"Radios\",\n      \"options\": [\n          {\n            \"label\": \"OptionA\",\n            \"value\": \"a\"\n          },\n          {\n            \"label\": \"OptionB\",\n            \"value\": \"b\"\n          },\n          {\n            \"label\": \"OptionC\",\n            \"value\": \"c\"\n          },\n          {\n            \"label\": \"OptionD\",\n            \"value\": \"d\"\n          }\n        ]\n    },\n\n    {\n        \"type\": \"static\",\n        \"name\": \"radios\",\n        \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Radios.md\">/docs/renderers/Form/Radios.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Range.html b/gh-pages/docs/renderers/Form/Range.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Range.html
+++ b/gh-pages/docs/renderers/Form/Range.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Range_8946d3e.js b/gh-pages/docs/renderers/Form/Range_2162022.js
similarity index 85%
rename from gh-pages/docs/renderers/Form/Range_8946d3e.js
rename to gh-pages/docs/renderers/Form/Range_2162022.js
index a91232a3b..a5317cd4a 100644
--- a/gh-pages/docs/renderers/Form/Range_8946d3e.js
+++ b/gh-pages/docs/renderers/Form/Range_2162022.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Range.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"range\" href=\"#range\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Range</h3><p>范围输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>range</code></li>\n<li><code>min</code> 最小值</li>\n<li><code>max</code> 最大值</li>\n<li><code>step</code> 步长</li>\n<li><code>multiple</code> 支持选择范围，默认为<code>false</code></li>\n<li><code>joinValuse</code> 默认为 <code>true</code>，选择的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以<code>{min: 1, max: 100}</code>的形式提交，开启<code>multiple</code>时有效</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"range\",\n  \"name\": \"range\",\n  \"label\": \"数字范围\",\n  \"min\": 0,\n  \"max\": 20,\n  \"step\": 2\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"range\" href=\"#range\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Range</h3><p>范围输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>range</code></li>\n<li><code>min</code> 最小值</li>\n<li><code>max</code> 最大值</li>\n<li><code>step</code> 步长</li>\n<li><code>multiple</code> 支持选择范围，默认为<code>false</code></li>\n<li><code>joinValuse</code> 默认为 <code>true</code>，选择的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以<code>{min: 1, max: 100}</code>的形式提交，开启<code>multiple</code>时有效</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"range\",\n  \"name\": \"range\",\n  \"label\": \"数字范围\",\n  \"min\": 0,\n  \"max\": 20,\n  \"step\": 2\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Range.md\">/docs/renderers/Form/Range.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Rating.html b/gh-pages/docs/renderers/Form/Rating.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Rating.html
+++ b/gh-pages/docs/renderers/Form/Rating.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Rating_28a026e.js b/gh-pages/docs/renderers/Form/Rating_9bc90bc.js
similarity index 80%
rename from gh-pages/docs/renderers/Form/Rating_28a026e.js
rename to gh-pages/docs/renderers/Form/Rating_9bc90bc.js
index d45ebc29a..078eefc44 100644
--- a/gh-pages/docs/renderers/Form/Rating_28a026e.js
+++ b/gh-pages/docs/renderers/Form/Rating_9bc90bc.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Rating.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"rating\" href=\"#rating\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Rating</h3><p>评分</p>\n<ul>\n<li><code>type</code> 请设置成 <code>rating</code></li>\n<li><code>half</code> 是否使用半星选择</li>\n<li><code>count</code> 共有多少星可供选择</li>\n<li><code>readOnly</code> 只读</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"rating\",\n  \"name\": \"rating\",\n  \"label\": \"评分\",\n  \"count\": 5,\n  \"half\": true\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"rating\" href=\"#rating\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Rating</h3><p>评分</p>\n<ul>\n<li><code>type</code> 请设置成 <code>rating</code></li>\n<li><code>half</code> 是否使用半星选择</li>\n<li><code>count</code> 共有多少星可供选择</li>\n<li><code>readOnly</code> 只读</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"rating\",\n  \"name\": \"rating\",\n  \"label\": \"评分\",\n  \"count\": 5,\n  \"half\": true\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Rating.md\">/docs/renderers/Form/Rating.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Repeat.html b/gh-pages/docs/renderers/Form/Repeat.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Repeat.html
+++ b/gh-pages/docs/renderers/Form/Repeat.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Repeat_c69cbb4.js b/gh-pages/docs/renderers/Form/Repeat_e183ca6.js
similarity index 83%
rename from gh-pages/docs/renderers/Form/Repeat_c69cbb4.js
rename to gh-pages/docs/renderers/Form/Repeat_e183ca6.js
index ddae51443..34ab7d8dd 100644
--- a/gh-pages/docs/renderers/Form/Repeat_c69cbb4.js
+++ b/gh-pages/docs/renderers/Form/Repeat_e183ca6.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Repeat.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"repeat\" href=\"#repeat\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Repeat</h3><p>可用来设置重复频率</p>\n<ul>\n<li><code>type</code> 请设置成 <code>repeat</code></li>\n<li><code>options</code> 默认: <code>hourly,daily,weekly,monthly</code>， 可用配置 <code>secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly</code></li>\n<li><code>placeholder</code> 默认为 <code>不重复</code>, 当不指定值时的说明。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"repeat\",\n  \"name\": \"repeat\",\n  \"label\": \"重复频率\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"repeat\" href=\"#repeat\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Repeat</h3><p>可用来设置重复频率</p>\n<ul>\n<li><code>type</code> 请设置成 <code>repeat</code></li>\n<li><code>options</code> 默认: <code>hourly,daily,weekly,monthly</code>， 可用配置 <code>secondly,minutely,hourly,daily,weekdays,weekly,monthly,yearly</code></li>\n<li><code>placeholder</code> 默认为 <code>不重复</code>, 当不指定值时的说明。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"repeat\",\n  \"name\": \"repeat\",\n  \"label\": \"重复频率\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Repeat.md\">/docs/renderers/Form/Repeat.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Rich-Text.html b/gh-pages/docs/renderers/Form/Rich-Text.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Rich-Text.html
+++ b/gh-pages/docs/renderers/Form/Rich-Text.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Rich-Text_0cb0996.js b/gh-pages/docs/renderers/Form/Rich-Text_2e0002b.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Rich-Text_0cb0996.js
rename to gh-pages/docs/renderers/Form/Rich-Text_2e0002b.js
index e9a4e2cba..9863cd972 100644
--- a/gh-pages/docs/renderers/Form/Rich-Text_0cb0996.js
+++ b/gh-pages/docs/renderers/Form/Rich-Text_2e0002b.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Rich-Text.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"rich-text\" href=\"#rich-text\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Rich-Text</h3><p>富文本编辑器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>rich-text</code></li>\n<li><code>saveAsUbb</code> 是否保存为 ubb 格式</li>\n<li><code>reciever</code> 默认的图片保存 API <code>/api/upload/image</code></li>\n<li><code>size</code> 框的大小，可以设置成 <code>md</code> 或者 <code>lg</code> 来增大输入框。</li>\n<li><p><code>buttons</code> 默认为</p>\n<pre><code class=\"lang-js\">[\n    <span class=\"hljs-symbol\">'paragraphFormat</span>',\n    <span class=\"hljs-symbol\">'quote</span>',\n    <span class=\"hljs-symbol\">'color</span>',\n    '|',\n    <span class=\"hljs-symbol\">'bold</span>',\n    <span class=\"hljs-symbol\">'italic</span>',\n    <span class=\"hljs-symbol\">'underline</span>',\n    <span class=\"hljs-symbol\">'strikeThrough</span>',\n    '|',\n    <span class=\"hljs-symbol\">'formatOL</span>',\n    <span class=\"hljs-symbol\">'formatUL</span>',\n    <span class=\"hljs-symbol\">'align</span>',\n    '|',\n    <span class=\"hljs-symbol\">'insertLink</span>',\n    <span class=\"hljs-symbol\">'insertImage</span>',\n    <span class=\"hljs-symbol\">'insertTable</span>',\n    '|',\n    <span class=\"hljs-symbol\">'undo</span>',\n    <span class=\"hljs-symbol\">'redo</span>',\n    <span class=\"hljs-symbol\">'html</span>',\n]<span class=\"hljs-comment\">;</span>\n</code></pre>\n</li>\n<li><p><code>options</code> Object 类型，给富文本的配置信息。请参考 <a href=\"https://www.froala.com/wysiwyg-editor/docs/options\">https://www.froala.com/wysiwyg-editor/docs/options</a></p>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"rich-text\",\n  \"name\": \"html\",\n  \"label\": \"Rich Text\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"rich-text\" href=\"#rich-text\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Rich-Text</h3><p>富文本编辑器</p>\n<ul>\n<li><code>type</code> 请设置成 <code>rich-text</code></li>\n<li><code>saveAsUbb</code> 是否保存为 ubb 格式</li>\n<li><code>reciever</code> 默认的图片保存 API <code>/api/upload/image</code></li>\n<li><code>size</code> 框的大小，可以设置成 <code>md</code> 或者 <code>lg</code> 来增大输入框。</li>\n<li><p><code>buttons</code> 默认为</p>\n<pre><code class=\"lang-js\">[\n    <span class=\"hljs-symbol\">'paragraphFormat</span>',\n    <span class=\"hljs-symbol\">'quote</span>',\n    <span class=\"hljs-symbol\">'color</span>',\n    '|',\n    <span class=\"hljs-symbol\">'bold</span>',\n    <span class=\"hljs-symbol\">'italic</span>',\n    <span class=\"hljs-symbol\">'underline</span>',\n    <span class=\"hljs-symbol\">'strikeThrough</span>',\n    '|',\n    <span class=\"hljs-symbol\">'formatOL</span>',\n    <span class=\"hljs-symbol\">'formatUL</span>',\n    <span class=\"hljs-symbol\">'align</span>',\n    '|',\n    <span class=\"hljs-symbol\">'insertLink</span>',\n    <span class=\"hljs-symbol\">'insertImage</span>',\n    <span class=\"hljs-symbol\">'insertTable</span>',\n    '|',\n    <span class=\"hljs-symbol\">'undo</span>',\n    <span class=\"hljs-symbol\">'redo</span>',\n    <span class=\"hljs-symbol\">'html</span>',\n]<span class=\"hljs-comment\">;</span>\n</code></pre>\n</li>\n<li><p><code>options</code> Object 类型，给富文本的配置信息。请参考 <a href=\"https://www.froala.com/wysiwyg-editor/docs/options\">https://www.froala.com/wysiwyg-editor/docs/options</a></p>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 550px\"><script type=\"text/schema\" height=\"550\" scope=\"form-item\">{\n  \"type\": \"rich-text\",\n  \"name\": \"html\",\n  \"label\": \"Rich Text\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Rich-Text.md\">/docs/renderers/Form/Rich-Text.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Select.html b/gh-pages/docs/renderers/Form/Select.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Select.html
+++ b/gh-pages/docs/renderers/Form/Select.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Select_d99f4b6.js b/gh-pages/docs/renderers/Form/Select_6e3b6ee.js
similarity index 92%
rename from gh-pages/docs/renderers/Form/Select_d99f4b6.js
rename to gh-pages/docs/renderers/Form/Select_6e3b6ee.js
index 9f55c56ff..f88dd2f65 100644
--- a/gh-pages/docs/renderers/Form/Select_d99f4b6.js
+++ b/gh-pages/docs/renderers/Form/Select_6e3b6ee.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Select.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"select\" href=\"#select\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Select</h3><p>选项表单。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>select</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>autoComplete</code> 跟 source 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>false</code>, 当设置为 <code>true</code> 时，已选中的选项右侧会有个小 <code>X</code> 用来取消设置。</li>\n<li><code>searchable</code> 默认为 <code>false</code>，表示可以通过输入部分内容检索出选项。</li>\n<li><code>checkAll</code> 默认为 <code>false</code> 开启后支持全选</li>\n<li><code>checkAllLabel</code> 默认为 <code>全选</code>, 全选的文字</li>\n<li><code>defaultCheckAll</code> 是否默认全选，默认为<code>false</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"select\",\n      \"name\": \"select\",\n      \"label\": \"单选\",\n      \"clearable\": true,\n      \"options\": [\n        {\n          \"label\": \"Option A\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"Option B\",\n          \"value\": \"b\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n    {\n      \"type\": \"select\",\n      \"name\": \"select\",\n      \"label\": \"多选\",\n      \"clearable\": true,\n      \"multiple\": true,\n      \"options\": [\n        {\n          \"label\": \"OptionA\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"OptionB\",\n          \"value\": \"b\"\n        },\n        {\n          \"label\": \"OptionC\",\n          \"value\": \"c\"\n        },\n        {\n          \"label\": \"OptionD\",\n          \"value\": \"d\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"select\" href=\"#select\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Select</h3><p>选项表单。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>select</code></li>\n<li><code>options</code> 选项配置，类型为数组，成员格式如下。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。另外也可以用 <code>$xxxx</code> 来获取当前作用域中的变量。</li>\n<li><code>autoComplete</code> 跟 source 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 <code>value</code> 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>clearable</code> 默认为 <code>false</code>, 当设置为 <code>true</code> 时，已选中的选项右侧会有个小 <code>X</code> 用来取消设置。</li>\n<li><code>searchable</code> 默认为 <code>false</code>，表示可以通过输入部分内容检索出选项。</li>\n<li><code>checkAll</code> 默认为 <code>false</code> 开启后支持全选</li>\n<li><code>checkAllLabel</code> 默认为 <code>全选</code>, 全选的文字</li>\n<li><code>defaultCheckAll</code> 是否默认全选，默认为<code>false</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<p>单选</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"select\",\n      \"name\": \"select\",\n      \"label\": \"单选\",\n      \"clearable\": true,\n      \"options\": [\n        {\n          \"label\": \"Option A\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"Option B\",\n          \"value\": \"b\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n<p>多选</p>\n<div class=\"amis-preview\" style=\"height: 480px\"><script type=\"text/schema\" height=\"480\" scope=\"form\">[\n    {\n      \"type\": \"select\",\n      \"name\": \"select\",\n      \"label\": \"多选\",\n      \"clearable\": true,\n      \"multiple\": true,\n      \"options\": [\n        {\n          \"label\": \"OptionA\",\n          \"value\": \"a\"\n        },\n        {\n          \"label\": \"OptionB\",\n          \"value\": \"b\"\n        },\n        {\n          \"label\": \"OptionC\",\n          \"value\": \"c\"\n        },\n        {\n          \"label\": \"OptionD\",\n          \"value\": \"d\"\n        }\n      ]\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Select.md\">/docs/renderers/Form/Select.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Service.html b/gh-pages/docs/renderers/Form/Service.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Service.html
+++ b/gh-pages/docs/renderers/Form/Service.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Service_82be24d.js b/gh-pages/docs/renderers/Form/Service_82be24d.js
deleted file mode 100644
index ada9e51e1..000000000
--- a/gh-pages/docs/renderers/Form/Service_82be24d.js
+++ /dev/null
@@ -1,20 +0,0 @@
-define('docs/renderers/Form/Service.md', function(require, exports, module) {
-
-  module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"service-formitem-\" href=\"#service-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Service(FormItem)</h3><p>目前看到的配置方式都是静态配置，如果你想动态配置，即配置项由接口决定，那么就使用此渲染器。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>service</code>。</li>\n<li><code>api</code> 数据接口</li>\n<li><code>initFetch</code> 初始是否拉取</li>\n<li><p><code>schemaApi</code> 配置接口，即由接口返回内容区的配置信息。\n正常期待返回是一个渲染器的配置如：</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"tpl\"</span>,\n    <span class=\"hljs-attr\">\"tpl\"</span>: <span class=\"hljs-string\">\"这是内容。\"</span>\n}\n</code></pre>\n<p>但是，由于是在 form 里面，支持返回</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"controls\"</span>: [\n        // 表单项配置\n    ]\n}\n</code></pre>\n</li>\n<li><p><code>initFetchSchema</code> 是否初始拉取配置接口。</p>\n</li>\n<li><code>name</code> 取个名字方便别的组件与之交互。比如某个按钮的 target 设置成次 name, 则会触发重新拉取。</li>\n<li><code>body</code> 内容容器，如果配置 schemaApi 则不需要配置，否则不配置的话，就没有内容展现。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n  {\n    \"name\": \"tpl\",\n    \"type\": \"select\",\n    \"label\": \"模板\",\n    \"inline\": true,\n    \"required\": true,\n    \"value\": \"tpl1\",\n    \"options\": [\n      {\n        \"label\": \"模板1\",\n        \"value\": \"tpl1\"\n      },\n      {\n        \"label\": \"模板2\",\n        \"value\": \"tpl2\"\n      },\n      {\n        \"label\": \"模板3\",\n        \"value\": \"tpl3\"\n      }\n    ]\n  },\n  {\n    \"type\": \"service\",\n    \"className\": \"m-t\",\n    \"initFetchSchemaOn\": \"data.tpl\",\n    \"schemaApi\": \"https://houtai.baidu.com/api/mock2/service/form?tpl=$tpl\"\n  }\n]\n</script></div>\n",
-    "toc": {
-      "label": "目录",
-      "type": "toc",
-      "children": [
-        {
-          "label": "Service(FormItem)",
-          "fragment": "service-formitem-",
-          "fullPath": "#service-formitem-",
-          "level": 3
-        }
-      ],
-      "level": 0
-    }
-  };
-
-});
diff --git a/gh-pages/docs/renderers/Form/Service_f39843e.js b/gh-pages/docs/renderers/Form/Service_f39843e.js
new file mode 100644
index 000000000..c9352f7fe
--- /dev/null
+++ b/gh-pages/docs/renderers/Form/Service_f39843e.js
@@ -0,0 +1,20 @@
+define('docs/renderers/Form/Service.md', function(require, exports, module) {
+
+  module.exports = {
+    "html": "<h3><a class=\"anchor\" name=\"service-formitem-\" href=\"#service-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Service(FormItem)</h3><p>请先参考Form外的<a href=\"/amis/docs/renderers/Service\">Service</a>用法。作为 FormItem 使用时最大的不同在于作为容器渲染器，他的孩子是优先用表单项还是非表单项。比如放置一个 <code>{type: &#39;text&#39;}</code>，是渲染一个文本输入框、还是一个文本展示？</p>\n<p>两种都存在可能，所以作为表单项的 Service, 有两种用法，当把孩子节点放在 <code>controls</code> 里面时输出表单项，如果放在 <code>body</code> 底下时输出非表单项。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/page/initData\",\n    \"body\": {\n        \"type\": \"text\",\n        \"text\": \"现在是：${date}\"\n    }\n}\n</script></div>\n<p>如果把子节点放在 <code>controls</code> 就输出表单项如：</p>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form-item\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/page/initData\",\n    \"controls\": [\n      {\n          \"type\": \"text\",\n          \"label\": \"文本输入\",\n          \"name\": \"a\"\n      },\n\n      {\n        \"type\": \"date\",\n        \"label\": \"日期\",\n        \"name\": \"date\",\n        \"format\": \"YYYY-MM-DD\"\n      }\n    ]\n}\n</script></div>\n<p>从上面的栗子还可以发现，表单项的值是由 service 的 api 拉取过来的，也就是说，你可以利用 service 实现动态拉取部分表单项数据。</p>\n<p>比如：</p>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form\">[\n  {\n    \"label\": \"数据模板\",\n    \"type\": \"select\",\n    \"labelClassName\": \"text-muted\",\n    \"name\": \"tpl\",\n    \"value\": \"tpl1\",\n    \"inline\": true,\n    \"options\": [\n      {\n        \"label\": \"模板1\",\n        \"value\": \"tpl1\"\n      },\n      {\n        \"label\": \"模板2\",\n        \"value\": \"tpl2\"\n      },\n      {\n        \"label\": \"模板3\",\n        \"value\": \"tpl3\"\n      }\n    ],\n    \"description\": \"<span class=\\\"text-danger\\\">请修改这里看效果</span>\"\n  },\n  {\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/initData?tpl=${tpl}\",\n    \"controls\": [\n      {\n        \"label\": \"名称\",\n        \"type\": \"text\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"name\"\n      },\n      {\n        \"label\": \"作者\",\n        \"type\": \"text\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"author\"\n      },\n      {\n        \"label\": \"请求时间\",\n        \"type\": \"datetime\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"date\"\n      }\n    ]\n  }\n]\n</script></div>\n<p>注意：为什么修改数据模板的时候会自动让下面的 service 重新拉取数据？因为 service 的 api 是 <code>/api/mock2/form/initData?tpl=${tpl}</code>，amis 有个机制就是，当 api 地址值发生变化时就会重新拉取，当修改数据模板的时候，form 底下 tpl 变量会发生改变，然后会导致 api 的计算结果发生变化，然后会让 service 重新拉取。 那怎样不自动拉取？换种写法就行，比如把上面的 api 换成 <code>{method: &quot;get&quot;, url: &quot;/api/mock2/form/initData&quot;, data: {tpl: &quot;${tpl}&quot;}}</code> 这种写法就不会自动刷新了，因为 <code>/api/mock2/form/initData</code> 是一个不会发生变化的值了。更多内容请查看<a href=\"/amis/docs/advanced#数据联动\">联动说明</a></p>\n<p>有时候自动拉取触发会比较频繁，所以有时候需要用到手动刷新，注意看以下的配置。</p>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form\">[\n  {\n    \"label\": \"数据模板\",\n    \"type\": \"group\",\n    \"labelClassName\": \"text-muted\",\n    \"controls\": [\n      {\n        \"type\": \"select\",\n        \"name\": \"tpl\",\n        \"value\": \"tpl1\",\n        \"mode\": \"inline\",\n        \"options\": [\n          {\n            \"label\": \"模板1\",\n            \"value\": \"tpl1\"\n          },\n          {\n            \"label\": \"模板2\",\n            \"value\": \"tpl2\"\n          },\n          {\n            \"label\": \"模板3\",\n            \"value\": \"tpl3\"\n          }\n        ]\n      },\n      {\n        \"type\": \"button\",\n        \"label\": \"获取\",\n        \"mode\": \"inline\",\n        \"className\": \"p-l-none\",\n        \"actionType\": \"reload\",\n        \"target\": \"servcieName\"\n      }\n    ]\n  },\n  {\n    \"type\": \"service\",\n    \"name\": \"servcieName\",\n    \"api\": {\n      \"method\": \"get\",\n      \"url\": \"https://houtai.baidu.com/api/mock2/form/initData\",\n      \"data\": {\n        \"tpl\": \"${tpl}\"\n      }\n    },\n    \"controls\": [\n      {\n        \"label\": \"名称\",\n        \"type\": \"text\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"name\"\n      },\n      {\n        \"label\": \"作者\",\n        \"type\": \"text\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"author\"\n      },\n      {\n        \"label\": \"请求时间\",\n        \"type\": \"datetime\",\n        \"labelClassName\": \"text-muted\",\n        \"name\": \"date\"\n      }\n    ]\n  }\n]\n</script></div>\n<p>以上的栗子都是数据拉取，接下来要介绍 service 的另外一个重要功能，就是用它来拉取动态配置项。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"service\",\n  \"schemaApi\": \"https://houtai.baidu.com/api/mock2/service/schema?type=tabs\"\n}\n</script></div>\n<p>你会发现上面的栗子其实并不是拉取的表单项，如果想直接渲染表单项，请返回这种格式</p>\n<pre><code class=\"lang-js\">{\n  <span class=\"hljs-attribute\">status</span>: <span class=\"hljs-number\">0</span>,\n  <span class=\"hljs-attribute\">msg</span>: <span class=\"hljs-string\">''</span>,\n  <span class=\"hljs-attribute\">data</span>: {\n    <span class=\"hljs-attribute\">controls</span>: [\n      {\n        <span class=\"hljs-attribute\">type</span>: <span class=\"hljs-string\">\"text\"</span>,\n        <span class=\"hljs-attribute\">name</span>: <span class=\"hljs-string\">\"a\"</span>,\n        <span class=\"hljs-attribute\">label</span>: <span class=\"hljs-string\">\"文本输入\"</span>\n      }\n    ]\n  }\n}\n</code></pre>\n<p>比如</p>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form-item\">{\n  \"type\": \"service\",\n  \"schemaApi\": \"https://houtai.baidu.com/api/mock2/service/schema?type=controls\"\n}\n</script></div>\n<p><code>schemaApi</code> 同样支持上面的联动用法。</p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Service.md\">/docs/renderers/Form/Service.md</a>。</div>",
+    "toc": {
+      "label": "目录",
+      "type": "toc",
+      "children": [
+        {
+          "label": "Service(FormItem)",
+          "fragment": "service-formitem-",
+          "fullPath": "#service-formitem-",
+          "level": 3
+        }
+      ],
+      "level": 0
+    }
+  };
+
+});
diff --git a/gh-pages/docs/renderers/Form/SubForm.html b/gh-pages/docs/renderers/Form/SubForm.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/SubForm.html
+++ b/gh-pages/docs/renderers/Form/SubForm.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/SubForm_f13e1d0.js b/gh-pages/docs/renderers/Form/SubForm_d6ed24a.js
similarity index 91%
rename from gh-pages/docs/renderers/Form/SubForm_f13e1d0.js
rename to gh-pages/docs/renderers/Form/SubForm_d6ed24a.js
index 192922e25..61b85d104 100644
--- a/gh-pages/docs/renderers/Form/SubForm_f13e1d0.js
+++ b/gh-pages/docs/renderers/Form/SubForm_d6ed24a.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/SubForm.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"subform\" href=\"#subform\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>SubForm</h3><p>formItem 还可以是子表单类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>form</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>labelField</code> 当值中存在这个字段，则按钮名称将使用此字段的值来展示。</li>\n<li><code>btnLabel</code> 按钮默认名称</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>addButtonClassName</code> 新增按钮 CSS 类名 默认：<code>btn-success btn-sm</code>。</li>\n<li><code>editButtonClassName</code> 修改按钮 CSS 类名 默认：<code>btn-info btn-addon btn-sm</code>。</li>\n<li><code>form</code> 字表单的配置\n<code>title</code> 标题\n<code>controls</code> 请参考 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的配置说明。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form\">[\n{\n  \"type\": \"form\",\n  \"name\": \"form\",\n  \"label\": \"子Form\",\n  \"btnLabel\": \"设置子表单\",\n  \"form\": {\n    \"title\": \"配置子表单\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"label\": \"A\",\n        \"type\": \"text\"\n      },\n\n      {\n        \"name\": \"b\",\n        \"label\": \"B\",\n        \"type\": \"text\"\n      }\n    ]\n  }\n},\n{\n  \"type\": \"static\",\n  \"name\": \"form\",\n  \"label\": \"当前值\"\n},\n{\n  \"type\": \"form\",\n  \"name\": \"form2\",\n  \"label\": \"多选\",\n  \"multiple\": true,\n  \"maxLength\":3,\n  \"btnLabel\": \"设置子表单\",\n  \"form\": {\n    \"title\": \"配置子表单\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"label\": \"A\",\n        \"type\": \"text\"\n      },\n\n      {\n        \"name\": \"b\",\n        \"label\": \"B\",\n        \"type\": \"text\"\n      }\n    ]\n  }\n},\n{\n  \"type\": \"static\",\n  \"name\": \"form2\",\n  \"label\": \"当前值\"\n}\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"subform\" href=\"#subform\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>SubForm</h3><p>formItem 还可以是子表单类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>form</code></li>\n<li><code>multiple</code> 默认为 <code>false</code> 配置是否为多选模式</li>\n<li><code>labelField</code> 当值中存在这个字段，则按钮名称将使用此字段的值来展示。</li>\n<li><code>btnLabel</code> 按钮默认名称</li>\n<li><code>minLength</code> 限制最小长度。</li>\n<li><code>maxLength</code> 限制最大长度。</li>\n<li><code>addButtonClassName</code> 新增按钮 CSS 类名 默认：<code>btn-success btn-sm</code>。</li>\n<li><code>editButtonClassName</code> 修改按钮 CSS 类名 默认：<code>btn-info btn-addon btn-sm</code>。</li>\n<li><code>form</code> 字表单的配置\n<code>title</code> 标题\n<code>controls</code> 请参考 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的配置说明。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"form\">[\n{\n  \"type\": \"form\",\n  \"name\": \"form\",\n  \"label\": \"子Form\",\n  \"btnLabel\": \"设置子表单\",\n  \"form\": {\n    \"title\": \"配置子表单\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"label\": \"A\",\n        \"type\": \"text\"\n      },\n\n      {\n        \"name\": \"b\",\n        \"label\": \"B\",\n        \"type\": \"text\"\n      }\n    ]\n  }\n},\n{\n  \"type\": \"static\",\n  \"name\": \"form\",\n  \"label\": \"当前值\"\n},\n{\n  \"type\": \"form\",\n  \"name\": \"form2\",\n  \"label\": \"多选\",\n  \"multiple\": true,\n  \"maxLength\":3,\n  \"btnLabel\": \"设置子表单\",\n  \"form\": {\n    \"title\": \"配置子表单\",\n    \"controls\": [\n      {\n        \"name\": \"a\",\n        \"label\": \"A\",\n        \"type\": \"text\"\n      },\n\n      {\n        \"name\": \"b\",\n        \"label\": \"B\",\n        \"type\": \"text\"\n      }\n    ]\n  }\n},\n{\n  \"type\": \"static\",\n  \"name\": \"form2\",\n  \"label\": \"当前值\"\n}\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/SubForm.md\">/docs/renderers/Form/SubForm.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Switch.html b/gh-pages/docs/renderers/Form/Switch.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Switch.html
+++ b/gh-pages/docs/renderers/Form/Switch.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Switch_a3f31f5.js b/gh-pages/docs/renderers/Form/Switch_433dce7.js
similarity index 83%
rename from gh-pages/docs/renderers/Form/Switch_a3f31f5.js
rename to gh-pages/docs/renderers/Form/Switch_433dce7.js
index 55f1f892e..31de112bf 100644
--- a/gh-pages/docs/renderers/Form/Switch_a3f31f5.js
+++ b/gh-pages/docs/renderers/Form/Switch_433dce7.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Switch.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"switch\" href=\"#switch\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Switch</h3><p>可选框，和 checkbox 完全等价。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>switch</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"name\": \"switch\",\n  \"type\": \"switch\",\n  \"label\": \"Switch\",\n  \"option\": \"开关说明\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"switch\" href=\"#switch\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Switch</h3><p>可选框，和 checkbox 完全等价。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>switch</code></li>\n<li><code>option</code> 选项说明</li>\n<li><code>trueValue</code> 默认 <code>true</code></li>\n<li><code>falseValue</code> 默认 <code>false</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"name\": \"switch\",\n  \"type\": \"switch\",\n  \"label\": \"Switch\",\n  \"option\": \"开关说明\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Switch.md\">/docs/renderers/Form/Switch.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Table.html b/gh-pages/docs/renderers/Form/Table.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Table.html
+++ b/gh-pages/docs/renderers/Form/Table.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Table_91ff5d8.js b/gh-pages/docs/renderers/Form/Table_bbac4de.js
similarity index 94%
rename from gh-pages/docs/renderers/Form/Table_91ff5d8.js
rename to gh-pages/docs/renderers/Form/Table_bbac4de.js
index 117917ed2..e40e857ca 100644
--- a/gh-pages/docs/renderers/Form/Table_91ff5d8.js
+++ b/gh-pages/docs/renderers/Form/Table_bbac4de.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Table.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"table-formitem-\" href=\"#table-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table(FormItem)</h3><p>可以用来展现数据的,可以用来展示数组类型的数据，比如 multiple 的<a href=\"/amis/docs/renderers/Form/SubForm\">子 form</a>。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>table</code></li>\n<li><code>columns</code> 数组类型，用来定义列信息。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n    \"type\": \"form\",\n    \"name\": \"form\",\n    \"label\": \"子Form\",\n    \"btnLabel\": \"设置子表单\",\n    \"multiple\": true,\n    \"form\": {\n      \"title\": \"配置子表单\",\n      \"controls\": [\n        {\n          \"name\": \"a\",\n          \"label\": \"A\",\n          \"type\": \"text\"\n        },\n        {\n          \"name\": \"b\",\n          \"label\": \"B\",\n          \"type\": \"text\"\n        }\n      ]\n    }\n  },\n  {\n    \"type\":\"table\",\n    \"name\":\"form\",\n    \"columns\":[\n        {\n          \"name\": \"a\",\n          \"label\": \"A\"\n        },\n        {\n          \"name\": \"b\",\n          \"label\": \"B\"\n        }\n    ]\n  }\n]\n</script></div>\n<p>当然也可以用来作为表单输入。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;table&quot;</code></td>\n<td>指定为 Table 渲染器</td>\n</tr>\n<tr>\n<td>addable</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否可增加一行</td>\n</tr>\n<tr>\n<td>editable</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否可编辑</td>\n</tr>\n<tr>\n<td>removable</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否可删除</td>\n</tr>\n<tr>\n<td>showAddBtn</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否显示添加按钮</td>\n</tr>\n<tr>\n<td>addApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td>-</td>\n<td>新增时提交的 API</td>\n</tr>\n<tr>\n<td>updateApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td>-</td>\n<td>修改时提交的 API</td>\n</tr>\n<tr>\n<td>deleteApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td>-</td>\n<td>删除时提交的 API</td>\n</tr>\n<tr>\n<td>addBtnLabel</td>\n<td><code>string</code></td>\n<td></td>\n<td>增加按钮名称</td>\n</tr>\n<tr>\n<td>addBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-plus&quot;</code></td>\n<td>增加按钮图标</td>\n</tr>\n<tr>\n<td>updateBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>更新按钮名称</td>\n</tr>\n<tr>\n<td>updateBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-pencil&quot;</code></td>\n<td>更新按钮图标</td>\n</tr>\n<tr>\n<td>deleteBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>删除按钮名称</td>\n</tr>\n<tr>\n<td>deleteBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-minus&quot;</code></td>\n<td>删除按钮图标</td>\n</tr>\n<tr>\n<td>confirmBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>确认编辑按钮名称</td>\n</tr>\n<tr>\n<td>confirmBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-check&quot;</code></td>\n<td>确认编辑按钮图标</td>\n</tr>\n<tr>\n<td>cancelBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>取消编辑按钮名称</td>\n</tr>\n<tr>\n<td>cancelBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-times&quot;</code></td>\n<td>取消编辑按钮图标</td>\n</tr>\n<tr>\n<td>columns</td>\n<td><code>array</code></td>\n<td>[]</td>\n<td>列信息</td>\n</tr>\n<tr>\n<td>columns[x].quickEdit</td>\n<td><code>boolean</code> 或者 <code>object</code></td>\n<td>-</td>\n<td>配合 editable 为 true 一起使用</td>\n</tr>\n<tr>\n<td>columns[x].quickEditOnUpdate</td>\n<td><code>boolean</code> 或者 <code>object</code></td>\n<td>-</td>\n<td>可以用来区分新建模式和更新模式的编辑配置</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n<li>更多 Demo 详情请参考 <a href=\"/amis/#/form/table\">表格编辑</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n    \"type\":\"table\",\n    \"name\":\"form\",\n    \"editable\": true,\n    \"addable\": true,\n    \"removable\": true,\n    \"label\": \"表格输入\",\n    \"columns\":[\n        {\n          \"name\": \"a\",\n          \"label\": \"A\"\n        },\n        {\n          \"name\": \"b\",\n          \"label\": \"B\",\n          \"quickEdit\": {\n            \"type\": \"select\",\n              \"options\": [\n                {\n                  \"label\": \"A\",\n                  \"value\": \"a\"\n                },\n                {\n                  \"label\": \"B\",\n                  \"value\": \"b\"\n                }\n              ]\n          }\n        }\n    ]\n  }\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"table-formitem-\" href=\"#table-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table(FormItem)</h3><p>可以用来展现数据的,可以用来展示数组类型的数据，比如 multiple 的<a href=\"/amis/docs/renderers/Form/SubForm\">子 form</a>。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>table</code></li>\n<li><code>columns</code> 数组类型，用来定义列信息。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n    \"type\": \"form\",\n    \"name\": \"form\",\n    \"label\": \"子Form\",\n    \"btnLabel\": \"设置子表单\",\n    \"multiple\": true,\n    \"form\": {\n      \"title\": \"配置子表单\",\n      \"controls\": [\n        {\n          \"name\": \"a\",\n          \"label\": \"A\",\n          \"type\": \"text\"\n        },\n        {\n          \"name\": \"b\",\n          \"label\": \"B\",\n          \"type\": \"text\"\n        }\n      ]\n    }\n  },\n  {\n    \"type\":\"table\",\n    \"name\":\"form\",\n    \"columns\":[\n        {\n          \"name\": \"a\",\n          \"label\": \"A\"\n        },\n        {\n          \"name\": \"b\",\n          \"label\": \"B\"\n        }\n    ]\n  }\n]\n</script></div>\n<p>当然也可以用来作为表单输入。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;table&quot;</code></td>\n<td>指定为 Table 渲染器</td>\n</tr>\n<tr>\n<td>addable</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否可增加一行</td>\n</tr>\n<tr>\n<td>editable</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否可编辑</td>\n</tr>\n<tr>\n<td>removable</td>\n<td><code>boolean</code></td>\n<td>false</td>\n<td>是否可删除</td>\n</tr>\n<tr>\n<td>showAddBtn</td>\n<td><code>boolean</code></td>\n<td>true</td>\n<td>是否显示添加按钮</td>\n</tr>\n<tr>\n<td>addApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td>-</td>\n<td>新增时提交的 API</td>\n</tr>\n<tr>\n<td>updateApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td>-</td>\n<td>修改时提交的 API</td>\n</tr>\n<tr>\n<td>deleteApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td>-</td>\n<td>删除时提交的 API</td>\n</tr>\n<tr>\n<td>addBtnLabel</td>\n<td><code>string</code></td>\n<td></td>\n<td>增加按钮名称</td>\n</tr>\n<tr>\n<td>addBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-plus&quot;</code></td>\n<td>增加按钮图标</td>\n</tr>\n<tr>\n<td>updateBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>更新按钮名称</td>\n</tr>\n<tr>\n<td>updateBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-pencil&quot;</code></td>\n<td>更新按钮图标</td>\n</tr>\n<tr>\n<td>deleteBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>删除按钮名称</td>\n</tr>\n<tr>\n<td>deleteBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-minus&quot;</code></td>\n<td>删除按钮图标</td>\n</tr>\n<tr>\n<td>confirmBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>确认编辑按钮名称</td>\n</tr>\n<tr>\n<td>confirmBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-check&quot;</code></td>\n<td>确认编辑按钮图标</td>\n</tr>\n<tr>\n<td>cancelBtnLabel</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>取消编辑按钮名称</td>\n</tr>\n<tr>\n<td>cancelBtnIcon</td>\n<td><code>string</code></td>\n<td><code>&quot;fa fa-times&quot;</code></td>\n<td>取消编辑按钮图标</td>\n</tr>\n<tr>\n<td>columns</td>\n<td><code>array</code></td>\n<td>[]</td>\n<td>列信息</td>\n</tr>\n<tr>\n<td>columns[x].quickEdit</td>\n<td><code>boolean</code> 或者 <code>object</code></td>\n<td>-</td>\n<td>配合 editable 为 true 一起使用</td>\n</tr>\n<tr>\n<td>columns[x].quickEditOnUpdate</td>\n<td><code>boolean</code> 或者 <code>object</code></td>\n<td>-</td>\n<td>可以用来区分新建模式和更新模式的编辑配置</td>\n</tr>\n</tbody>\n</table>\n<ul>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n<li>更多 Demo 详情请参考 <a href=\"/amis/#/form/table\">表格编辑</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n    \"type\":\"table\",\n    \"name\":\"form\",\n    \"editable\": true,\n    \"addable\": true,\n    \"removable\": true,\n    \"label\": \"表格输入\",\n    \"columns\":[\n        {\n          \"name\": \"a\",\n          \"label\": \"A\"\n        },\n        {\n          \"name\": \"b\",\n          \"label\": \"B\",\n          \"quickEdit\": {\n            \"type\": \"select\",\n              \"options\": [\n                {\n                  \"label\": \"A\",\n                  \"value\": \"a\"\n                },\n                {\n                  \"label\": \"B\",\n                  \"value\": \"b\"\n                }\n              ]\n          }\n        }\n    ]\n  }\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Table.md\">/docs/renderers/Form/Table.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Tabs.html b/gh-pages/docs/renderers/Form/Tabs.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Tabs.html
+++ b/gh-pages/docs/renderers/Form/Tabs.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Tabs_287577b.js b/gh-pages/docs/renderers/Form/Tabs_fa24b38.js
similarity index 86%
rename from gh-pages/docs/renderers/Form/Tabs_287577b.js
rename to gh-pages/docs/renderers/Form/Tabs_fa24b38.js
index 9a91abc8e..641d3f3b6 100644
--- a/gh-pages/docs/renderers/Form/Tabs_287577b.js
+++ b/gh-pages/docs/renderers/Form/Tabs_fa24b38.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Tabs.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"tabs-formitem-\" href=\"#tabs-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tabs(FormItem)</h3><p>多个输入框也可以通过选项卡来分组。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tabs</code></li>\n<li><code>tabs</code> 选项卡数组</li>\n<li><code>tabs[x].title</code> 标题</li>\n<li><code>tabs[x].controls</code> 表单项集合。</li>\n<li><code>tabs[x].body</code> 内容容器，跟 <code>controls</code> 二选一。</li>\n<li><code>tabClassName</code> 选项卡 CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form-item\">{\n  \"type\": \"tabs\",\n  \"tabs\": [\n    {\n      \"title\": \"基本配置\",\n      \"controls\": [\n        {\n          \"name\": \"a\",\n          \"type\": \"text\",\n          \"label\": \"文本1\"\n        },\n\n        {\n          \"name\": \"a\",\n          \"type\": \"text\",\n          \"label\": \"文本2\"\n        }\n      ]\n    },\n\n    {\n      \"title\": \"其他配置\",\n      \"controls\": [\n        {\n          \"name\": \"c\",\n          \"type\": \"text\",\n          \"label\": \"文本3\"\n        },\n\n        {\n          \"name\": \"d\",\n          \"type\": \"text\",\n          \"label\": \"文本4\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"tabs-formitem-\" href=\"#tabs-formitem-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tabs(FormItem)</h3><p>多个输入框也可以通过选项卡来分组。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tabs</code></li>\n<li><code>tabs</code> 选项卡数组</li>\n<li><code>tabs[x].title</code> 标题</li>\n<li><code>tabs[x].controls</code> 表单项集合。</li>\n<li><code>tabs[x].body</code> 内容容器，跟 <code>controls</code> 二选一。</li>\n<li><code>tabClassName</code> 选项卡 CSS 类名。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"form-item\">{\n  \"type\": \"tabs\",\n  \"tabs\": [\n    {\n      \"title\": \"基本配置\",\n      \"controls\": [\n        {\n          \"name\": \"a\",\n          \"type\": \"text\",\n          \"label\": \"文本1\"\n        },\n\n        {\n          \"name\": \"a\",\n          \"type\": \"text\",\n          \"label\": \"文本2\"\n        }\n      ]\n    },\n\n    {\n      \"title\": \"其他配置\",\n      \"controls\": [\n        {\n          \"name\": \"c\",\n          \"type\": \"text\",\n          \"label\": \"文本3\"\n        },\n\n        {\n          \"name\": \"d\",\n          \"type\": \"text\",\n          \"label\": \"文本4\"\n        }\n      ]\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Tabs.md\">/docs/renderers/Form/Tabs.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Text.html b/gh-pages/docs/renderers/Form/Text.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Text.html
+++ b/gh-pages/docs/renderers/Form/Text.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Text_b186a4d.js b/gh-pages/docs/renderers/Form/Text_b9a1159.js
similarity index 92%
rename from gh-pages/docs/renderers/Form/Text_b186a4d.js
rename to gh-pages/docs/renderers/Form/Text_b9a1159.js
index 435126815..0a6e4ba73 100644
--- a/gh-pages/docs/renderers/Form/Text_b186a4d.js
+++ b/gh-pages/docs/renderers/Form/Text_b9a1159.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Text.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"text\" href=\"#text\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Text</h3><p>普通的文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>text</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 <code>options</code> 只能配置静态数据，如果设置了 <code>source</code> 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 <code>source</code> 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"text\",\n  \"name\": \"text\",\n  \"label\": \"文本\"\n}\n</script></div>\n<p>带提示功能</p>\n<div class=\"amis-preview\" style=\"height: 440px\"><script type=\"text/schema\" height=\"440\" scope=\"form-item\">{\n  \"type\": \"text\",\n  \"name\": \"text\",\n  \"label\": \"文本\",\n  \"clearable\": true,\n  \"addOn\": {\n    \"type\": \"submit\",\n    \"icon\": \"fa fa-search\",\n    \"level\": \"primary\"\n  },\n  \"options\": [\n    \"wangzhaojun\",\n    \"libai\",\n    \"luna\",\n    \"zhongkui\"\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"text\" href=\"#text\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Text</h3><p>普通的文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>text</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 <code>options</code> 只能配置静态数据，如果设置了 <code>source</code> 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 <code>source</code> 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"text\",\n  \"name\": \"text\",\n  \"label\": \"文本\"\n}\n</script></div>\n<p>带提示功能</p>\n<div class=\"amis-preview\" style=\"height: 440px\"><script type=\"text/schema\" height=\"440\" scope=\"form-item\">{\n  \"type\": \"text\",\n  \"name\": \"text\",\n  \"label\": \"文本\",\n  \"clearable\": true,\n  \"addOn\": {\n    \"type\": \"submit\",\n    \"icon\": \"fa fa-search\",\n    \"level\": \"primary\"\n  },\n  \"options\": [\n    \"wangzhaojun\",\n    \"libai\",\n    \"luna\",\n    \"zhongkui\"\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Text.md\">/docs/renderers/Form/Text.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Textarea.html b/gh-pages/docs/renderers/Form/Textarea.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Textarea.html
+++ b/gh-pages/docs/renderers/Form/Textarea.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Textarea_7b6f265.js b/gh-pages/docs/renderers/Form/Textarea_7b0369b.js
similarity index 84%
rename from gh-pages/docs/renderers/Form/Textarea_7b6f265.js
rename to gh-pages/docs/renderers/Form/Textarea_7b0369b.js
index e883eceb5..e7c4572f7 100644
--- a/gh-pages/docs/renderers/Form/Textarea_7b6f265.js
+++ b/gh-pages/docs/renderers/Form/Textarea_7b0369b.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Textarea.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"textarea\" href=\"#textarea\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Textarea</h3><p>多行文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>textarea</code></li>\n<li><code>minRows</code> 最小行数</li>\n<li><code>maxRows</code> 最大行数</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"textarea\",\n  \"name\": \"text\",\n  \"label\": \"多行文本\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"textarea\" href=\"#textarea\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Textarea</h3><p>多行文本输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>textarea</code></li>\n<li><code>minRows</code> 最小行数</li>\n<li><code>maxRows</code> 最大行数</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"textarea\",\n  \"name\": \"text\",\n  \"label\": \"多行文本\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Textarea.md\">/docs/renderers/Form/Textarea.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Time.html b/gh-pages/docs/renderers/Form/Time.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Time.html
+++ b/gh-pages/docs/renderers/Form/Time.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Time_9b18cb4.js b/gh-pages/docs/renderers/Form/Time_29d6c47.js
similarity index 87%
rename from gh-pages/docs/renderers/Form/Time_9b18cb4.js
rename to gh-pages/docs/renderers/Form/Time_29d6c47.js
index f8760af7f..9e4248143 100644
--- a/gh-pages/docs/renderers/Form/Time_9b18cb4.js
+++ b/gh-pages/docs/renderers/Form/Time_29d6c47.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Time.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"time\" href=\"#time\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Time</h3><p>时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>time</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</li>\n<li><code>timeFormat</code> 默认 <code>HH:mm</code> 用来配置选择的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 value 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"time\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"time\" href=\"#time\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Time</h3><p>时间类型。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>time</code></li>\n<li><code>format</code> 默认 <code>X</code> 即时间戳格式，用来提交的时间格式。更多格式类型请参考 <a href=\"http://momentjs.com/\">moment</a>.</li>\n<li><code>inputFormat</code> 默认 <code>HH:mm</code> 用来配置显示的时间格式。</li>\n<li><code>timeFormat</code> 默认 <code>HH:mm</code> 用来配置选择的时间格式。</li>\n<li><code>placeholder</code> 默认 <code>请选择日期</code></li>\n<li><code>timeConstraints</code> 请参考： <a href=\"https://github.com/YouCanBookMe/react-datetime\">react-datetime</a></li>\n<li><code>value</code> 这里面 value 需要特殊说明一下，因为支持相对值。如：<ul>\n<li><code>-2mins</code> 2 分钟前</li>\n<li><code>+2days</code> 2 天后</li>\n<li><code>-10week</code> 十周前</li>\n</ul>\n</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form\">[\n    {\n      \"type\": \"time\",\n      \"name\": \"select\",\n      \"label\": \"日期\"\n    },\n\n    {\n      \"type\": \"static\",\n      \"name\": \"select\",\n      \"label\": \"当前值\"\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Time.md\">/docs/renderers/Form/Time.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Tree.html b/gh-pages/docs/renderers/Form/Tree.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Tree.html
+++ b/gh-pages/docs/renderers/Form/Tree.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/TreeSelect.html b/gh-pages/docs/renderers/Form/TreeSelect.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/TreeSelect.html
+++ b/gh-pages/docs/renderers/Form/TreeSelect.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/TreeSelect_8473048.js b/gh-pages/docs/renderers/Form/TreeSelect_70c5389.js
similarity index 92%
rename from gh-pages/docs/renderers/Form/TreeSelect_8473048.js
rename to gh-pages/docs/renderers/Form/TreeSelect_70c5389.js
index 467237779..f3831fd58 100644
--- a/gh-pages/docs/renderers/Form/TreeSelect_8473048.js
+++ b/gh-pages/docs/renderers/Form/TreeSelect_70c5389.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/TreeSelect.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"treeselect\" href=\"#treeselect\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>TreeSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree-select</code></li>\n<li><code>options</code> 类似于 <a href=\"/amis/docs/renderers/Form/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"tree-select\",\n  \"name\": \"tree\",\n  \"label\": \"Tree\",\n  \"options\": [\n    {\n      \"label\": \"Folder A\",\n      \"value\": 1,\n      \"children\": [\n        {\n          \"label\": \"file A\",\n          \"value\": 2\n        },\n        {\n          \"label\": \"file B\",\n          \"value\": 3\n        }\n      ]\n    },\n    {\n      \"label\": \"file C\",\n      \"value\": 4\n    },\n    {\n      \"label\": \"file D\",\n      \"value\": 5\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"treeselect\" href=\"#treeselect\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>TreeSelect</h3><p>树形结构选择框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree-select</code></li>\n<li><code>options</code> 类似于 <a href=\"/amis/docs/renderers/Form/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"tree-select\",\n  \"name\": \"tree\",\n  \"label\": \"Tree\",\n  \"options\": [\n    {\n      \"label\": \"Folder A\",\n      \"value\": 1,\n      \"children\": [\n        {\n          \"label\": \"file A\",\n          \"value\": 2\n        },\n        {\n          \"label\": \"file B\",\n          \"value\": 3\n        }\n      ]\n    },\n    {\n      \"label\": \"file C\",\n      \"value\": 4\n    },\n    {\n      \"label\": \"file D\",\n      \"value\": 5\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/TreeSelect.md\">/docs/renderers/Form/TreeSelect.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Tree_bf39da3.js b/gh-pages/docs/renderers/Form/Tree_ab1679c.js
similarity index 91%
rename from gh-pages/docs/renderers/Form/Tree_bf39da3.js
rename to gh-pages/docs/renderers/Form/Tree_ab1679c.js
index 401989650..73372f5bc 100644
--- a/gh-pages/docs/renderers/Form/Tree_bf39da3.js
+++ b/gh-pages/docs/renderers/Form/Tree_ab1679c.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Tree.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"tree\" href=\"#tree\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tree</h3><p>树形结构输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree</code></li>\n<li><code>options</code> 类似于 <a href=\"/amis/docs/renderers/Form/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"tree\",\n  \"name\": \"tree\",\n  \"label\": \"Tree\",\n  \"options\": [\n    {\n      \"label\": \"Folder A\",\n      \"value\": 1,\n      \"children\": [\n        {\n          \"label\": \"file A\",\n          \"value\": 2\n        },\n        {\n          \"label\": \"file B\",\n          \"value\": 3\n        }\n      ]\n    },\n    {\n      \"label\": \"file C\",\n      \"value\": 4\n    },\n    {\n      \"label\": \"file D\",\n      \"value\": 5\n    }\n  ]\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"tree\" href=\"#tree\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tree</h3><p>树形结构输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>tree</code></li>\n<li><code>options</code> 类似于 <a href=\"/amis/docs/renderers/Form/Select\">select</a> 中 <code>options</code>, 并且支持通过 <code>children</code> 无限嵌套。</li>\n<li><code>source</code> Api 地址，如果选项不固定，可以通过配置 <code>source</code> 动态拉取。</li>\n<li><code>hideRoot</code> 默认是会显示一个顶级，如果不想显示，请设置 <code>false</code></li>\n<li><code>rootLabel</code> 默认为 <code>顶级</code>，当 hideRoot 不为 <code>false</code> 时有用，用来设置顶级节点的文字。</li>\n<li><code>showIcon</code> 是否显示投标，默认为 <code>true</code>。</li>\n<li><code>showRadio</code> 是否显示单选按钮，multiple 为 <code>false</code> 是有效。</li>\n<li><code>cascade</code> 设置成 <code>true</code> 时当选中父节点时不自动选择子节点。</li>\n<li><code>withChildren</code> 是指成 <code>true</code>，选中父节点时，值里面将包含子节点的值，否则只会保留父节点的值。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><code>joinValues</code> 默认为 <code>true</code></li>\n<li>单选模式：当用户选中某个选项时，选项中的 value 将被作为该表单项的值提交，否则，整个选项对象都会作为该表单项的值提交。</li>\n<li>多选模式：选中的多个选项的 <code>value</code> 会通过 <code>delimiter</code> 连接起来，否则直接将以数组的形式提交值。</li>\n<li><code>extractValue</code> 默认为 <code>false</code>, <code>joinValues</code>设置为<code>false</code>时生效, 开启后将选中的选项 value 的值封装为数组，作为当前表单项的值。</li>\n<li><code>delimiter</code> 默认为 <code>,</code></li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form-item\">{\n  \"type\": \"tree\",\n  \"name\": \"tree\",\n  \"label\": \"Tree\",\n  \"options\": [\n    {\n      \"label\": \"Folder A\",\n      \"value\": 1,\n      \"children\": [\n        {\n          \"label\": \"file A\",\n          \"value\": 2\n        },\n        {\n          \"label\": \"file B\",\n          \"value\": 3\n        }\n      ]\n    },\n    {\n      \"label\": \"file C\",\n      \"value\": 4\n    },\n    {\n      \"label\": \"file D\",\n      \"value\": 5\n    }\n  ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Tree.md\">/docs/renderers/Form/Tree.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Form/Url.html b/gh-pages/docs/renderers/Form/Url.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Form/Url.html
+++ b/gh-pages/docs/renderers/Form/Url.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Form/Url_4071ca9.js b/gh-pages/docs/renderers/Form/Url_390eb8c.js
similarity index 89%
rename from gh-pages/docs/renderers/Form/Url_4071ca9.js
rename to gh-pages/docs/renderers/Form/Url_390eb8c.js
index 8caaf2889..e53fd5d2f 100644
--- a/gh-pages/docs/renderers/Form/Url_4071ca9.js
+++ b/gh-pages/docs/renderers/Form/Url_390eb8c.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Form/Url.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"url\" href=\"#url\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Url</h3><p>URL 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>url</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 <code>options</code> 只能配置静态数据，如果设置了 <code>source</code> 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 <code>source</code> 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"url\",\n  \"name\": \"text\",\n  \"validateOnChange\": true,\n  \"label\": \"Url\"\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"url\" href=\"#url\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Url</h3><p>URL 输入框。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>url</code></li>\n<li><code>addOn</code> 输入框附加组件，比如附带一个提示文字，或者附带一个提交按钮。</li>\n<li><code>addOn.type</code> 请选择 <code>text</code> 、<code>button</code> 或者 <code>submit</code>。</li>\n<li><code>addOn.label</code> 文字说明</li>\n<li><code>addOn.xxx</code> 其他参数请参考按钮配置部分。</li>\n<li><code>hint</code> 当输入框获得焦点的时候显示，用来提示用户输入内容。</li>\n<li><code>trimContents</code> 是否去除首尾空白。</li>\n<li><code>clearable</code> 在有值的时候是否显示一个删除图标在右侧。</li>\n<li><code>resetValue</code> 默认为 <code>&quot;&quot;</code>, 删除后设置此配置项给定的值。</li>\n<li><code>options</code> 可选，选项配置，类型为数组，成员格式如下，配置后用户输入内容时会作为选项提示辅助输入。<ul>\n<li><code>label</code> 文字</li>\n<li><code>value</code> 值</li>\n</ul>\n</li>\n<li><code>source</code> 通过 <code>options</code> 只能配置静态数据，如果设置了 <code>source</code> 则会从接口拉取，实现动态效果。</li>\n<li><code>autoComplete</code> 跟 <code>source</code> 不同的是，每次用户输入都会去接口获取提示。</li>\n<li><code>multiple</code> 默认为 <code>false</code>, 设置成 <code>true</code> 表示可多选。</li>\n<li><strong>还有更多通用配置请参考</strong> <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"form-item\">{\n  \"type\": \"url\",\n  \"name\": \"text\",\n  \"validateOnChange\": true,\n  \"label\": \"Url\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Form/Url.md\">/docs/renderers/Form/Url.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Grid.html b/gh-pages/docs/renderers/Grid.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Grid.html
+++ b/gh-pages/docs/renderers/Grid.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Grid_61c468e.js b/gh-pages/docs/renderers/Grid_1e937ec.js
similarity index 94%
rename from gh-pages/docs/renderers/Grid_61c468e.js
rename to gh-pages/docs/renderers/Grid_1e937ec.js
index 76f7fa20f..0ab863c75 100644
--- a/gh-pages/docs/renderers/Grid_61c468e.js
+++ b/gh-pages/docs/renderers/Grid_1e937ec.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Grid.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"grid\" href=\"#grid\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Grid</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;grid&quot;</code></td>\n<td>指定为 Grid 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].xs</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].xsOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].sm</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].smOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].md</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].mdOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lg</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].lgOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n</tbody>\n</table>\n<p>更多使用说明，请参看 <a href=\"https://react-bootstrap.github.io/layout/grid/#col-props\">Grid Props</a></p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n    {\n        \"type\": \"grid\",\n        \"className\": \"b-a bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"md: 3\",\n                \"md\": 3,\n                \"className\": \"b-r\"\n            },\n\n            {\n                \"type\": \"plain\",\n                \"text\": \"md: 9\",\n                \"md\": 9\n            }\n        ]\n    },\n\n    {\n        \"type\": \"grid\",\n        \"className\": \"b-a m-t bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"mdOffset: 3\",\n                \"mdOffset\": 3\n            }\n        ]\n    }\n]\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"grid\" href=\"#grid\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Grid</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;grid&quot;</code></td>\n<td>指定为 Grid 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].xs</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].xsOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].xsPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].sm</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].smOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].smPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].md</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].mdOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].mdPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lg</td>\n<td><code>int</code></td>\n<td></td>\n<td>宽度占比： 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgHidden</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否隐藏</td>\n</tr>\n<tr>\n<td>columns[x].lgOffset</td>\n<td><code>int</code></td>\n<td></td>\n<td>偏移量 1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPull</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠左的距离占比：1 - 12</td>\n</tr>\n<tr>\n<td>columns[x].lgPush</td>\n<td><code>int</code></td>\n<td></td>\n<td>靠右的距离占比： 1 - 12</td>\n</tr>\n</tbody>\n</table>\n<p>更多使用说明，请参看 <a href=\"https://react-bootstrap.github.io/layout/grid/#col-props\">Grid Props</a></p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n    {\n        \"type\": \"grid\",\n        \"className\": \"b-a bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"md: 3\",\n                \"md\": 3,\n                \"className\": \"b-r\"\n            },\n\n            {\n                \"type\": \"plain\",\n                \"text\": \"md: 9\",\n                \"md\": 9\n            }\n        ]\n    },\n\n    {\n        \"type\": \"grid\",\n        \"className\": \"b-a m-t bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"mdOffset: 3\",\n                \"mdOffset\": 3\n            }\n        ]\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Grid.md\">/docs/renderers/Grid.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/HBox.html b/gh-pages/docs/renderers/HBox.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/HBox.html
+++ b/gh-pages/docs/renderers/HBox.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/HBox_8fbb122.js b/gh-pages/docs/renderers/HBox_aa03385.js
similarity index 89%
rename from gh-pages/docs/renderers/HBox_8fbb122.js
rename to gh-pages/docs/renderers/HBox_aa03385.js
index 853fb7882..159151048 100644
--- a/gh-pages/docs/renderers/HBox_8fbb122.js
+++ b/gh-pages/docs/renderers/HBox_aa03385.js
@@ -1,7 +1,7 @@
 define('docs/renderers/HBox.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"hbox\" href=\"#hbox\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>HBox</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;hbox&quot;</code></td>\n<td>指定为 HBox 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].columnClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;wrapper-xs&quot;</code></td>\n<td>列上类名</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n    {\n        \"type\": \"hbox\",\n        \"className\": \"b-a bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"Col A\",\n                \"columnClassName\": \"wrapper-xs b-r\"\n            },\n\n            \"Col B\"\n        ]\n    },\n\n    {\n        \"type\": \"hbox\",\n        \"className\": \"b-a m-t bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"w-md\",\n                \"columnClassName\": \"w-md wrapper-xs bg-primary b-r\"\n            },\n            \"...\"\n        ]\n    }\n]\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"hbox\" href=\"#hbox\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>HBox</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;hbox&quot;</code></td>\n<td>指定为 HBox 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td><code>Array</code></td>\n<td></td>\n<td>列集合</td>\n</tr>\n<tr>\n<td>columns[x]</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>成员可以是其他渲染器</td>\n</tr>\n<tr>\n<td>columns[x].columnClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;wrapper-xs&quot;</code></td>\n<td>列上类名</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n    {\n        \"type\": \"hbox\",\n        \"className\": \"b-a bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"Col A\",\n                \"columnClassName\": \"wrapper-xs b-r\"\n            },\n\n            \"Col B\"\n        ]\n    },\n\n    {\n        \"type\": \"hbox\",\n        \"className\": \"b-a m-t bg-dark lter\",\n        \"columns\": [\n            {\n                \"type\": \"plain\",\n                \"text\": \"w-md\",\n                \"columnClassName\": \"w-md wrapper-xs bg-primary b-r\"\n            },\n            \"...\"\n        ]\n    }\n]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/HBox.md\">/docs/renderers/HBox.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Html.html b/gh-pages/docs/renderers/Html.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Html.html
+++ b/gh-pages/docs/renderers/Html.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Html_3b556cb.js b/gh-pages/docs/renderers/Html_066cc57.js
similarity index 77%
rename from gh-pages/docs/renderers/Html_3b556cb.js
rename to gh-pages/docs/renderers/Html_066cc57.js
index 8775dfec8..4464ccd6a 100644
--- a/gh-pages/docs/renderers/Html_3b556cb.js
+++ b/gh-pages/docs/renderers/Html_066cc57.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Html.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h1><a class=\"anchor\" name=\"-html\" href=\"#-html\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>\bHTML</h1><p>当需要用到变量时，请用 <a href=\"/amis/docs/renderers/Tpl\">Tpl</a> 代替。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"type\": \"html\",\n    \"html\": \"支持 Html <code>Html</code>\"\n  }\n}\n</script></div>\n",
+    "html": "<h1><a class=\"anchor\" name=\"-html\" href=\"#-html\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>\bHTML</h1><p>当需要用到变量时，请用 <a href=\"/amis/docs/renderers/Tpl\">Tpl</a> 代替。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"type\": \"html\",\n    \"html\": \"支持 Html <code>Html</code>\"\n  }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Html.md\">/docs/renderers/Html.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/List.html b/gh-pages/docs/renderers/List.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/List.html
+++ b/gh-pages/docs/renderers/List.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/List_e5409bf.js b/gh-pages/docs/renderers/List_bce9dc7.js
similarity index 94%
rename from gh-pages/docs/renderers/List_e5409bf.js
rename to gh-pages/docs/renderers/List_bce9dc7.js
index 2a4ff1ea4..da0cd9a68 100644
--- a/gh-pages/docs/renderers/List_e5409bf.js
+++ b/gh-pages/docs/renderers/List_bce9dc7.js
@@ -1,7 +1,7 @@
 define('docs/renderers/List.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"list\" href=\"#list\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List</h2><p>列表展示。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;list&quot;</code> 指定为列表展示。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td>‘暂无数据’</td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-list-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-list-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem</td>\n<td><code>Array</code></td>\n<td></td>\n<td>配置单条信息</td>\n</tr>\n<tr>\n<td>listItem.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.titleClassName</td>\n<td><code>string</code></td>\n<td><code>h5</code></td>\n<td>标题 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片地址，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>thumb-sm avatar m-r</code></td>\n<td>图片 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.body</td>\n<td><code>Array</code> 或者 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>listItem.actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Form/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"panel\",\n            \"title\": \"简单 List 示例\",\n            \"body\": {\n                \"type\": \"list\",\n                \"source\": \"$rows\",\n                \"listItem\": {\n                  \"body\": [\n                    {\n                      \"type\": \"hbox\",\n                      \"columns\": [\n                        {\n                          \"label\": \"Engine\",\n                          \"name\": \"engine\"\n                        },\n\n                        {\n                            \"name\": \"version\",\n                            \"label\": \"Version\"\n                        }\n                      ]\n                    }\n                  ],\n\n                  \"actions\": [\n                    {\n                      \"type\": \"button\",\n                      \"level\": \"link\",\n                      \"icon\": \"fa fa-eye\",\n                      \"actionType\": \"dialog\",\n                      \"dialog\": {\n                        \"title\": \"查看详情\",\n                        \"body\": {\n                          \"type\": \"form\",\n                          \"controls\": [\n                            {\n                              \"label\": \"Engine\",\n                              \"name\": \"engine\",\n                              \"type\": \"static\"\n                            },\n\n                            {\n                                \"name\": \"version\",\n                                \"label\": \"Version\",\n                                \"type\": \"static\"\n                            }\n                          ]\n                        }\n                      }\n                    }\n                  ]\n                }\n            }\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"list\" href=\"#list\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>List</h2><p>列表展示。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;list&quot;</code> 指定为列表展示。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td>‘暂无数据’</td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-list-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>amis-list-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem</td>\n<td><code>Array</code></td>\n<td></td>\n<td>配置单条信息</td>\n</tr>\n<tr>\n<td>listItem.title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.titleClassName</td>\n<td><code>string</code></td>\n<td><code>h5</code></td>\n<td>标题 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>副标题，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatar</td>\n<td><code>string</code></td>\n<td></td>\n<td>图片地址，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.avatarClassName</td>\n<td><code>string</code></td>\n<td><code>thumb-sm avatar m-r</code></td>\n<td>图片 CSS 类名</td>\n</tr>\n<tr>\n<td>listItem.desc</td>\n<td><code>string</code></td>\n<td></td>\n<td>描述，支持模板语法如： \\${xxx}</td>\n</tr>\n<tr>\n<td>listItem.body</td>\n<td><code>Array</code> 或者 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n<td></td>\n<td>内容容器，主要用来放置 <a href=\"/amis/docs/renderers/Field\">Field</a></td>\n</tr>\n<tr>\n<td>listItem.actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Form/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"panel\",\n            \"title\": \"简单 List 示例\",\n            \"body\": {\n                \"type\": \"list\",\n                \"source\": \"$rows\",\n                \"listItem\": {\n                  \"body\": [\n                    {\n                      \"type\": \"hbox\",\n                      \"columns\": [\n                        {\n                          \"label\": \"Engine\",\n                          \"name\": \"engine\"\n                        },\n\n                        {\n                            \"name\": \"version\",\n                            \"label\": \"Version\"\n                        }\n                      ]\n                    }\n                  ],\n\n                  \"actions\": [\n                    {\n                      \"type\": \"button\",\n                      \"level\": \"link\",\n                      \"icon\": \"fa fa-eye\",\n                      \"actionType\": \"dialog\",\n                      \"dialog\": {\n                        \"title\": \"查看详情\",\n                        \"body\": {\n                          \"type\": \"form\",\n                          \"controls\": [\n                            {\n                              \"label\": \"Engine\",\n                              \"name\": \"engine\",\n                              \"type\": \"static\"\n                            },\n\n                            {\n                                \"name\": \"version\",\n                                \"label\": \"Version\",\n                                \"type\": \"static\"\n                            }\n                          ]\n                        }\n                      }\n                    }\n                  ]\n                }\n            }\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/List.md\">/docs/renderers/List.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Nav.html b/gh-pages/docs/renderers/Nav.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Nav.html
+++ b/gh-pages/docs/renderers/Nav.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Nav_208d761.js b/gh-pages/docs/renderers/Nav_964f9b4.js
similarity index 91%
rename from gh-pages/docs/renderers/Nav_208d761.js
rename to gh-pages/docs/renderers/Nav_964f9b4.js
index f51476356..936cee034 100644
--- a/gh-pages/docs/renderers/Nav_208d761.js
+++ b/gh-pages/docs/renderers/Nav_964f9b4.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Nav.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"nav\" href=\"#nav\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Nav</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;tabs&quot;</code></td>\n<td>指定为 Nav 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>stacked</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>设置成 false 可以以 tabs 的形式展示</td>\n</tr>\n<tr>\n<td>links</td>\n<td><code>Array</code></td>\n<td></td>\n<td>链接集合</td>\n</tr>\n<tr>\n<td>links[x].label</td>\n<td><code>string</code></td>\n<td></td>\n<td>名称</td>\n</tr>\n<tr>\n<td>links[x].to</td>\n<td><code>string</code></td>\n<td></td>\n<td>链接地址</td>\n</tr>\n<tr>\n<td>links[x].icon</td>\n<td><code>string</code></td>\n<td></td>\n<td>图标</td>\n</tr>\n<tr>\n<td>links[x].active</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否高亮</td>\n</tr>\n<tr>\n<td>links[x].activeOn</td>\n<td><code>表达式</code></td>\n<td></td>\n<td>是否高亮的条件，留空将自动分析链接地址</td>\n</tr>\n</tbody>\n</table>\n<p>链接集合。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"nav\",\n    \"stacked\": true,\n    \"className\": \"w-md\",\n    \"links\": [\n        {\n            \"label\": \"Nav 1\",\n            \"to\": \"/docs/index\",\n            \"icon\": \"fa fa-user\",\n            \"active\": true\n        },\n\n        {\n            \"label\": \"Nav 2\",\n            \"to\": \"/docs/api\"\n        },\n\n        {\n            \"label\": \"Nav 3\",\n            \"to\": \"/docs/renderers\"\n        }\n    ]\n}\n</script></div>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"nav\",\n    \"stacked\": false,\n    \"links\": [\n        {\n            \"label\": \"Nav 1\",\n            \"to\": \"/docs/index\",\n            \"icon\": \"fa fa-user\"\n        },\n\n        {\n            \"label\": \"Nav 2\",\n            \"to\": \"/docs/api\"\n        },\n\n        {\n            \"label\": \"Nav 3\",\n            \"to\": \"/docs/renderers\"\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"nav\" href=\"#nav\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Nav</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;tabs&quot;</code></td>\n<td>指定为 Nav 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>stacked</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>设置成 false 可以以 tabs 的形式展示</td>\n</tr>\n<tr>\n<td>links</td>\n<td><code>Array</code></td>\n<td></td>\n<td>链接集合</td>\n</tr>\n<tr>\n<td>links[x].label</td>\n<td><code>string</code></td>\n<td></td>\n<td>名称</td>\n</tr>\n<tr>\n<td>links[x].to</td>\n<td><code>string</code></td>\n<td></td>\n<td>链接地址</td>\n</tr>\n<tr>\n<td>links[x].icon</td>\n<td><code>string</code></td>\n<td></td>\n<td>图标</td>\n</tr>\n<tr>\n<td>links[x].active</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否高亮</td>\n</tr>\n<tr>\n<td>links[x].activeOn</td>\n<td><code>表达式</code></td>\n<td></td>\n<td>是否高亮的条件，留空将自动分析链接地址</td>\n</tr>\n</tbody>\n</table>\n<p>链接集合。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"nav\",\n    \"stacked\": true,\n    \"className\": \"w-md\",\n    \"links\": [\n        {\n            \"label\": \"Nav 1\",\n            \"to\": \"/docs/index\",\n            \"icon\": \"fa fa-user\",\n            \"active\": true\n        },\n\n        {\n            \"label\": \"Nav 2\",\n            \"to\": \"/docs/api\"\n        },\n\n        {\n            \"label\": \"Nav 3\",\n            \"to\": \"/docs/renderers\"\n        }\n    ]\n}\n</script></div>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"nav\",\n    \"stacked\": false,\n    \"links\": [\n        {\n            \"label\": \"Nav 1\",\n            \"to\": \"/docs/index\",\n            \"icon\": \"fa fa-user\"\n        },\n\n        {\n            \"label\": \"Nav 2\",\n            \"to\": \"/docs/api\"\n        },\n\n        {\n            \"label\": \"Nav 3\",\n            \"to\": \"/docs/renderers\"\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Nav.md\">/docs/renderers/Nav.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Page.html b/gh-pages/docs/renderers/Page.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Page.html
+++ b/gh-pages/docs/renderers/Page.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Page_9fb755b.js b/gh-pages/docs/renderers/Page_847cdf5.js
similarity index 93%
rename from gh-pages/docs/renderers/Page_9fb755b.js
rename to gh-pages/docs/renderers/Page_847cdf5.js
index 8bbfc67da..55df09c37 100644
--- a/gh-pages/docs/renderers/Page_9fb755b.js
+++ b/gh-pages/docs/renderers/Page_847cdf5.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Page.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"page\" href=\"#page\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Page</h2><p>页面渲染器，他主要包含标题，副标题，提示信息等设置，需要注意的是，他有三个容器区域分别是：内容区、边栏区和工具条区，在容器里面放不同的渲染器，就能配置出不同的页面来。</p>\n<p>可以配置 <code>initApi</code> 从远端拉取数据，拉取的数据可以在整个页面级别使用。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"type\": \"page\",\n  \"title\": \"Title\",\n  \"subTitle\": \"SubTitle\",\n  \"remark\": \"Remark\",\n  \"aside\": \"Aside\",\n  \"body\": \"时间: ${date | date}\",\n  \"toolbar\": \"Toolbar\",\n  \"initApi\": \"https://houtai.baidu.com/api/mock2/service/data\"\n}\n</script></div>\n<blockquote>\n<p>PS: 代码支持及时编辑预览</p>\n</blockquote>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;page&quot;</code></td>\n<td>指定为 Page 渲染器。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>页面标题</td>\n</tr>\n<tr>\n<td>subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>页面副标题</td>\n</tr>\n<tr>\n<td>remark</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题附近会出现一个提示图标，鼠标放上去会提示该内容。</td>\n</tr>\n<tr>\n<td>aside</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的边栏区域加内容</td>\n</tr>\n<tr>\n<td>toolbar</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的右上角加内容，需要注意的是，当有 Title 是，区域在右上角，没有时区域就在顶部</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的内容区域加内容</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 dom 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>v-middle wrapper text-right bg-light b-b</code></td>\n<td>Toolbar dom 类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>wrapper</code></td>\n<td>Body dom 类名</td>\n</tr>\n<tr>\n<td>asideClassName</td>\n<td><code>string</code></td>\n<td><code>w page-aside-region bg-auto</code></td>\n<td>Aside dom 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>bg-light b-b wrapper</code></td>\n<td>Header 区域 dom 类名</td>\n</tr>\n<tr>\n<td>initApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>Page 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否起始拉取 initApi</td>\n</tr>\n<tr>\n<td>initFetchOn</td>\n<td><code>string</code></td>\n<td></td>\n<td>是否起始拉取 initApi, 通过表达式配置</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n",
+    "html": "<h2><a class=\"anchor\" name=\"page\" href=\"#page\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Page</h2><p>页面渲染器，他主要包含标题，副标题，提示信息等设置，需要注意的是，他有三个容器区域分别是：内容区、边栏区和工具条区，在容器里面放不同的渲染器，就能配置出不同的页面来。</p>\n<p>可以配置 <code>initApi</code> 从远端拉取数据，拉取的数据可以在整个页面级别使用。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"type\": \"page\",\n  \"title\": \"Title\",\n  \"subTitle\": \"SubTitle\",\n  \"remark\": \"Remark\",\n  \"aside\": \"Aside\",\n  \"body\": \"时间: ${date | date}\",\n  \"toolbar\": \"Toolbar\",\n  \"initApi\": \"https://houtai.baidu.com/api/mock2/service/data\"\n}\n</script></div>\n<blockquote>\n<p>PS: 代码支持及时编辑预览</p>\n</blockquote>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;page&quot;</code></td>\n<td>指定为 Page 渲染器。</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>页面标题</td>\n</tr>\n<tr>\n<td>subTitle</td>\n<td><code>string</code></td>\n<td></td>\n<td>页面副标题</td>\n</tr>\n<tr>\n<td>remark</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题附近会出现一个提示图标，鼠标放上去会提示该内容。</td>\n</tr>\n<tr>\n<td>aside</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的边栏区域加内容</td>\n</tr>\n<tr>\n<td>toolbar</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的右上角加内容，需要注意的是，当有 Title 是，区域在右上角，没有时区域就在顶部</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#Container\">Container</a></td>\n<td></td>\n<td>往页面的内容区域加内容</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 dom 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>v-middle wrapper text-right bg-light b-b</code></td>\n<td>Toolbar dom 类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>wrapper</code></td>\n<td>Body dom 类名</td>\n</tr>\n<tr>\n<td>asideClassName</td>\n<td><code>string</code></td>\n<td><code>w page-aside-region bg-auto</code></td>\n<td>Aside dom 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>bg-light b-b wrapper</code></td>\n<td>Header 区域 dom 类名</td>\n</tr>\n<tr>\n<td>initApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">Api</a></td>\n<td></td>\n<td>Page 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否起始拉取 initApi</td>\n</tr>\n<tr>\n<td>initFetchOn</td>\n<td><code>string</code></td>\n<td></td>\n<td>是否起始拉取 initApi, 通过表达式配置</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Page.md\">/docs/renderers/Page.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Panel.html b/gh-pages/docs/renderers/Panel.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Panel.html
+++ b/gh-pages/docs/renderers/Panel.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Panel_90ba1b5.js b/gh-pages/docs/renderers/Panel_c3302fe.js
similarity index 92%
rename from gh-pages/docs/renderers/Panel_90ba1b5.js
rename to gh-pages/docs/renderers/Panel_c3302fe.js
index 8bf3bbb8a..3fb1258d6 100644
--- a/gh-pages/docs/renderers/Panel_90ba1b5.js
+++ b/gh-pages/docs/renderers/Panel_c3302fe.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Panel.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"panel\" href=\"#panel\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Panel</h2><p>可以把相关信息以盒子的形式展示到一块。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;panel&quot;</code></td>\n<td>指定为 Panel 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-heading&quot;</code></td>\n<td>header 区域的类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer bg-light lter wrapper&quot;</code></td>\n<td>footer 区域的类名</td>\n</tr>\n<tr>\n<td>actionsClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer&quot;</code></td>\n<td>actions 区域的类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-body&quot;</code></td>\n<td>body 区域的类名</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>顶部容器</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>footer</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>底部容器</td>\n</tr>\n<tr>\n<td>affixFooter</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否固定底部容器</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"panel\",\n    \"title\": \"Panel Heading\",\n    \"body\": \"Panel Body\",\n    \"actions\": [\n        {\n            \"type\": \"button\",\n            \"label\": \"Action 1\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n        },\n\n        {\n          \"type\": \"button\",\n          \"label\": \"Action 2\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"panel\" href=\"#panel\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Panel</h2><p>可以把相关信息以盒子的形式展示到一块。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;panel&quot;</code></td>\n<td>指定为 Panel 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-default&quot;</code></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-heading&quot;</code></td>\n<td>header 区域的类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer bg-light lter wrapper&quot;</code></td>\n<td>footer 区域的类名</td>\n</tr>\n<tr>\n<td>actionsClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-footer&quot;</code></td>\n<td>actions 区域的类名</td>\n</tr>\n<tr>\n<td>bodyClassName</td>\n<td><code>string</code></td>\n<td><code>&quot;panel-body&quot;</code></td>\n<td>body 区域的类名</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>header</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>顶部容器</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>footer</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>底部容器</td>\n</tr>\n<tr>\n<td>affixFooter</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否固定底部容器</td>\n</tr>\n<tr>\n<td>actions</td>\n<td>Array Of <a href=\"/amis/docs/renderers/Button\">Button</a></td>\n<td></td>\n<td>按钮区域</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"panel\",\n    \"title\": \"Panel Heading\",\n    \"body\": \"Panel Body\",\n    \"actions\": [\n        {\n            \"type\": \"button\",\n            \"label\": \"Action 1\",\n            \"actionType\": \"dialog\",\n            \"dialog\": {\n              \"confirmMode\": false,\n              \"title\": \"提示\",\n              \"body\": \"对，你刚点击了！\"\n            }\n        },\n\n        {\n          \"type\": \"button\",\n          \"label\": \"Action 2\",\n          \"actionType\": \"dialog\",\n          \"dialog\": {\n            \"confirmMode\": false,\n            \"title\": \"提示\",\n            \"body\": \"对，你刚点击了！\"\n          }\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Panel.md\">/docs/renderers/Panel.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Plain.html b/gh-pages/docs/renderers/Plain.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Plain.html
+++ b/gh-pages/docs/renderers/Plain.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Plain_db178b2.js b/gh-pages/docs/renderers/Plain_4b55aa6.js
similarity index 79%
rename from gh-pages/docs/renderers/Plain_db178b2.js
rename to gh-pages/docs/renderers/Plain_4b55aa6.js
index e536d2b10..765bec736 100644
--- a/gh-pages/docs/renderers/Plain_db178b2.js
+++ b/gh-pages/docs/renderers/Plain_4b55aa6.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Plain.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"plain\" href=\"#plain\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Plain</h2><p>plain, 单纯的文字输出来，像 <a href=\"/amis/docs/renderers/Tpl\">tpl</a> 一样支持变量，区别在于内容不支持 html 标签。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"type\": \"plain\",\n    \"text\": \"Pure Text <html>\"\n  }\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"plain\" href=\"#plain\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Plain</h2><p>plain, 单纯的文字输出来，像 <a href=\"/amis/docs/renderers/Tpl\">tpl</a> 一样支持变量，区别在于内容不支持 html 标签。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"body\": {\n    \"type\": \"plain\",\n    \"text\": \"Pure Text <html>\"\n  }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Plain.md\">/docs/renderers/Plain.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/QRCode.html b/gh-pages/docs/renderers/QRCode.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/QRCode.html
+++ b/gh-pages/docs/renderers/QRCode.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/QRCode_47fd27f.js b/gh-pages/docs/renderers/QRCode_7870561.js
similarity index 89%
rename from gh-pages/docs/renderers/QRCode_47fd27f.js
rename to gh-pages/docs/renderers/QRCode_7870561.js
index 36d2f04fd..c05991f34 100644
--- a/gh-pages/docs/renderers/QRCode_47fd27f.js
+++ b/gh-pages/docs/renderers/QRCode_7870561.js
@@ -1,7 +1,7 @@
 define('docs/renderers/QRCode.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"qrcode\" href=\"#qrcode\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>QRCode</h2><p>二维码显示组件</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;qr-code&quot;</code></td>\n<td>指定为 QRCode 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>codeSize</td>\n<td><code>number</code></td>\n<td><code>128</code></td>\n<td>二维码的宽高大小</td>\n</tr>\n<tr>\n<td>backgroundColor</td>\n<td><code>string</code></td>\n<td><code>&quot;#fff&quot;</code></td>\n<td>二维码背景色</td>\n</tr>\n<tr>\n<td>foregroundColor</td>\n<td><code>string</code></td>\n<td><code>&quot;#000&quot;</code></td>\n<td>二维码前景色</td>\n</tr>\n<tr>\n<td>level</td>\n<td><code>string</code></td>\n<td><code>&quot;L&quot;</code></td>\n<td>二维码复杂级别，有（&#39;L&#39; &#39;M&#39; &#39;Q&#39; &#39;H&#39;）四种</td>\n</tr>\n<tr>\n<td>value</td>\n<td><code>string</code></td>\n<td><code>&quot;https://www.baidu.com&quot;</code></td>\n<td>扫描二维码后显示的文本，如果要显示某个页面请输入完整 url（<code>&quot;http://...&quot;</code>或<code>&quot;https://...&quot;</code>开头），支持使用 <code>${xxx}</code> 来获取变量</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"qr-code\",\n    \"codeSize\": 128,\n    \"backgroundColor\": \"#fff\",\n    \"foregroundColor\": \"#000\",\n    \"level\": \"L\",\n    \"value\": \"https://www.baidu.com\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"qrcode\" href=\"#qrcode\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>QRCode</h2><p>二维码显示组件</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;qr-code&quot;</code></td>\n<td>指定为 QRCode 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>codeSize</td>\n<td><code>number</code></td>\n<td><code>128</code></td>\n<td>二维码的宽高大小</td>\n</tr>\n<tr>\n<td>backgroundColor</td>\n<td><code>string</code></td>\n<td><code>&quot;#fff&quot;</code></td>\n<td>二维码背景色</td>\n</tr>\n<tr>\n<td>foregroundColor</td>\n<td><code>string</code></td>\n<td><code>&quot;#000&quot;</code></td>\n<td>二维码前景色</td>\n</tr>\n<tr>\n<td>level</td>\n<td><code>string</code></td>\n<td><code>&quot;L&quot;</code></td>\n<td>二维码复杂级别，有（&#39;L&#39; &#39;M&#39; &#39;Q&#39; &#39;H&#39;）四种</td>\n</tr>\n<tr>\n<td>value</td>\n<td><code>string</code></td>\n<td><code>&quot;https://www.baidu.com&quot;</code></td>\n<td>扫描二维码后显示的文本，如果要显示某个页面请输入完整 url（<code>&quot;http://...&quot;</code>或<code>&quot;https://...&quot;</code>开头），支持使用 <code>${xxx}</code> 来获取变量</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"qr-code\",\n    \"codeSize\": 128,\n    \"backgroundColor\": \"#fff\",\n    \"foregroundColor\": \"#000\",\n    \"level\": \"L\",\n    \"value\": \"https://www.baidu.com\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/QRCode.md\">/docs/renderers/QRCode.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Service.html b/gh-pages/docs/renderers/Service.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Service.html
+++ b/gh-pages/docs/renderers/Service.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Service_446a57c.js b/gh-pages/docs/renderers/Service_1f623db.js
similarity index 93%
rename from gh-pages/docs/renderers/Service_446a57c.js
rename to gh-pages/docs/renderers/Service_1f623db.js
index 20eda7822..56e538d00 100644
--- a/gh-pages/docs/renderers/Service_446a57c.js
+++ b/gh-pages/docs/renderers/Service_1f623db.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Service.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"service\" href=\"#service\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Service</h2><p>功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据，数据可用于子组件。\n该组件初始化时就会自动拉取一次数据，后续如果需要刷新，请结合 Action 实现，可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。\n同时该组件，还支持 api 数值自动监听，比如 <code>getData?type=$type</code> 只要当前环境 type 值发生变化，就会自动重新拉取。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;service&quot;</code></td>\n<td>指定为 service 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>数据源 API 地址</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取</td>\n</tr>\n<tr>\n<td>schemaApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>用来获取远程 Schema 的 api</td>\n</tr>\n<tr>\n<td>initFetchSchema</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取 Schema</td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>Object</code></td>\n<td></td>\n<td>消息提示覆写，默认消息读取的是 API 返回的消息，但是在此可以覆写它。</td>\n</tr>\n<tr>\n<td>messages.fetchSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取成功时提示</td>\n</tr>\n<tr>\n<td>messages.fetchFailed</td>\n<td><code>string</code></td>\n<td><code>&quot;初始化失败&quot;</code></td>\n<td>获取失败时提示</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/page/initData\",\n    \"body\": {\n        \"type\": \"panel\",\n        \"title\": \"$title\",\n        \"body\": \"现在是：${date}\"\n    }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%8A%A8%E6%80%81%E9%85%8D%E7%BD%AE\" href=\"#%E5%8A%A8%E6%80%81%E9%85%8D%E7%BD%AE\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>动态配置</h3><p>Service 还有个重要的功能就是支持配置 <code>schemaApi</code>，通过它可以实现动态渲染。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n  \"name\": \"service1\",\n  \"type\": \"service\",\n  \"className\": \"m-t\",\n  \"schemaApi\": \"https://houtai.baidu.com/api/mock2/service/schema?type=tabs\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"service\" href=\"#service\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Service</h2><p>功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据，数据可用于子组件。\n该组件初始化时就会自动拉取一次数据，后续如果需要刷新，请结合 Action 实现，可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。\n同时该组件，还支持 api 数值自动监听，比如 <code>getData?type=$type</code> 只要当前环境 type 值发生变化，就会自动重新拉取。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;service&quot;</code></td>\n<td>指定为 service 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n<tr>\n<td>api</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>数据源 API 地址</td>\n</tr>\n<tr>\n<td>initFetch</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取</td>\n</tr>\n<tr>\n<td>schemaApi</td>\n<td><a href=\"/amis/docs/renderers/Types#Api\">api</a></td>\n<td></td>\n<td>用来获取远程 Schema 的 api</td>\n</tr>\n<tr>\n<td>initFetchSchema</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否默认拉取 Schema</td>\n</tr>\n<tr>\n<td>messages</td>\n<td><code>Object</code></td>\n<td></td>\n<td>消息提示覆写，默认消息读取的是 API 返回的消息，但是在此可以覆写它。</td>\n</tr>\n<tr>\n<td>messages.fetchSuccess</td>\n<td><code>string</code></td>\n<td></td>\n<td>获取成功时提示</td>\n</tr>\n<tr>\n<td>messages.fetchFailed</td>\n<td><code>string</code></td>\n<td><code>&quot;初始化失败&quot;</code></td>\n<td>获取失败时提示</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>刷新时间(最低 3000)</td>\n</tr>\n<tr>\n<td>silentPolling</td>\n<td><code>boolean</code></td>\n<td><code>false</code></td>\n<td>配置刷新时是否显示加载动画</td>\n</tr>\n<tr>\n<td>stopAutoRefreshWhen</td>\n<td><code>string</code></td>\n<td><code>&quot;&quot;</code></td>\n<td>通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置停止刷新的条件</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/page/initData\",\n    \"body\": {\n        \"type\": \"panel\",\n        \"title\": \"$title\",\n        \"body\": \"现在是：${date}\"\n    }\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%8A%A8%E6%80%81%E9%85%8D%E7%BD%AE\" href=\"#%E5%8A%A8%E6%80%81%E9%85%8D%E7%BD%AE\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>动态配置</h3><p>Service 还有个重要的功能就是支持配置 <code>schemaApi</code>，通过它可以实现动态渲染。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n  \"name\": \"service1\",\n  \"type\": \"service\",\n  \"className\": \"m-t\",\n  \"schemaApi\": \"https://houtai.baidu.com/api/mock2/service/schema?type=tabs\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Service.md\">/docs/renderers/Service.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Static.html b/gh-pages/docs/renderers/Static.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Static.html
+++ b/gh-pages/docs/renderers/Static.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Static_f197bdd.js b/gh-pages/docs/renderers/Static_d2ecd95.js
similarity index 93%
rename from gh-pages/docs/renderers/Static_f197bdd.js
rename to gh-pages/docs/renderers/Static_d2ecd95.js
index f40a392b2..aa6c10bce 100644
--- a/gh-pages/docs/renderers/Static_f197bdd.js
+++ b/gh-pages/docs/renderers/Static_d2ecd95.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Static.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h3><a class=\"anchor\" name=\"static\" href=\"#static\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Static</h3><p>纯用来展现数据的。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>static</code></li>\n<li><code>name</code> 变量名。</li>\n<li><code>value</code> 值，可以通过它设置默认值。</li>\n<li><code>label</code> 描述标题，当表单为水平布局时，左边即便是不设置 label 为了保持对齐也会留空，如果想要去掉空白，请设置成 <code>false</code>。</li>\n<li><code>description</code> 描述内容。</li>\n<li><code>placeholder</code> 占位内容，默认 <code>-</code>。</li>\n<li><code>inline</code> 是否为 inline 模式。</li>\n<li><code>className</code> 表单最外层类名。</li>\n<li><code>visible</code> 是否可见。</li>\n<li><code>visibleOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否隐藏。</li>\n<li><code>inputClassName</code> 表单控制器类名。</li>\n<li><code>labelClassName</code> label 的类名。</li>\n<li><code>tpl</code> 如果想一次展示多条数据，可以考虑用 <code>tpl</code>，模板引擎是 lodash template，同时你还可以简单用 <code>$</code> 取值。 具体请查看 <a href=\"/amis/docs/renderers/Tpl\">tpl</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"static\",\n  \"name\": \"select\",\n  \"label\": \"Label\",\n  \"value\": \"A\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"static-xxx\" href=\"#static-xxx\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Static-XXX</h3><ul>\n<li><code>type</code> 请设置成 <code>static-tpl</code>、<code>static-plain</code>、<code>static-json</code>、<code>static-date</code>、<code>static-datetime</code>、<code>static-time</code>、<code>static-mapping</code>、<code>static-image</code>、<code>static-progress</code>、<code>static-status</code>或者<code>static-switch</code></li>\n</ul>\n<p>纯用来展示数据的，用法跟 crud 里面的<a href=\"/amis/docs/renderers/Column\">Column</a>一样, 且支持 quickEdit 和 popOver 功能。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"static-json\",\n  \"name\": \"json\",\n  \"label\": \"Label\",\n  \"value\": {\n    \"a\":\"dd\",\n    \"b\":\"asdasd\"\n  }\n}\n</script></div>\n",
+    "html": "<h3><a class=\"anchor\" name=\"static\" href=\"#static\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Static</h3><p>纯用来展现数据的。</p>\n<ul>\n<li><code>type</code> 请设置成 <code>static</code></li>\n<li><code>name</code> 变量名。</li>\n<li><code>value</code> 值，可以通过它设置默认值。</li>\n<li><code>label</code> 描述标题，当表单为水平布局时，左边即便是不设置 label 为了保持对齐也会留空，如果想要去掉空白，请设置成 <code>false</code>。</li>\n<li><code>description</code> 描述内容。</li>\n<li><code>placeholder</code> 占位内容，默认 <code>-</code>。</li>\n<li><code>inline</code> 是否为 inline 模式。</li>\n<li><code>className</code> 表单最外层类名。</li>\n<li><code>visible</code> 是否可见。</li>\n<li><code>visibleOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否显示。</li>\n<li><code>hidden</code> 是否隐藏，不要跟 <code>visible</code> <code>visibleOn</code> 同时配置</li>\n<li><code>hiddenOn</code> 通过<a href=\"/amis/docs/renderers/Types#表达式\">表达式</a>来配置当前表单项是否隐藏。</li>\n<li><code>inputClassName</code> 表单控制器类名。</li>\n<li><code>labelClassName</code> label 的类名。</li>\n<li><code>tpl</code> 如果想一次展示多条数据，可以考虑用 <code>tpl</code>，模板引擎是 lodash template，同时你还可以简单用 <code>$</code> 取值。 具体请查看 <a href=\"/amis/docs/renderers/Tpl\">tpl</a></li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"static\",\n  \"name\": \"select\",\n  \"label\": \"Label\",\n  \"value\": \"A\"\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"static-xxx\" href=\"#static-xxx\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Static-XXX</h3><ul>\n<li><code>type</code> 请设置成 <code>static-tpl</code>、<code>static-plain</code>、<code>static-json</code>、<code>static-date</code>、<code>static-datetime</code>、<code>static-time</code>、<code>static-mapping</code>、<code>static-image</code>、<code>static-progress</code>、<code>static-status</code>或者<code>static-switch</code></li>\n</ul>\n<p>纯用来展示数据的，用法跟 crud 里面的<a href=\"/amis/docs/renderers/Column\">Column</a>一样, 且支持 quickEdit 和 popOver 功能。</p>\n<div class=\"amis-preview\" style=\"height: 450px\"><script type=\"text/schema\" height=\"450\" scope=\"form-item\">{\n  \"type\": \"static-json\",\n  \"name\": \"json\",\n  \"label\": \"Label\",\n  \"value\": {\n    \"a\":\"dd\",\n    \"b\":\"asdasd\"\n  }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Static.md\">/docs/renderers/Static.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Table.html b/gh-pages/docs/renderers/Table.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Table.html
+++ b/gh-pages/docs/renderers/Table.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Table_8b55ea4.js b/gh-pages/docs/renderers/Table_3e512fa.js
similarity index 98%
rename from gh-pages/docs/renderers/Table_8b55ea4.js
rename to gh-pages/docs/renderers/Table_3e512fa.js
index 8e0279824..00d942b04 100644
--- a/gh-pages/docs/renderers/Table_8b55ea4.js
+++ b/gh-pages/docs/renderers/Table_3e512fa.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Table.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"table\" href=\"#table\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table</h2><p>表格展示，不负责拉取数据，所以你需要配置 source 用来关联数据，一般需要搭配其他具备获取接口数据能力的渲染器一起使用，比如: Page 的 initApi 或者 Service 的 api。有了数据后，配置  columns 就能完成渲染了。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;type&quot;</code> 指定为 table 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>affixHeader</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否固定表头</td>\n</tr>\n<tr>\n<td>columnsTogglable</td>\n<td><code>auto</code> 或者 <code>boolean</code></td>\n<td><code>auto</code></td>\n<td>展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td><code>暂无数据</code></td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>panel-default</code></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>tableClassName</td>\n<td><code>string</code></td>\n<td><code>table-db table-striped</code></td>\n<td>表格 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-toolbar</code></td>\n<td>工具栏 CSS 类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>Array of <a href=\"/amis/docs/renderers/Column\">Column</a></td>\n<td></td>\n<td>用来设置列信息</td>\n</tr>\n<tr>\n<td>combineNum</td>\n<td><code>number</code></td>\n<td></td>\n<td>自动合并单元格</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 900px\"><script type=\"text/schema\" height=\"900\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"title\": \"表格1\",\n            \"source\": \"$rows\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                }\n            ]\n        },\n\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%88%97%E5%BC%80%E5%85%B3\" href=\"#%E5%88%97%E5%BC%80%E5%85%B3\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>列开关</h3><p>默认 <code>columnsTogglable</code> 配置为 <code>auto</code>，当列超过 5 列后，就会在工具栏多渲染出来一个列展示与否的开关。你可以设置成 <code>true</code> 或者 <code>false</code> 来强制开或者关。在列配置中可以通过配置 <code>toggled</code> 为 <code>false</code> 默认不展示这列，比如下面这个栗子中 ID 这一栏。</p>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\",\n                    \"toggled\": false\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%B5%8C%E5%A5%97\" href=\"#%E5%B5%8C%E5%A5%97\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>嵌套</h3><p>当行数据中存在 children 属性时，可以自动嵌套显示下去。示例：<a href=\"https://baidu.github.io/amis/crud/nested?page=1\">https://baidu.github.io/amis/crud/nested?page=1</a></p>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"service\",\n    \"data\": {\n        \"rows\": [\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 4.0\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"X\",\n                \"id\": 1,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 1001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 1002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 5.0\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"5\",\n                \"grade\": \"C\",\n                \"id\": 2,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 2001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 2002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 5.5\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"5.5\",\n                \"grade\": \"A\",\n                \"id\": 3,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 3001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 3002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 6\",\n                \"platform\": \"Win 98+\",\n                \"version\": \"6\",\n                \"grade\": \"A\",\n                \"id\": 4,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 4001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 4002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 7\",\n                \"platform\": \"Win XP SP2+\",\n                \"version\": \"7\",\n                \"grade\": \"A\",\n                \"id\": 5,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 5001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 5002\n                }\n                ]\n            }\n        ]\n    },\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columnsTogglable\": false,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%BA%95%E9%83%A8%E5%B1%95%E7%A4%BA-footable-\" href=\"#%E5%BA%95%E9%83%A8%E5%B1%95%E7%A4%BA-footable-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>底部展示 (Footable)</h3><p>列太多时，内容没办法全部显示完，可以让部分信息在底部显示，可以让用户展开查看详情。配置很简单，只需要开启 <code>footable</code> 属性，同时将想在底部展示的列加个 <code>breakpoint</code> 属性为 <code>*</code> 即可。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/footable?page=1\">https://baidu.github.io/amis/crud/footable?page=1</a></p>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columnsTogglable\": false,\n            \"footable\": true,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\",\n                    \"breakpoint\": \"*\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\",\n                    \"breakpoint\": \"*\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\",\n                    \"breakpoint\": \"*\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\",\n                    \"breakpoint\": \"*\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<p>默认都不会展开，如果你想默认展开第一个就把 footable 配置成这样。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"footable\"</span>: {\n        <span class=\"hljs-attr\">\"expand\"</span>: <span class=\"hljs-string\">\"first\"</span>\n    }\n}\n</code></pre>\n<p>当配置成 <code>all</code> 时表示全部展开。</p>\n<h3><a class=\"anchor\" name=\"%E5%90%88%E5%B9%B6%E5%8D%95%E5%85%83%E6%A0%BC\" href=\"#%E5%90%88%E5%B9%B6%E5%8D%95%E5%85%83%E6%A0%BC\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>合并单元格</h3><p>只需要配置 <code>combineNum</code> 属性即可，他表示从左到右多少列内启动自动合并单元格，只要多行的同一个属性值是一样的，就会自动合并。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/merge-cell\">https://baidu.github.io/amis/crud/merge-cell</a></p>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"body\">{\n    \"type\": \"service\",\n    \"data\": {\n        \"rows\": [\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 4.2\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 4.2\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"B\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"AOL browser (AOL desktop)\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"C\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"AOL browser (AOL desktop)\",\n                \"platform\": \"Win 98\",\n                \"version\": \"3\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"AOL browser (AOL desktop)\",\n                \"platform\": \"Win 98\",\n                \"version\": \"4\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 1.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"4\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 1.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 2.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"B\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 2.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"C\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 2.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"D\"\n            }\n        ]\n    },\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"combineNum\": 3,\n            \"columnsTogglable\": false,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Rendering engine\"\n                },\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform(s)\"\n                },\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Engine version\"\n                },\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"CSS grade\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E8%B6%85%E7%BA%A7%E8%A1%A8%E5%A4%B4\" href=\"#%E8%B6%85%E7%BA%A7%E8%A1%A8%E5%A4%B4\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>超级表头</h3><p>超级表头意思是，表头还可以再一次进行分组。额外添加个 <code>groupName</code> 属性即可。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/header-group\">https://baidu.github.io/amis/crud/header-group</a></p>\n<div class=\"amis-preview\" style=\"height: 630px\"><script type=\"text/schema\" height=\"630\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\",\n                    \"groupName\": \"分组1\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\",\n                    \"groupName\": \"分组1\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\",\n                    \"groupName\": \"分组2\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\",\n                    \"groupName\": \"分组2\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\",\n                    \"toggled\": false,\n                    \"groupName\": \"分组2\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\",\n                    \"groupName\": \"分组2\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%9B%BA%E5%AE%9A%E5%88%97\" href=\"#%E5%9B%BA%E5%AE%9A%E5%88%97\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>固定列</h3><p>列太多可以让重要的几列固定，可以配置固定在左侧还是右侧，只需要给需要固定的列上配置 <code>fixed</code> 属性，配置 <code>left</code> 或者 <code>right</code>。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/fixed\">https://baidu.github.io/amis/crud/fixed</a></p>\n<div class=\"amis-preview\" style=\"height: 730px\"><script type=\"text/schema\" height=\"730\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"className\": \"w-xxl\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columnsTogglable\": false,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\",\n                    \"fixed\": \"left\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\",\n                    \"fixed\": \"right\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"table\" href=\"#table\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Table</h2><p>表格展示，不负责拉取数据，所以你需要配置 source 用来关联数据，一般需要搭配其他具备获取接口数据能力的渲染器一起使用，比如: Page 的 initApi 或者 Service 的 api。有了数据后，配置  columns 就能完成渲染了。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td></td>\n<td><code>&quot;type&quot;</code> 指定为 table 渲染器</td>\n</tr>\n<tr>\n<td>title</td>\n<td><code>string</code></td>\n<td></td>\n<td>标题</td>\n</tr>\n<tr>\n<td>source</td>\n<td><code>string</code></td>\n<td><code>${items}</code></td>\n<td>数据源, 绑定当前环境变量</td>\n</tr>\n<tr>\n<td>affixHeader</td>\n<td><code>boolean</code></td>\n<td><code>true</code></td>\n<td>是否固定表头</td>\n</tr>\n<tr>\n<td>columnsTogglable</td>\n<td><code>auto</code> 或者 <code>boolean</code></td>\n<td><code>auto</code></td>\n<td>展示列显示开关, 自动即：列数量大于或等于 5 个时自动开启</td>\n</tr>\n<tr>\n<td>placeholder</td>\n<td>string</td>\n<td><code>暂无数据</code></td>\n<td>当没数据的时候的文字提示</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td><code>panel-default</code></td>\n<td>外层 CSS 类名</td>\n</tr>\n<tr>\n<td>tableClassName</td>\n<td><code>string</code></td>\n<td><code>table-db table-striped</code></td>\n<td>表格 CSS 类名</td>\n</tr>\n<tr>\n<td>headerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-header</code></td>\n<td>顶部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>footerClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-footer</code></td>\n<td>底部外层 CSS 类名</td>\n</tr>\n<tr>\n<td>toolbarClassName</td>\n<td><code>string</code></td>\n<td><code>Action.md-table-toolbar</code></td>\n<td>工具栏 CSS 类名</td>\n</tr>\n<tr>\n<td>columns</td>\n<td>Array of <a href=\"/amis/docs/renderers/Column\">Column</a></td>\n<td></td>\n<td>用来设置列信息</td>\n</tr>\n<tr>\n<td>combineNum</td>\n<td><code>number</code></td>\n<td></td>\n<td>自动合并单元格</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 900px\"><script type=\"text/schema\" height=\"900\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"title\": \"表格1\",\n            \"source\": \"$rows\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                }\n            ]\n        },\n\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%88%97%E5%BC%80%E5%85%B3\" href=\"#%E5%88%97%E5%BC%80%E5%85%B3\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>列开关</h3><p>默认 <code>columnsTogglable</code> 配置为 <code>auto</code>，当列超过 5 列后，就会在工具栏多渲染出来一个列展示与否的开关。你可以设置成 <code>true</code> 或者 <code>false</code> 来强制开或者关。在列配置中可以通过配置 <code>toggled</code> 为 <code>false</code> 默认不展示这列，比如下面这个栗子中 ID 这一栏。</p>\n<div class=\"amis-preview\" style=\"height: 530px\"><script type=\"text/schema\" height=\"530\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\",\n                    \"toggled\": false\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%B5%8C%E5%A5%97\" href=\"#%E5%B5%8C%E5%A5%97\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>嵌套</h3><p>当行数据中存在 children 属性时，可以自动嵌套显示下去。示例：<a href=\"https://baidu.github.io/amis/crud/nested?page=1\">https://baidu.github.io/amis/crud/nested?page=1</a></p>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"service\",\n    \"data\": {\n        \"rows\": [\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 4.0\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"X\",\n                \"id\": 1,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 1001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 1002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 5.0\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"5\",\n                \"grade\": \"C\",\n                \"id\": 2,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 2001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 2002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 5.5\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"5.5\",\n                \"grade\": \"A\",\n                \"id\": 3,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 3001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 3002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 6\",\n                \"platform\": \"Win 98+\",\n                \"version\": \"6\",\n                \"grade\": \"A\",\n                \"id\": 4,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 4001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 4002\n                }\n                ]\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 7\",\n                \"platform\": \"Win XP SP2+\",\n                \"version\": \"7\",\n                \"grade\": \"A\",\n                \"id\": 5,\n                \"children\": [\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 4.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"4\",\n                    \"grade\": \"X\",\n                    \"id\": 5001\n                },\n                {\n                    \"engine\": \"Trident\",\n                    \"browser\": \"Internet Explorer 5.0\",\n                    \"platform\": \"Win 95+\",\n                    \"version\": \"5\",\n                    \"grade\": \"C\",\n                    \"id\": 5002\n                }\n                ]\n            }\n        ]\n    },\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columnsTogglable\": false,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%BA%95%E9%83%A8%E5%B1%95%E7%A4%BA-footable-\" href=\"#%E5%BA%95%E9%83%A8%E5%B1%95%E7%A4%BA-footable-\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>底部展示 (Footable)</h3><p>列太多时，内容没办法全部显示完，可以让部分信息在底部显示，可以让用户展开查看详情。配置很简单，只需要开启 <code>footable</code> 属性，同时将想在底部展示的列加个 <code>breakpoint</code> 属性为 <code>*</code> 即可。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/footable?page=1\">https://baidu.github.io/amis/crud/footable?page=1</a></p>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columnsTogglable\": false,\n            \"footable\": true,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\",\n                    \"breakpoint\": \"*\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\",\n                    \"breakpoint\": \"*\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\",\n                    \"breakpoint\": \"*\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\",\n                    \"breakpoint\": \"*\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<p>默认都不会展开，如果你想默认展开第一个就把 footable 配置成这样。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"footable\"</span>: {\n        <span class=\"hljs-attr\">\"expand\"</span>: <span class=\"hljs-string\">\"first\"</span>\n    }\n}\n</code></pre>\n<p>当配置成 <code>all</code> 时表示全部展开。</p>\n<h3><a class=\"anchor\" name=\"%E5%90%88%E5%B9%B6%E5%8D%95%E5%85%83%E6%A0%BC\" href=\"#%E5%90%88%E5%B9%B6%E5%8D%95%E5%85%83%E6%A0%BC\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>合并单元格</h3><p>只需要配置 <code>combineNum</code> 属性即可，他表示从左到右多少列内启动自动合并单元格，只要多行的同一个属性值是一样的，就会自动合并。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/merge-cell\">https://baidu.github.io/amis/crud/merge-cell</a></p>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"body\">{\n    \"type\": \"service\",\n    \"data\": {\n        \"rows\": [\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 4.2\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"Internet Explorer 4.2\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"B\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"AOL browser (AOL desktop)\",\n                \"platform\": \"Win 95+\",\n                \"version\": \"4\",\n                \"grade\": \"C\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"AOL browser (AOL desktop)\",\n                \"platform\": \"Win 98\",\n                \"version\": \"3\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Trident\",\n                \"browser\": \"AOL browser (AOL desktop)\",\n                \"platform\": \"Win 98\",\n                \"version\": \"4\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 1.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"4\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 1.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"A\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 2.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"B\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 2.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"C\"\n            },\n            {\n                \"engine\": \"Gecko\",\n                \"browser\": \"Firefox 2.0\",\n                \"platform\": \"Win 98+ / OSX.2+\",\n                \"version\": \"5\",\n                \"grade\": \"D\"\n            }\n        ]\n    },\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"combineNum\": 3,\n            \"columnsTogglable\": false,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Rendering engine\"\n                },\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform(s)\"\n                },\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Engine version\"\n                },\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"CSS grade\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E8%B6%85%E7%BA%A7%E8%A1%A8%E5%A4%B4\" href=\"#%E8%B6%85%E7%BA%A7%E8%A1%A8%E5%A4%B4\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>超级表头</h3><p>超级表头意思是，表头还可以再一次进行分组。额外添加个 <code>groupName</code> 属性即可。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/header-group\">https://baidu.github.io/amis/crud/header-group</a></p>\n<div class=\"amis-preview\" style=\"height: 630px\"><script type=\"text/schema\" height=\"630\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\",\n                    \"groupName\": \"分组1\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\",\n                    \"groupName\": \"分组1\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\",\n                    \"groupName\": \"分组2\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\",\n                    \"groupName\": \"分组2\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\",\n                    \"toggled\": false,\n                    \"groupName\": \"分组2\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\",\n                    \"groupName\": \"分组2\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n<h3><a class=\"anchor\" name=\"%E5%9B%BA%E5%AE%9A%E5%88%97\" href=\"#%E5%9B%BA%E5%AE%9A%E5%88%97\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>固定列</h3><p>列太多可以让重要的几列固定，可以配置固定在左侧还是右侧，只需要给需要固定的列上配置 <code>fixed</code> 属性，配置 <code>left</code> 或者 <code>right</code>。</p>\n<p>示例：<a href=\"https://baidu.github.io/amis/crud/fixed\">https://baidu.github.io/amis/crud/fixed</a></p>\n<div class=\"amis-preview\" style=\"height: 730px\"><script type=\"text/schema\" height=\"730\" scope=\"body\">{\n    \"type\": \"service\",\n    \"api\": \"https://houtai.baidu.com/api/sample?perPage=5\",\n    \"className\": \"w-xxl\",\n    \"body\": [\n        {\n            \"type\": \"table\",\n            \"source\": \"$rows\",\n            \"className\": \"m-b-none\",\n            \"columnsTogglable\": false,\n            \"columns\": [\n                {\n                    \"name\": \"engine\",\n                    \"label\": \"Engine\",\n                    \"fixed\": \"left\"\n                },\n\n                {\n                    \"name\": \"grade\",\n                    \"label\": \"Grade\"\n                },\n\n                {\n                    \"name\": \"version\",\n                    \"label\": \"Version\"\n                },\n\n                {\n                    \"name\": \"browser\",\n                    \"label\": \"Browser\"\n                },\n\n                {\n                    \"name\": \"id\",\n                    \"label\": \"ID\"\n                },\n\n                {\n                    \"name\": \"platform\",\n                    \"label\": \"Platform\",\n                    \"fixed\": \"right\"\n                }\n            ]\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Table.md\">/docs/renderers/Table.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Tabs.html b/gh-pages/docs/renderers/Tabs.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Tabs.html
+++ b/gh-pages/docs/renderers/Tabs.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Tabs_c66b0da.js b/gh-pages/docs/renderers/Tabs_cb8d10a.js
similarity index 90%
rename from gh-pages/docs/renderers/Tabs_c66b0da.js
rename to gh-pages/docs/renderers/Tabs_cb8d10a.js
index c6f1400d3..6f3db99c3 100644
--- a/gh-pages/docs/renderers/Tabs_c66b0da.js
+++ b/gh-pages/docs/renderers/Tabs_cb8d10a.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Tabs.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"tabs\" href=\"#tabs\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tabs</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;tabs&quot;</code></td>\n<td>指定为 Tabs 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>tabsClassName</td>\n<td><code>string</code></td>\n<td></td>\n<td>Tabs Dom 的类名</td>\n</tr>\n<tr>\n<td>tabs</td>\n<td><code>Array</code></td>\n<td></td>\n<td>tabs 内容</td>\n</tr>\n<tr>\n<td>tabs[x].title</td>\n<td><code>string</code></td>\n<td></td>\n<td>Tab 标题</td>\n</tr>\n<tr>\n<td>tabs[x].icon</td>\n<td><code>icon</code></td>\n<td></td>\n<td>Tab 的图标</td>\n</tr>\n<tr>\n<td>tabs[x].tab</td>\n<td><a href=\"#container\">Container</a></td>\n<td></td>\n<td>内容区</td>\n</tr>\n<tr>\n<td>tabs[x].hash</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置以后将跟 url 的 hash 对应</td>\n</tr>\n<tr>\n<td>tabs[x].reload</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>设置以后内容每次都会重新渲染，对于 crud 的重新拉取很有用</td>\n</tr>\n<tr>\n<td>tabs[x].unmountOnExit</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>每次退出都会销毁当前tab栏内容</td>\n</tr>\n<tr>\n<td>tabs[x].className</td>\n<td><code>string</code></td>\n<td><code>&quot;bg-white b-l b-r b-b wrapper-md&quot;</code></td>\n<td>Tab 区域样式</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"tabs\",\n    \"tabs\": [\n        {\n            \"title\": \"Tab 1\",\n            \"tab\": \"Content 1\"\n        },\n\n        {\n            \"title\": \"Tab 2\",\n            \"tab\": \"Content 2\"\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"tabs\" href=\"#tabs\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tabs</h2><table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;tabs&quot;</code></td>\n<td>指定为 Tabs 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>tabsClassName</td>\n<td><code>string</code></td>\n<td></td>\n<td>Tabs Dom 的类名</td>\n</tr>\n<tr>\n<td>tabs</td>\n<td><code>Array</code></td>\n<td></td>\n<td>tabs 内容</td>\n</tr>\n<tr>\n<td>tabs[x].title</td>\n<td><code>string</code></td>\n<td></td>\n<td>Tab 标题</td>\n</tr>\n<tr>\n<td>tabs[x].icon</td>\n<td><code>icon</code></td>\n<td></td>\n<td>Tab 的图标</td>\n</tr>\n<tr>\n<td>tabs[x].tab</td>\n<td><a href=\"#container\">Container</a></td>\n<td></td>\n<td>内容区</td>\n</tr>\n<tr>\n<td>tabs[x].hash</td>\n<td><code>string</code></td>\n<td></td>\n<td>设置以后将跟 url 的 hash 对应</td>\n</tr>\n<tr>\n<td>tabs[x].reload</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>设置以后内容每次都会重新渲染，对于 crud 的重新拉取很有用</td>\n</tr>\n<tr>\n<td>tabs[x].unmountOnExit</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>每次退出都会销毁当前tab栏内容</td>\n</tr>\n<tr>\n<td>tabs[x].className</td>\n<td><code>string</code></td>\n<td><code>&quot;bg-white b-l b-r b-b wrapper-md&quot;</code></td>\n<td>Tab 区域样式</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"tabs\",\n    \"tabs\": [\n        {\n            \"title\": \"Tab 1\",\n            \"tab\": \"Content 1\"\n        },\n\n        {\n            \"title\": \"Tab 2\",\n            \"tab\": \"Content 2\"\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Tabs.md\">/docs/renderers/Tabs.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Tasks.html b/gh-pages/docs/renderers/Tasks.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Tasks.html
+++ b/gh-pages/docs/renderers/Tasks.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Tasks_3143aa6.js b/gh-pages/docs/renderers/Tasks_bea117d.js
similarity index 95%
rename from gh-pages/docs/renderers/Tasks_3143aa6.js
rename to gh-pages/docs/renderers/Tasks_bea117d.js
index ef7c5a2a1..738447acf 100644
--- a/gh-pages/docs/renderers/Tasks_3143aa6.js
+++ b/gh-pages/docs/renderers/Tasks_bea117d.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Tasks.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"tasks\" href=\"#tasks\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tasks</h2><p>任务操作集合，类似于 orp 上线。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"tasks\",\n    \"name\": \"tasks\",\n    \"items\": [\n        {\n            \"label\": \"hive 任务\",\n            \"key\": \"hive\",\n            \"status\": 4,\n            \"remark\": \"查看详情<a target=\\\"_blank\\\" href=\\\"http://www.baidu.com\\\">日志</a>。\"\n        },\n        {\n            \"label\": \"小流量\",\n            \"key\": \"partial\",\n            \"status\": 4\n        },\n         {\n             \"label\": \"全量\",\n             \"key\": \"full\",\n             \"status\": 4\n         }\n    ]\n}\n</script></div>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;tasks&quot;</code></td>\n<td>指定为 Tasks 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>tableClassName</td>\n<td><code>string</code></td>\n<td></td>\n<td>table Dom 的类名</td>\n</tr>\n<tr>\n<td>items</td>\n<td><code>Array</code></td>\n<td></td>\n<td>任务列表</td>\n</tr>\n<tr>\n<td>items[x].label</td>\n<td><code>string</code></td>\n<td></td>\n<td>任务名称</td>\n</tr>\n<tr>\n<td>items[x].key</td>\n<td><code>string</code></td>\n<td></td>\n<td>任务键值，请唯一区分</td>\n</tr>\n<tr>\n<td>items[x].remark</td>\n<td><code>string</code></td>\n<td></td>\n<td>当前任务状态，支持 html</td>\n</tr>\n<tr>\n<td>items[x].status</td>\n<td><code>string</code></td>\n<td></td>\n<td>任务状态： 0: 初始状态，不可操作。1: 就绪，可操作状态。2: 进行中，还没有结束。3：有错误，不可重试。4: 已正常结束。5：有错误，且可以重试。</td>\n</tr>\n<tr>\n<td>checkApi</td>\n<td><a href=\"/amis/docs/renderers/Types#api\">api</a></td>\n<td></td>\n<td>返回任务列表，返回的数据请参考 items。</td>\n</tr>\n<tr>\n<td>submitApi</td>\n<td><a href=\"/amis/docs/renderers/Types#api\">api</a></td>\n<td></td>\n<td>提交任务使用的 API</td>\n</tr>\n<tr>\n<td>reSubmitApi</td>\n<td><a href=\"/amis/docs/renderers/Types#api\">api</a></td>\n<td></td>\n<td>如果任务失败，且可以重试，提交的时候会使用此 API</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>当有任务进行中，会每隔一段时间再次检测，而时间间隔就是通过此项配置，默认 3s。</td>\n</tr>\n<tr>\n<td>taskNameLabel</td>\n<td><code>string</code></td>\n<td>任务名称</td>\n<td>任务名称列说明</td>\n</tr>\n<tr>\n<td>operationLabel</td>\n<td><code>string</code></td>\n<td>操作</td>\n<td>操作列说明</td>\n</tr>\n<tr>\n<td>statusLabel</td>\n<td><code>string</code></td>\n<td>状态</td>\n<td>状态列说明</td>\n</tr>\n<tr>\n<td>remarkLabel</td>\n<td><code>string</code></td>\n<td>备注</td>\n<td>备注列说明</td>\n</tr>\n<tr>\n<td>btnText</td>\n<td><code>string</code></td>\n<td>上线</td>\n<td>操作按钮文字</td>\n</tr>\n<tr>\n<td>retryBtnText</td>\n<td><code>string</code></td>\n<td>重试</td>\n<td>重试操作按钮文字</td>\n</tr>\n<tr>\n<td>btnClassName</td>\n<td><code>string</code></td>\n<td><code>btn-sm btn-default</code></td>\n<td>配置容器按钮 className</td>\n</tr>\n<tr>\n<td>retryBtnClassName</td>\n<td><code>string</code></td>\n<td><code>btn-sm btn-danger</code></td>\n<td>配置容器重试按钮 className</td>\n</tr>\n<tr>\n<td>statusLabelMap</td>\n<td><code>array</code></td>\n<td><code>[&quot;label-warning&quot;, &quot;label-info&quot;, &quot;label-success&quot;, &quot;label-danger&quot;, &quot;label-default&quot;, &quot;label-danger&quot;]</code></td>\n<td>状态显示对应的类名配置</td>\n</tr>\n<tr>\n<td>statusTextMap</td>\n<td><code>array</code></td>\n<td><code>[&quot;未开始&quot;, &quot;就绪&quot;, &quot;进行中&quot;, &quot;出错&quot;, &quot;已完成&quot;, &quot;出错&quot;]</code></td>\n<td>状态显示对应的文字显示配置</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n{\n    \"type\": \"tasks\",\n    \"name\": \"tasks\",\n    \"checkApi\": \"https://houtai.baidu.com/api/mock2/task\"\n},\n\n\"为了演示，目前获取的状态都是随机出现的。\"]\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"tasks\" href=\"#tasks\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tasks</h2><p>任务操作集合，类似于 orp 上线。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"tasks\",\n    \"name\": \"tasks\",\n    \"items\": [\n        {\n            \"label\": \"hive 任务\",\n            \"key\": \"hive\",\n            \"status\": 4,\n            \"remark\": \"查看详情<a target=\\\"_blank\\\" href=\\\"http://www.baidu.com\\\">日志</a>。\"\n        },\n        {\n            \"label\": \"小流量\",\n            \"key\": \"partial\",\n            \"status\": 4\n        },\n         {\n             \"label\": \"全量\",\n             \"key\": \"full\",\n             \"status\": 4\n         }\n    ]\n}\n</script></div>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;tasks&quot;</code></td>\n<td>指定为 Tasks 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>tableClassName</td>\n<td><code>string</code></td>\n<td></td>\n<td>table Dom 的类名</td>\n</tr>\n<tr>\n<td>items</td>\n<td><code>Array</code></td>\n<td></td>\n<td>任务列表</td>\n</tr>\n<tr>\n<td>items[x].label</td>\n<td><code>string</code></td>\n<td></td>\n<td>任务名称</td>\n</tr>\n<tr>\n<td>items[x].key</td>\n<td><code>string</code></td>\n<td></td>\n<td>任务键值，请唯一区分</td>\n</tr>\n<tr>\n<td>items[x].remark</td>\n<td><code>string</code></td>\n<td></td>\n<td>当前任务状态，支持 html</td>\n</tr>\n<tr>\n<td>items[x].status</td>\n<td><code>string</code></td>\n<td></td>\n<td>任务状态： 0: 初始状态，不可操作。1: 就绪，可操作状态。2: 进行中，还没有结束。3：有错误，不可重试。4: 已正常结束。5：有错误，且可以重试。</td>\n</tr>\n<tr>\n<td>checkApi</td>\n<td><a href=\"/amis/docs/renderers/Types#api\">api</a></td>\n<td></td>\n<td>返回任务列表，返回的数据请参考 items。</td>\n</tr>\n<tr>\n<td>submitApi</td>\n<td><a href=\"/amis/docs/renderers/Types#api\">api</a></td>\n<td></td>\n<td>提交任务使用的 API</td>\n</tr>\n<tr>\n<td>reSubmitApi</td>\n<td><a href=\"/amis/docs/renderers/Types#api\">api</a></td>\n<td></td>\n<td>如果任务失败，且可以重试，提交的时候会使用此 API</td>\n</tr>\n<tr>\n<td>interval</td>\n<td><code>number</code></td>\n<td><code>3000</code></td>\n<td>当有任务进行中，会每隔一段时间再次检测，而时间间隔就是通过此项配置，默认 3s。</td>\n</tr>\n<tr>\n<td>taskNameLabel</td>\n<td><code>string</code></td>\n<td>任务名称</td>\n<td>任务名称列说明</td>\n</tr>\n<tr>\n<td>operationLabel</td>\n<td><code>string</code></td>\n<td>操作</td>\n<td>操作列说明</td>\n</tr>\n<tr>\n<td>statusLabel</td>\n<td><code>string</code></td>\n<td>状态</td>\n<td>状态列说明</td>\n</tr>\n<tr>\n<td>remarkLabel</td>\n<td><code>string</code></td>\n<td>备注</td>\n<td>备注列说明</td>\n</tr>\n<tr>\n<td>btnText</td>\n<td><code>string</code></td>\n<td>上线</td>\n<td>操作按钮文字</td>\n</tr>\n<tr>\n<td>retryBtnText</td>\n<td><code>string</code></td>\n<td>重试</td>\n<td>重试操作按钮文字</td>\n</tr>\n<tr>\n<td>btnClassName</td>\n<td><code>string</code></td>\n<td><code>btn-sm btn-default</code></td>\n<td>配置容器按钮 className</td>\n</tr>\n<tr>\n<td>retryBtnClassName</td>\n<td><code>string</code></td>\n<td><code>btn-sm btn-danger</code></td>\n<td>配置容器重试按钮 className</td>\n</tr>\n<tr>\n<td>statusLabelMap</td>\n<td><code>array</code></td>\n<td><code>[&quot;label-warning&quot;, &quot;label-info&quot;, &quot;label-success&quot;, &quot;label-danger&quot;, &quot;label-default&quot;, &quot;label-danger&quot;]</code></td>\n<td>状态显示对应的类名配置</td>\n</tr>\n<tr>\n<td>statusTextMap</td>\n<td><code>array</code></td>\n<td><code>[&quot;未开始&quot;, &quot;就绪&quot;, &quot;进行中&quot;, &quot;出错&quot;, &quot;已完成&quot;, &quot;出错&quot;]</code></td>\n<td>状态显示对应的文字显示配置</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">[\n{\n    \"type\": \"tasks\",\n    \"name\": \"tasks\",\n    \"checkApi\": \"https://houtai.baidu.com/api/mock2/task\"\n},\n\n\"为了演示，目前获取的状态都是随机出现的。\"]\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Tasks.md\">/docs/renderers/Tasks.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Tpl.html b/gh-pages/docs/renderers/Tpl.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Tpl.html
+++ b/gh-pages/docs/renderers/Tpl.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Tpl_43501a2.js b/gh-pages/docs/renderers/Tpl_105513c.js
similarity index 96%
rename from gh-pages/docs/renderers/Tpl_43501a2.js
rename to gh-pages/docs/renderers/Tpl_105513c.js
index 4a1cd250c..c7daaf9bd 100644
--- a/gh-pages/docs/renderers/Tpl_43501a2.js
+++ b/gh-pages/docs/renderers/Tpl_105513c.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Tpl.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"tpl\" href=\"#tpl\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tpl</h2><p>tpl 类型的渲染器支持用 JS 模板引擎来组织输出，采用的 lodash 的 <a href=\"https://lodash.com/docs/4.15.0#template\">template</a>，关于语法部分，请前往 lodash 文档页面。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"data\": {\n    \"user\": \"no one\",\n    \"items\": [\n      \"A\",\n      \"B\",\n      \"C\"\n    ]\n  },\n  \"body\": [\n    {\n      \"type\": \"tpl\",\n      \"tpl\": \"User: <%= data.user%>\"\n    },\n    {\n      \"type\": \"tpl\",\n      \"inline\": false,\n      \"tpl\": \"<% if (data.items && data.items.length) { %>Array: <% data.items.forEach(function(item) { %> <span class='label label-default'><%= item %></span> <% }); %><% } %>\"\n    }\n  ]\n}\n</script></div>\n<p>仔细看示例不难发现，语法跟 ejs 很像，<code>&lt;% 这里面是 js 语句 %&gt;</code>，所以只要会写 js，做页面渲染没有什么问题。另外以下是一些可用 js 方法。</p>\n<ul>\n<li><code>formatDate(value, format=&#39;LLL&#39;, inputFormat=&#39;&#39;)</code> 格式化时间格式，关于 format 请前往 <a href=\"http://momentjs.com/\">moment</a> 文档页面。</li>\n<li><code>formatTimeStamp(value, format=&#39;LLL&#39;)</code> 格式化时间戳为字符串。</li>\n<li><code>formatNumber(number)</code> 格式化数字格式，加上千分位。</li>\n<li><code>countDown(value)</code> 倒计时，显示离指定时间还剩下多少天，只支持时间戳。</li>\n<li>下面 filters 中的方法也可以使用如： <code>&lt;%= date(data.xxx, &#39;YYYY-MM-DD&#39;)%&gt;</code></li>\n<li>可以联系我们添加更多公用方法。</li>\n</ul>\n<p>如：</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"user\"</span>: <span class=\"hljs-string\">\"no one\"</span>\n    },\n    <span class=\"hljs-attr\">\"body\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"tpl\"</span>,\n        <span class=\"hljs-attr\">\"tpl\"</span>: <span class=\"hljs-string\">\"User: &lt;%= formatDate(data.time, 'YYYY-MM-DD') %&gt;\"</span>\n    }\n}\n</code></pre>\n<p>如果只想简单取下变量，可以用 <code>$xxx</code> 或者 <code>${xxx}</code>。同时如果不指定渲染器类型，默认就是 <code>tpl</code>, 所以以上示例可以简化为。</p>\n<blockquote>\n<p>取值支持多级，如果层级比较深可以用 <code>.</code> 来分割如： <code>${xx.xxx.xx}</code>\n另外 <code>$&amp;</code> 表示直接获取当前的 <code>data</code>。</p>\n</blockquote>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"data\": {\n    \"user\": \"no one\"\n  },\n  \"body\": \"User: $user\"\n}\n</script></div>\n<p><code>注意：$xxx 与 &lt;%= data.xxx %&gt; 这两种语法不能同时使用，只有一种有效，所以不要交叉使用。</code></p>\n<p>通过 <code>$xxx</code> 取到的值，默认是会做 html 转义的，也就是说  <code>$xxx</code> 完全等价于 <code>${xxx | html}</code>, 如果你想什么都不做，那么请这么写 <code>${xxx | raw}</code>。</p>\n<p>从上面的语法可以看出来，取值时是支持指定 filter 的，那么有哪些 filter 呢？</p>\n<ul>\n<li><code>html</code> 转义 html 如：<code>${xxx|html}</code>。</li>\n<li><code>json</code> json stringify。</li>\n<li><code>raw</code> 表示不转换, 原样输出。</li>\n<li><code>date</code> 做日期转换如： <code>${xxx | date:YYYY-MM-DD}</code></li>\n<li><code>number</code> 自动给数字加千分位。<code>${xxx | number}</code> <code>9999</code> =&gt; <code>9,999</code></li>\n<li><code>trim</code> 把前后多余的空格去掉。</li>\n<li><code>percent</code> 格式化成百分比。<code>${xxx | percent}</code> <code>0.8232343</code> =&gt; <code>82.32%</code></li>\n<li><code>round</code> 四舍五入取整。</li>\n<li><code>truncate</code> 切除， 当超出 200 个字符时，后面的部分直接显示 ...。 <code>${desc | truncate:500:...}</code></li>\n<li><code>url_encode</code> 做 url encode 转换。</li>\n<li><code>url_decode</code> 做 url decode 转换。</li>\n<li><code>default</code> 当值为空时，显示其他值代替。 <code>${xxx | default:-}</code> 当为空时显示 <code>-</code></li>\n<li><code>join</code> 当值是 array 时，可以把内容连起来。\\${xxx | join:,}</li>\n<li><code>first</code> 获取数组的第一个成员。</li>\n<li><code>last</code> 获取数组的最后一个成员。</li>\n<li><code>pick</code> 如果是对象则从当前值中再次查找值如： <code>${xxx|pick:yyy}</code> 等价于 <code>${xxx.yyy}</code>。如果是数组，则做 map 操作，操作完后还是数组，不过成员已经变成了你选择的东西。如: <code>${xxx|pick:yyy}</code> 如果 xxx 的值为 <code>[{xxx: 1, yyy: 2}]</code> 经过处理后就是 <code>[{yyy: 2}]</code>。更复杂的用法： <code>${xxx|pick:a~xxx,b~yyy}</code> 经过处理就是 <code>[{a:1, b: 2}]</code></li>\n<li><code>split</code> 可以将字符传通过分隔符分离成数组，默认分隔符为 <code>,</code> 如： <code>${ids|split|last}</code> 即取一段用逗号分割的数值中的最后一个。</li>\n<li><code>nth</code> 取数组中的第 n 个成员。如： <code>${ids|split|nth:1}</code></li>\n<li><code>str2date</code> 请参考 <a href=\"/amis/docs/renderers/Date\">date</a> 中日期默认值的设置格式。</li>\n<li><code>duration</code> 格式化成时间端如：<code>2</code> -=&gt; <code>2秒</code> <code>67</code> =&gt; <code>1分7秒</code> <code>1111111</code> =&gt; <code>13天21时39分31秒</code></li>\n<li><code>asArray</code> 将数据包成数组如： <code>a</code> =&gt; <code>[a]</code></li>\n<li><code>lowerCase</code> 转小写</li>\n<li><code>upperCase</code> 转大写</li>\n<li><code>base64Encode</code> base64 转码</li>\n<li><code>base64Decode</code> base64 解码</li>\n</ul>\n<p>组合使用。</p>\n<ul>\n<li><code>${&amp;|json|html}</code> 把当前可用的数据全部打印出来。<code>$&amp;</code> 取当前值，json 做 json stringify，然后 html 转义。</li>\n<li><code>${rows:first|pick:id}</code> 把 rows 中的第一条数据中的 id 取到。</li>\n<li><code>${rows|pick:id|join:,}</code></li>\n</ul>\n<p>没有找到合适的？可以自定义 filter。如果是 AMIS 平台用户，可以将以下代码加入到自定义组件中，如果不是请想办法插入以下代码。</p>\n<pre><code class=\"lang-js\"><span class=\"hljs-keyword\">import</span> {registerFilter} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis'</span>;\n\nregisterFilter(<span class=\"hljs-string\">'my-filter'</span>, <span class=\"hljs-function\">(<span class=\"hljs-params\">input:<span class=\"hljs-built_in\">string</span></span>) =&gt;</span> <span class=\"hljs-string\">`<span class=\"hljs-subst\">${input}</span>Boom`</span>);\n</code></pre>\n<p>加入成功后就可以这样使用了 <code>${xxx | my-filter}</code>。 如果 <code>xxx</code> 的值是 <code>abc</code> 那么输出将会是 <code>abcBoom</code>。</p>\n",
+    "html": "<h2><a class=\"anchor\" name=\"tpl\" href=\"#tpl\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Tpl</h2><p>tpl 类型的渲染器支持用 JS 模板引擎来组织输出，采用的 lodash 的 <a href=\"https://lodash.com/docs/4.15.0#template\">template</a>，关于语法部分，请前往 lodash 文档页面。</p>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"data\": {\n    \"user\": \"no one\",\n    \"items\": [\n      \"A\",\n      \"B\",\n      \"C\"\n    ]\n  },\n  \"body\": [\n    {\n      \"type\": \"tpl\",\n      \"tpl\": \"User: <%= data.user%>\"\n    },\n    {\n      \"type\": \"tpl\",\n      \"inline\": false,\n      \"tpl\": \"<% if (data.items && data.items.length) { %>Array: <% data.items.forEach(function(item) { %> <span class='label label-default'><%= item %></span> <% }); %><% } %>\"\n    }\n  ]\n}\n</script></div>\n<p>仔细看示例不难发现，语法跟 ejs 很像，<code>&lt;% 这里面是 js 语句 %&gt;</code>，所以只要会写 js，做页面渲染没有什么问题。另外以下是一些可用 js 方法。</p>\n<ul>\n<li><code>formatDate(value, format=&#39;LLL&#39;, inputFormat=&#39;&#39;)</code> 格式化时间格式，关于 format 请前往 <a href=\"http://momentjs.com/\">moment</a> 文档页面。</li>\n<li><code>formatTimeStamp(value, format=&#39;LLL&#39;)</code> 格式化时间戳为字符串。</li>\n<li><code>formatNumber(number)</code> 格式化数字格式，加上千分位。</li>\n<li><code>countDown(value)</code> 倒计时，显示离指定时间还剩下多少天，只支持时间戳。</li>\n<li>下面 filters 中的方法也可以使用如： <code>&lt;%= date(data.xxx, &#39;YYYY-MM-DD&#39;)%&gt;</code></li>\n<li>可以联系我们添加更多公用方法。</li>\n</ul>\n<p>如：</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"user\"</span>: <span class=\"hljs-string\">\"no one\"</span>\n    },\n    <span class=\"hljs-attr\">\"body\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"tpl\"</span>,\n        <span class=\"hljs-attr\">\"tpl\"</span>: <span class=\"hljs-string\">\"User: &lt;%= formatDate(data.time, 'YYYY-MM-DD') %&gt;\"</span>\n    }\n}\n</code></pre>\n<p>如果只想简单取下变量，可以用 <code>$xxx</code> 或者 <code>${xxx}</code>。同时如果不指定渲染器类型，默认就是 <code>tpl</code>, 所以以上示例可以简化为。</p>\n<blockquote>\n<p>取值支持多级，如果层级比较深可以用 <code>.</code> 来分割如： <code>${xx.xxx.xx}</code>\n另外 <code>$&amp;</code> 表示直接获取当前的 <code>data</code>。</p>\n</blockquote>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\">{\n  \"data\": {\n    \"user\": \"no one\"\n  },\n  \"body\": \"User: $user\"\n}\n</script></div>\n<p><code>注意：$xxx 与 &lt;%= data.xxx %&gt; 这两种语法不能同时使用，只有一种有效，所以不要交叉使用。</code></p>\n<p>通过 <code>$xxx</code> 取到的值，默认是会做 html 转义的，也就是说  <code>$xxx</code> 完全等价于 <code>${xxx | html}</code>, 如果你想什么都不做，那么请这么写 <code>${xxx | raw}</code>。</p>\n<p>从上面的语法可以看出来，取值时是支持指定 filter 的，那么有哪些 filter 呢？</p>\n<ul>\n<li><code>html</code> 转义 html 如：<code>${xxx|html}</code>。</li>\n<li><code>json</code> json stringify。</li>\n<li><code>raw</code> 表示不转换, 原样输出。</li>\n<li><code>date</code> 做日期转换如： <code>${xxx | date:YYYY-MM-DD}</code></li>\n<li><code>number</code> 自动给数字加千分位。<code>${xxx | number}</code> <code>9999</code> =&gt; <code>9,999</code></li>\n<li><code>trim</code> 把前后多余的空格去掉。</li>\n<li><code>percent</code> 格式化成百分比。<code>${xxx | percent}</code> <code>0.8232343</code> =&gt; <code>82.32%</code></li>\n<li><code>round</code> 四舍五入取整。</li>\n<li><code>truncate</code> 切除， 当超出 200 个字符时，后面的部分直接显示 ...。 <code>${desc | truncate:500:...}</code></li>\n<li><code>url_encode</code> 做 url encode 转换。</li>\n<li><code>url_decode</code> 做 url decode 转换。</li>\n<li><code>default</code> 当值为空时，显示其他值代替。 <code>${xxx | default:-}</code> 当为空时显示 <code>-</code></li>\n<li><code>join</code> 当值是 array 时，可以把内容连起来。\\${xxx | join:,}</li>\n<li><code>first</code> 获取数组的第一个成员。</li>\n<li><code>last</code> 获取数组的最后一个成员。</li>\n<li><code>pick</code> 如果是对象则从当前值中再次查找值如： <code>${xxx|pick:yyy}</code> 等价于 <code>${xxx.yyy}</code>。如果是数组，则做 map 操作，操作完后还是数组，不过成员已经变成了你选择的东西。如: <code>${xxx|pick:yyy}</code> 如果 xxx 的值为 <code>[{xxx: 1, yyy: 2}]</code> 经过处理后就是 <code>[{yyy: 2}]</code>。更复杂的用法： <code>${xxx|pick:a~xxx,b~yyy}</code> 经过处理就是 <code>[{a:1, b: 2}]</code></li>\n<li><code>split</code> 可以将字符传通过分隔符分离成数组，默认分隔符为 <code>,</code> 如： <code>${ids|split|last}</code> 即取一段用逗号分割的数值中的最后一个。</li>\n<li><code>nth</code> 取数组中的第 n 个成员。如： <code>${ids|split|nth:1}</code></li>\n<li><code>str2date</code> 请参考 <a href=\"/amis/docs/renderers/Date\">date</a> 中日期默认值的设置格式。</li>\n<li><code>duration</code> 格式化成时间端如：<code>2</code> -=&gt; <code>2秒</code> <code>67</code> =&gt; <code>1分7秒</code> <code>1111111</code> =&gt; <code>13天21时39分31秒</code></li>\n<li><code>asArray</code> 将数据包成数组如： <code>a</code> =&gt; <code>[a]</code></li>\n<li><code>lowerCase</code> 转小写</li>\n<li><code>upperCase</code> 转大写</li>\n<li><code>base64Encode</code> base64 转码</li>\n<li><code>base64Decode</code> base64 解码</li>\n</ul>\n<p>组合使用。</p>\n<ul>\n<li><code>${&amp;|json|html}</code> 把当前可用的数据全部打印出来。<code>$&amp;</code> 取当前值，json 做 json stringify，然后 html 转义。</li>\n<li><code>${rows:first|pick:id}</code> 把 rows 中的第一条数据中的 id 取到。</li>\n<li><code>${rows|pick:id|join:,}</code></li>\n</ul>\n<p>没有找到合适的？可以自定义 filter。如果是 AMIS 平台用户，可以将以下代码加入到自定义组件中，如果不是请想办法插入以下代码。</p>\n<pre><code class=\"lang-js\"><span class=\"hljs-keyword\">import</span> {registerFilter} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis'</span>;\n\nregisterFilter(<span class=\"hljs-string\">'my-filter'</span>, <span class=\"hljs-function\">(<span class=\"hljs-params\">input:<span class=\"hljs-built_in\">string</span></span>) =&gt;</span> <span class=\"hljs-string\">`<span class=\"hljs-subst\">${input}</span>Boom`</span>);\n</code></pre>\n<p>加入成功后就可以这样使用了 <code>${xxx | my-filter}</code>。 如果 <code>xxx</code> 的值是 <code>abc</code> 那么输出将会是 <code>abcBoom</code>。</p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Tpl.md\">/docs/renderers/Tpl.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Types.html b/gh-pages/docs/renderers/Types.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Types.html
+++ b/gh-pages/docs/renderers/Types.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Types_01126a0.js b/gh-pages/docs/renderers/Types_df42ab5.js
similarity index 67%
rename from gh-pages/docs/renderers/Types_01126a0.js
rename to gh-pages/docs/renderers/Types_df42ab5.js
index 05934c3af..31abcc8e2 100644
--- a/gh-pages/docs/renderers/Types_01126a0.js
+++ b/gh-pages/docs/renderers/Types_df42ab5.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Types.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"%E7%B1%BB%E5%9E%8B%E8%AF%B4%E6%98%8E\" href=\"#%E7%B1%BB%E5%9E%8B%E8%AF%B4%E6%98%8E\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>类型说明</h2><h3><a class=\"anchor\" name=\"container\" href=\"#container\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Container</h3><p>Container 不是一个特定的渲染器，而是 amis 中一个特殊类型，它是以下类型的任何一种。</p>\n<ul>\n<li><code>String</code> 字符串，可以包含 <code>html</code> 片段。</li>\n<li><code>Object</code> 指定一个渲染器如： <code>{&quot;type&quot;: &quot;button&quot;, &quot;label&quot;: &quot;按钮&quot;}</code></li>\n<li><code>Array</code> 还可以是一个数组，数组的成员可以就是一个 <code>Container</code>.</li>\n</ul>\n<p>示例:</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"container\"</span>: <span class=\"hljs-string\">\"普通一段字符串\"</span>\n}\n</code></pre>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"container\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"button\"</span>,\n        <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"按钮\"</span>\n    }\n}\n</code></pre>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"container\"</span>: [\n        <span class=\"hljs-string\">\"普通一段字符串\"</span>,\n\n        {\n            <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"button\"</span>,\n            <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"按钮\"</span>\n        },\n\n        [<span class=\"hljs-string\">\"普通一段字符串\"</span>, <span class=\"hljs-string\">\"普通一段字符串\"</span>]\n    ]\n}\n</code></pre>\n<h3><a class=\"anchor\" name=\"api\" href=\"#api\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>API</h3><p>Api 类型可以是字符串或者对象。API 中可以直接设置数据发送结构，注意看示例。</p>\n<ul>\n<li><p><code>String</code> <code>[&lt;type&gt;:]&lt;url&gt;</code></p>\n<ul>\n<li><code>&lt;type&gt;</code> 可以是： <code>get</code>、<code>post</code>、<code>put</code>、<code>delete</code>或者<code>raw</code></li>\n<li><code>&lt;url&gt;</code> 即 api 地址，支持通过 <code>$key</code> 取变量。</li>\n</ul>\n<p>如：</p>\n<pre><code>  * `<span class=\"hljs-string\">get:</span><span class=\"hljs-string\">http:</span><span class=\"hljs-comment\">//imis.tieba.baidu.com/yule/list?start=$startTime&amp;end=$endTime`</span>\n  * `<span class=\"hljs-string\">get:</span><span class=\"hljs-string\">http:</span><span class=\"hljs-comment\">//imis.tieba.baidu.com/yule/list?$$` 拿所有可用数据。</span>\n  * `<span class=\"hljs-string\">get:</span><span class=\"hljs-string\">http:</span><span class=\"hljs-comment\">//imis.tieba.baidu.com/yule/list?data=$$` 拿所有可用数据。</span>\n</code></pre></li>\n<li><p><code>Object</code></p>\n<ul>\n<li><code>url</code> api 地址</li>\n<li><code>method</code> 可以是：<code>get</code>、<code>post</code>、<code>put</code>或者<code>delete</code></li>\n<li><code>data</code> 数据体</li>\n<li><code>headers</code> 头部，配置方式和 data 配置一样，下面不详讲。如果要使用，请前往群组系统配置中，添加允许。</li>\n</ul>\n<p>如：</p>\n<p>取某个变量。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"start\"</span>: <span class=\"hljs-string\">\"$startTime\"</span>\n    }\n}\n</code></pre>\n<p>直接将所有可用数据映射给 all 变量。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"all\"</span>: <span class=\"hljs-string\">\"$$\"</span>\n    }\n}\n</code></pre>\n<p>正常如果指定了 data，则只会发送 data 指定的数据了，如果想要保留原有数据，只定制修改一部分。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-string\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-string\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-string\">\"data\"</span>: {\n        <span class=\"hljs-string\">\"&amp;\"</span>: <span class=\"hljs-string\">\"$$\"</span>, // 原来的数据先 copy 过来。\n        <span class=\"hljs-string\">\"a\"</span>: <span class=\"hljs-string\">\"123\"</span>,\n        <span class=\"hljs-string\">\"b\"</span>: <span class=\"hljs-string\">\"${b}\"</span>\n    }\n}\n</code></pre>\n<p>如果目标变量是数组，而发送的数据，有不希望把成员全部发送过去，可以这样配置。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"all\"</span>: {\n            <span class=\"hljs-attr\">\"$rows\"</span>: {\n                <span class=\"hljs-attr\">\"a\"</span>: <span class=\"hljs-string\">\"$a\"</span>,\n                <span class=\"hljs-attr\">\"b\"</span>: <span class=\"hljs-string\">\"$b\"</span>\n            }\n        }\n    }\n}\n</code></pre>\n<p>如果 \\$rows 的结构为 <code>[{a: 1, b: 2, c: 3, d: 4}, {a: 1, b: 2, c: 3, d: 4}]</code>, 经过上述映射后，实际发送的数据为 <code>{all: [{a: 1, b:2}, {a: 1, b: 2}]}</code></p>\n</li>\n</ul>\n<p><strong> 注意 </strong></p>\n<p>amis 所有值为 url 的如： <code>&quot;http://www.baidu.com&quot;</code> 都会被替换成 proxy 代理，如果不希望这么做，请明确指示如： <code>&quot;raw:http://www.baidu.com&quot;</code>。还有为了安全，amis 默认只能转发公司内部 API 接口，如果您的接口在外网环境，也请明确指示如：<code>&quot;external:http://www.baidu.com&quot;</code></p>\n<h3><a class=\"anchor\" name=\"%E8%A1%A8%E8%BE%BE%E5%BC%8F\" href=\"#%E8%A1%A8%E8%BE%BE%E5%BC%8F\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>表达式</h3><p>配置项中，所有 <code>boolean</code> 类型的配置，都可以用 JS 表达式来配置。所有<code>boolean</code> 配置项，后面加个 <code>On</code> 则是表达式配置方式，可以用 js 语法来根据当前模型中的数据来决定是否启用。\n如：<a href=\"/amis/docs/renderers/FormItem\">FormItem</a> 中的 <code>disabledOn</code>、<code>hiddenOn</code>、<code>visibleOn</code>、<a href=\"/amis/docs/renderers/CRUD\">CRUD</a> 中的 <code>itemDraggableOn</code> 等等。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n    {\n        \"type\": \"radios\",\n        \"name\": \"foo\",\n        \"inline\": true,\n        \"label\": \" \",\n        \"options\": [\n            {\n                \"label\": \"类型1\",\n                \"value\": 1\n            },\n            {\n                \"label\": \"类型2\",\n                \"value\": 2\n            },\n            {\n                \"label\": \"类型3\",\n                \"value\": 3\n            }\n        ]\n    },\n\n    {\n        \"type\": \"text\",\n        \"name\": \"text\",\n        \"placeholder\": \"类型1 可见\",\n        \"visibleOn\": \"data.foo == 1\"\n    },\n\n     {\n         \"type\": \"text\",\n         \"name\": \"text2\",\n         \"placeholder\": \"类型2 不可点\",\n         \"disabledOn\": \"data.foo == 2\"\n     },\n\n   {\n       \"type\": \"button\",\n       \"label\": \"类型三不能提交\",\n       \"level\": \"primary\",\n       \"disabledOn\": \"data.foo == 3\"\n   }\n\n]\n</script></div>\n<p>为了能加入权限控制，表达是中允许可以用 <code>acl.can</code> 方法来检测当前用户是否拥有某个权限。\n如： <code>{&quot;disabledOn&quot;: &quot;!can(&#39;some-resource&#39;)&quot;}</code>。权限能力部分，请前往<a href=\"/docs/manual#%E8%83%BD%E5%8A%9B%E7%AE%A1%E7%90%86\">能力管理</a>，\n权限配置请前往<a href=\"/docs/manual#%E6%9D%83%E9%99%90%E9%85%8D%E7%BD%AE\">权限配置</a>管理。</p>\n",
+    "html": "<h2><a class=\"anchor\" name=\"%E7%B1%BB%E5%9E%8B%E8%AF%B4%E6%98%8E\" href=\"#%E7%B1%BB%E5%9E%8B%E8%AF%B4%E6%98%8E\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>类型说明</h2><h3><a class=\"anchor\" name=\"container\" href=\"#container\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Container</h3><p>Container 不是一个特定的渲染器，而是 amis 中一个特殊类型，它是以下类型的任何一种。</p>\n<ul>\n<li><code>String</code> 字符串，可以包含 <code>html</code> 片段。</li>\n<li><code>Object</code> 指定一个渲染器如： <code>{&quot;type&quot;: &quot;button&quot;, &quot;label&quot;: &quot;按钮&quot;}</code></li>\n<li><code>Array</code> 还可以是一个数组，数组的成员可以就是一个 <code>Container</code>.</li>\n</ul>\n<p>示例:</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"container\"</span>: <span class=\"hljs-string\">\"普通一段字符串\"</span>\n}\n</code></pre>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"container\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"button\"</span>,\n        <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"按钮\"</span>\n    }\n}\n</code></pre>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"container\"</span>: [\n        <span class=\"hljs-string\">\"普通一段字符串\"</span>,\n\n        {\n            <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"button\"</span>,\n            <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"按钮\"</span>\n        },\n\n        [<span class=\"hljs-string\">\"普通一段字符串\"</span>, <span class=\"hljs-string\">\"普通一段字符串\"</span>]\n    ]\n}\n</code></pre>\n<h3><a class=\"anchor\" name=\"api\" href=\"#api\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>API</h3><p>Api 类型可以是字符串或者对象。API 中可以直接设置数据发送结构，注意看示例。</p>\n<ul>\n<li><p><code>String</code> <code>[&lt;type&gt;:]&lt;url&gt;</code></p>\n<ul>\n<li><code>&lt;type&gt;</code> 可以是： <code>get</code>、<code>post</code>、<code>put</code>、<code>delete</code>或者<code>raw</code></li>\n<li><code>&lt;url&gt;</code> 即 api 地址，支持通过 <code>$key</code> 取变量。</li>\n</ul>\n<p>如：</p>\n<pre><code>  * `<span class=\"hljs-string\">get:</span><span class=\"hljs-string\">http:</span><span class=\"hljs-comment\">//imis.tieba.baidu.com/yule/list?start=$startTime&amp;end=$endTime`</span>\n  * `<span class=\"hljs-string\">get:</span><span class=\"hljs-string\">http:</span><span class=\"hljs-comment\">//imis.tieba.baidu.com/yule/list?$$` 拿所有可用数据。</span>\n  * `<span class=\"hljs-string\">get:</span><span class=\"hljs-string\">http:</span><span class=\"hljs-comment\">//imis.tieba.baidu.com/yule/list?data=$$` 拿所有可用数据。</span>\n</code></pre></li>\n<li><p><code>Object</code></p>\n<ul>\n<li><code>url</code> api 地址</li>\n<li><code>method</code> 可以是：<code>get</code>、<code>post</code>、<code>put</code>或者<code>delete</code></li>\n<li><code>data</code> 数据体</li>\n<li><code>headers</code> 头部，配置方式和 data 配置一样，下面不详讲。如果要使用，请前往群组系统配置中，添加允许。</li>\n</ul>\n<p>如：</p>\n<p>取某个变量。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"start\"</span>: <span class=\"hljs-string\">\"$startTime\"</span>\n    }\n}\n</code></pre>\n<p>直接将所有可用数据映射给 all 变量。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"all\"</span>: <span class=\"hljs-string\">\"$$\"</span>\n    }\n}\n</code></pre>\n<p>正常如果指定了 data，则只会发送 data 指定的数据了，如果想要保留原有数据，只定制修改一部分。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-string\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-string\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-string\">\"data\"</span>: {\n        <span class=\"hljs-string\">\"&amp;\"</span>: <span class=\"hljs-string\">\"$$\"</span>, // 原来的数据先 copy 过来。\n        <span class=\"hljs-string\">\"a\"</span>: <span class=\"hljs-string\">\"123\"</span>,\n        <span class=\"hljs-string\">\"b\"</span>: <span class=\"hljs-string\">\"${b}\"</span>\n    }\n}\n</code></pre>\n<p>如果目标变量是数组，而发送的数据，又不希望把成员全部发送过去，可以这样配置。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"all\"</span>: {\n            <span class=\"hljs-attr\">\"$rows\"</span>: {\n                <span class=\"hljs-attr\">\"a\"</span>: <span class=\"hljs-string\">\"$a\"</span>,\n                <span class=\"hljs-attr\">\"b\"</span>: <span class=\"hljs-string\">\"$b\"</span>\n            }\n        }\n    }\n}\n</code></pre>\n<p>如果 \\$rows 的结构为 <code>[{a: 1, b: 2, c: 3, d: 4}, {a: 1, b: 2, c: 3, d: 4}]</code>, 经过上述映射后，实际发送的数据为 <code>{all: [{a: 1, b:2}, {a: 1, b: 2}]}</code></p>\n<p>如果你觉得上面的这种写法比较诡异，建议你用以下写法。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"url\"</span>: <span class=\"hljs-string\">\"http://imis.tieba.baidu.com/yule/list\"</span>,\n    <span class=\"hljs-attr\">\"method\"</span>: <span class=\"hljs-string\">\"post\"</span>,\n    <span class=\"hljs-attr\">\"data\"</span>: {\n        <span class=\"hljs-attr\">\"all\"</span>: <span class=\"hljs-string\">\"${rows|pick:a,b}\"</span>\n    }\n}\n</code></pre>\n</li>\n</ul>\n<p><strong> 注意 </strong></p>\n<p>amis 所有值为 url 的如： <code>&quot;http://www.baidu.com&quot;</code> 都会被替换成 proxy 代理，如果不希望这么做，请明确指示如： <code>&quot;raw:http://www.baidu.com&quot;</code>。还有为了安全，amis 默认只能转发公司内部 API 接口，如果您的接口在外网环境，也请明确指示如：<code>&quot;external:http://www.baidu.com&quot;</code></p>\n<h3><a class=\"anchor\" name=\"%E8%A1%A8%E8%BE%BE%E5%BC%8F\" href=\"#%E8%A1%A8%E8%BE%BE%E5%BC%8F\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>表达式</h3><p>配置项中，所有 <code>boolean</code> 类型的配置，都可以用 JS 表达式来配置。所有<code>boolean</code> 配置项，后面加个 <code>On</code> 则是表达式配置方式，可以用 js 语法来根据当前模型中的数据来决定是否启用。\n如：<a href=\"/amis/docs/renderers/FormItem\">FormItem</a> 中的 <code>disabledOn</code>、<code>hiddenOn</code>、<code>visibleOn</code>、<a href=\"/amis/docs/renderers/CRUD\">CRUD</a> 中的 <code>itemDraggableOn</code> 等等。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"form\">[\n    {\n        \"type\": \"radios\",\n        \"name\": \"foo\",\n        \"inline\": true,\n        \"label\": \" \",\n        \"options\": [\n            {\n                \"label\": \"类型1\",\n                \"value\": 1\n            },\n            {\n                \"label\": \"类型2\",\n                \"value\": 2\n            },\n            {\n                \"label\": \"类型3\",\n                \"value\": 3\n            }\n        ]\n    },\n\n    {\n        \"type\": \"text\",\n        \"name\": \"text\",\n        \"placeholder\": \"类型1 可见\",\n        \"visibleOn\": \"data.foo == 1\"\n    },\n\n     {\n         \"type\": \"text\",\n         \"name\": \"text2\",\n         \"placeholder\": \"类型2 不可点\",\n         \"disabledOn\": \"data.foo == 2\"\n     },\n\n   {\n       \"type\": \"button\",\n       \"label\": \"类型三不能提交\",\n       \"level\": \"primary\",\n       \"disabledOn\": \"data.foo == 3\"\n   }\n\n]\n</script></div>\n<p>为了能加入权限控制，表达是中允许可以用 <code>acl.can</code> 方法来检测当前用户是否拥有某个权限。\n如： <code>{&quot;disabledOn&quot;: &quot;!can(&#39;some-resource&#39;)&quot;}</code>。权限能力部分，请前往<a href=\"/docs/manual#%E8%83%BD%E5%8A%9B%E7%AE%A1%E7%90%86\">能力管理</a>，\n权限配置请前往<a href=\"/docs/manual#%E6%9D%83%E9%99%90%E9%85%8D%E7%BD%AE\">权限配置</a>管理。</p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Types.md\">/docs/renderers/Types.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Video.html b/gh-pages/docs/renderers/Video.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Video.html
+++ b/gh-pages/docs/renderers/Video.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Video_cbce707.js b/gh-pages/docs/renderers/Video_d464c53.js
similarity index 86%
rename from gh-pages/docs/renderers/Video_cbce707.js
rename to gh-pages/docs/renderers/Video_d464c53.js
index 5517b6785..33c811b89 100644
--- a/gh-pages/docs/renderers/Video_cbce707.js
+++ b/gh-pages/docs/renderers/Video_d464c53.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Video.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"video\" href=\"#video\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Video</h2><p>视频播放器。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;video&quot;</code></td>\n<td>指定为 video 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>视频地址</td>\n</tr>\n<tr>\n<td>poster</td>\n<td><code>string</code></td>\n<td></td>\n<td>视频封面地址</td>\n</tr>\n<tr>\n<td>muted</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否静音</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td></td>\n<td>倍数，格式为<code>[1.0, 1.5, 2.0]</code></td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"body\">{\n    \"type\": \"video\",\n    \"autoPlay\": false,\n    \"src\": \"raw:https://media.w3.org/2010/05/sintel/trailer_hd.mp4\",\n    \"poster\": \"raw:https://video-react.js.org/assets/poster.png\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"video\" href=\"#video\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Video</h2><p>视频播放器。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;video&quot;</code></td>\n<td>指定为 video 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>src</td>\n<td><code>string</code></td>\n<td></td>\n<td>视频地址</td>\n</tr>\n<tr>\n<td>poster</td>\n<td><code>string</code></td>\n<td></td>\n<td>视频封面地址</td>\n</tr>\n<tr>\n<td>muted</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否静音</td>\n</tr>\n<tr>\n<td>autoPlay</td>\n<td><code>boolean</code></td>\n<td></td>\n<td>是否自动播放</td>\n</tr>\n<tr>\n<td>rates</td>\n<td><code>array</code></td>\n<td></td>\n<td>倍数，格式为<code>[1.0, 1.5, 2.0]</code></td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 700px\"><script type=\"text/schema\" height=\"700\" scope=\"body\">{\n    \"type\": \"video\",\n    \"autoPlay\": false,\n    \"src\": \"raw:https://media.w3.org/2010/05/sintel/trailer_hd.mp4\",\n    \"poster\": \"raw:https://video-react.js.org/assets/poster.png\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Video.md\">/docs/renderers/Video.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Wizard.html b/gh-pages/docs/renderers/Wizard.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Wizard.html
+++ b/gh-pages/docs/renderers/Wizard.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Wizard_1b54ed9.js b/gh-pages/docs/renderers/Wizard_1aad5e6.js
similarity index 94%
rename from gh-pages/docs/renderers/Wizard_1b54ed9.js
rename to gh-pages/docs/renderers/Wizard_1aad5e6.js
index 62e4def1f..4e94c78c8 100644
--- a/gh-pages/docs/renderers/Wizard_1b54ed9.js
+++ b/gh-pages/docs/renderers/Wizard_1aad5e6.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Wizard.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"wizard\" href=\"#wizard\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Wizard</h2><p>表单向导，能够配置多个步骤引导用户一步一步完成表单提交。</p>\n<ul>\n<li><code>type</code> 请设置 <code>wizard</code>。</li>\n<li><code>mode</code> 展示模式，请选择：<code>horizontal</code> 或者 <code>vertical</code>，默认为 <code>horizontal</code>。</li>\n<li><code>api</code> 最后一步保存的接口。</li>\n<li><code>initApi</code> 初始化数据接口。</li>\n<li><code>initFetch</code> 初始是否拉取数据。</li>\n<li><code>initFetchOn</code> 初始是否拉取数据，通过表达式来配置。</li>\n<li><code>actionPrevLabel</code> 上一步按钮名称，默认：<code>上一步</code>。</li>\n<li><code>actionNextLabel</code> 下一步按钮名称<code>下一步</code>。</li>\n<li><code>actionNextSaveLabel</code> 保存并下一步按钮名称，默认：<code>保存并下一步</code>。</li>\n<li><code>actionFinishLabel</code> 完成按钮名称，默认：<code>完成</code>。</li>\n<li><code>className</code> 外层 CSS 类名。</li>\n<li><code>actionClassName</code> 按钮 CSS 类名，默认：<code>btn-sm btn-default</code>。</li>\n<li><code>reload</code> 操作完后刷新目标对象。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则让当前页面整体刷新。</li>\n<li><code>redirect</code> 操作完后跳转。</li>\n<li><code>target</code> 可以把数据提交给别的组件而不是自己保存。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则把数据同步到地址栏上，同时依赖这些数据的组件会自动重新刷新。</li>\n<li><code>steps</code> 数组，配置步骤信息。</li>\n<li><code>steps[x].title</code> 步骤标题。</li>\n<li><code>steps[x].mode</code> 展示默认，跟 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>steps[x].horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>steps[x].horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>steps[x].horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>steps[x].horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>steps[x].api</code> 当前步骤保存接口，可以不配置。</li>\n<li><code>steps[x].initApi</code> 当前步骤数据初始化接口。</li>\n<li><code>steps[x].initFetch</code> 当前步骤数据初始化接口是否初始拉取。</li>\n<li><code>steps[x].initFetchOn</code> 当前步骤数据初始化接口是否初始拉取，用表达式来决定。</li>\n<li><code>steps[x].controls</code> 当前步骤的表单项集合，请参考 <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"wizard\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=2\",\n    \"mode\": \"vertical\",\n    \"steps\": [\n        {\n            \"title\": \"第一步\",\n            \"controls\": [\n                {\n                    \"name\": \"website\",\n                    \"label\": \"网址\",\n                    \"type\": \"url\",\n                    \"required\": true\n                },\n                {\n                    \"name\": \"email\",\n                    \"label\": \"邮箱\",\n                    \"type\": \"email\",\n                    \"required\": true\n                }\n            ]\n        },\n        {\n            \"title\": \"Step 2\",\n            \"controls\": [\n                {\n                    \"name\": \"email2\",\n                    \"label\": \"邮箱\",\n                    \"type\": \"email\",\n                    \"required\": true\n                }\n            ]\n        },\n        {\n            \"title\": \"Step 3\",\n            \"controls\": [\n                \"这是最后一步了\"\n            ]\n        }\n    ]\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"wizard\" href=\"#wizard\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Wizard</h2><p>表单向导，能够配置多个步骤引导用户一步一步完成表单提交。</p>\n<ul>\n<li><code>type</code> 请设置 <code>wizard</code>。</li>\n<li><code>mode</code> 展示模式，请选择：<code>horizontal</code> 或者 <code>vertical</code>，默认为 <code>horizontal</code>。</li>\n<li><code>api</code> 最后一步保存的接口。</li>\n<li><code>initApi</code> 初始化数据接口。</li>\n<li><code>initFetch</code> 初始是否拉取数据。</li>\n<li><code>initFetchOn</code> 初始是否拉取数据，通过表达式来配置。</li>\n<li><code>actionPrevLabel</code> 上一步按钮名称，默认：<code>上一步</code>。</li>\n<li><code>actionNextLabel</code> 下一步按钮名称<code>下一步</code>。</li>\n<li><code>actionNextSaveLabel</code> 保存并下一步按钮名称，默认：<code>保存并下一步</code>。</li>\n<li><code>actionFinishLabel</code> 完成按钮名称，默认：<code>完成</code>。</li>\n<li><code>className</code> 外层 CSS 类名。</li>\n<li><code>actionClassName</code> 按钮 CSS 类名，默认：<code>btn-sm btn-default</code>。</li>\n<li><code>reload</code> 操作完后刷新目标对象。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则让当前页面整体刷新。</li>\n<li><code>redirect</code> 操作完后跳转。</li>\n<li><code>target</code> 可以把数据提交给别的组件而不是自己保存。请填写目标组件设置的 name 值，如果填写为 <code>window</code> 则把数据同步到地址栏上，同时依赖这些数据的组件会自动重新刷新。</li>\n<li><code>steps</code> 数组，配置步骤信息。</li>\n<li><code>steps[x].title</code> 步骤标题。</li>\n<li><code>steps[x].mode</code> 展示默认，跟 <a href=\"/amis/docs/renderers/Form/Form\">Form</a> 中的模式一样，选择： <code>normal</code>、<code>horizontal</code>或者<code>inline</code>。</li>\n<li><code>steps[x].horizontal</code> 当为水平模式时，用来控制左右占比。</li>\n<li><code>steps[x].horizontal.label</code> 左边 label 的宽度占比。</li>\n<li><code>steps[x].horizontal.right</code> 右边控制器的宽度占比。</li>\n<li><code>steps[x].horizontal.offset</code> 当没有设置 label 时，右边控制器的偏移量。</li>\n<li><code>steps[x].api</code> 当前步骤保存接口，可以不配置。</li>\n<li><code>steps[x].initApi</code> 当前步骤数据初始化接口。</li>\n<li><code>steps[x].initFetch</code> 当前步骤数据初始化接口是否初始拉取。</li>\n<li><code>steps[x].initFetchOn</code> 当前步骤数据初始化接口是否初始拉取，用表达式来决定。</li>\n<li><code>steps[x].controls</code> 当前步骤的表单项集合，请参考 <a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>。</li>\n</ul>\n<div class=\"amis-preview\" style=\"height: 600px\"><script type=\"text/schema\" height=\"600\" scope=\"body\">{\n    \"type\": \"wizard\",\n    \"api\": \"https://houtai.baidu.com/api/mock2/form/saveForm?waitSeconds=2\",\n    \"mode\": \"vertical\",\n    \"steps\": [\n        {\n            \"title\": \"第一步\",\n            \"controls\": [\n                {\n                    \"name\": \"website\",\n                    \"label\": \"网址\",\n                    \"type\": \"url\",\n                    \"required\": true\n                },\n                {\n                    \"name\": \"email\",\n                    \"label\": \"邮箱\",\n                    \"type\": \"email\",\n                    \"required\": true\n                }\n            ]\n        },\n        {\n            \"title\": \"Step 2\",\n            \"controls\": [\n                {\n                    \"name\": \"email2\",\n                    \"label\": \"邮箱\",\n                    \"type\": \"email\",\n                    \"required\": true\n                }\n            ]\n        },\n        {\n            \"title\": \"Step 3\",\n            \"controls\": [\n                \"这是最后一步了\"\n            ]\n        }\n    ]\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Wizard.md\">/docs/renderers/Wizard.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/Wrapper.html b/gh-pages/docs/renderers/Wrapper.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/Wrapper.html
+++ b/gh-pages/docs/renderers/Wrapper.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/Wrapper_3174303.js b/gh-pages/docs/renderers/Wrapper_2ff662d.js
similarity index 86%
rename from gh-pages/docs/renderers/Wrapper_3174303.js
rename to gh-pages/docs/renderers/Wrapper_2ff662d.js
index fe87515ac..a9ca909a7 100644
--- a/gh-pages/docs/renderers/Wrapper_3174303.js
+++ b/gh-pages/docs/renderers/Wrapper_2ff662d.js
@@ -1,7 +1,7 @@
 define('docs/renderers/Wrapper.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"wrapper\" href=\"#wrapper\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Wrapper</h2><p>简单的一个容器。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;wrapper&quot;</code></td>\n<td>指定为 Wrapper 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>支持: <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"wrapper\",\n    \"body\": \"Wrapped Body\",\n    \"className\": \"bg-white wrapper\"\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"wrapper\" href=\"#wrapper\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Wrapper</h2><p>简单的一个容器。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td><code>string</code></td>\n<td><code>&quot;wrapper&quot;</code></td>\n<td>指定为 Wrapper 渲染器</td>\n</tr>\n<tr>\n<td>className</td>\n<td><code>string</code></td>\n<td></td>\n<td>外层 Dom 的类名</td>\n</tr>\n<tr>\n<td>size</td>\n<td><code>string</code></td>\n<td></td>\n<td>支持: <code>xs</code>、<code>sm</code>、<code>md</code>和<code>lg</code></td>\n</tr>\n<tr>\n<td>body</td>\n<td><a href=\"/amis/docs/renderers/Types#container\">Container</a></td>\n<td></td>\n<td>内容容器</td>\n</tr>\n</tbody>\n</table>\n<div class=\"amis-preview\" style=\"height: 400px\"><script type=\"text/schema\" height=\"400\" scope=\"body\">{\n    \"type\": \"wrapper\",\n    \"body\": \"Wrapped Body\",\n    \"className\": \"bg-white wrapper\"\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/Wrapper.md\">/docs/renderers/Wrapper.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers/iFrame.html b/gh-pages/docs/renderers/iFrame.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/renderers/iFrame.html
+++ b/gh-pages/docs/renderers/iFrame.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/renderers/iFrame_f05d67b.js b/gh-pages/docs/renderers/iFrame_e0bdd74.js
similarity index 81%
rename from gh-pages/docs/renderers/iFrame_f05d67b.js
rename to gh-pages/docs/renderers/iFrame_e0bdd74.js
index 64502b56f..24aa44ade 100644
--- a/gh-pages/docs/renderers/iFrame_f05d67b.js
+++ b/gh-pages/docs/renderers/iFrame_e0bdd74.js
@@ -1,7 +1,7 @@
 define('docs/renderers/iFrame.md', function(require, exports, module) {
 
   module.exports = {
-    "html": "<h2><a class=\"anchor\" name=\"iframe\" href=\"#iframe\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>iFrame</h2><p>如果需要内嵌外部站点，可用 iframe 来实现。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"iframe\",\n    \"src\": \"raw:http://www.baidu.com\",\n    \"style\": {\n        \"height\": 260\n    }\n}\n</script></div>\n",
+    "html": "<h2><a class=\"anchor\" name=\"iframe\" href=\"#iframe\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>iFrame</h2><p>如果需要内嵌外部站点，可用 iframe 来实现。</p>\n<div class=\"amis-preview\" style=\"height: 500px\"><script type=\"text/schema\" height=\"500\" scope=\"body\">{\n    \"type\": \"iframe\",\n    \"src\": \"raw:http://www.baidu.com\",\n    \"style\": {\n        \"height\": 260\n    }\n}\n</script></div>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers/iFrame.md\">/docs/renderers/iFrame.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/renderers_f8ca174.js b/gh-pages/docs/renderers_a0f30a3.js
similarity index 97%
rename from gh-pages/docs/renderers_f8ca174.js
rename to gh-pages/docs/renderers_a0f30a3.js
index 83e942ba0..ae0d6aea6 100644
--- a/gh-pages/docs/renderers_f8ca174.js
+++ b/gh-pages/docs/renderers_a0f30a3.js
@@ -2,7 +2,7 @@ define('docs/renderers.md', function(require, exports, module) {
 
   module.exports = {
     "title": "渲染器手册",
-    "html": "<p>amis 页面是通过 JSON 配置出来的，是由一个一个渲染模型组成的，掌握他们规则，就能灵活配置出各种页面。 </p>\n<p>开始之前，请您一定要先阅读<a href=\"/amis/docs/basic\">基本用法</a>。</p>\n<ul>\n<li><a href=\"/amis/docs/renderers/Definitions\">Definitions</a>: 建立当前页面公共的配置项</li>\n<li><a href=\"/amis/docs/renderers/Tpl\">Tpl</a>: 支持用 JS 模板引擎来组织输出</li>\n<li><a href=\"/amis/docs/renderers/Page\">Page</a>: JSON 配置最外层的 Page 渲染器</li>\n<li><a href=\"/amis/docs/renderers/Form/Form\">Form</a>: 表单渲染器<ul>\n<li><a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>: Form 中主要是由各种 FormItem 组成</li>\n<li><a href=\"/amis/docs/renderers/Form/List\">List</a>: 简单的列表选择框</li>\n<li><a href=\"/amis/docs/renderers/Form/Button-Group\">Button-Group</a>: 按钮集合</li>\n<li><a href=\"/amis/docs/renderers/Form/Service\">Service</a>: 动态配置，配置项由接口决定</li>\n<li><a href=\"/amis/docs/renderers/Form/Tabs\">Tabs</a>: 多个输入框通过选项卡来分组</li>\n<li><a href=\"/amis/docs/renderers/Form/Table\">Table</a>: 可以用来展示数组类型的数据</li>\n<li><a href=\"/amis/docs/renderers/Form/HBox\">HBox</a>: 支持 form 内部再用 HBox 布局</li>\n<li><a href=\"/amis/docs/renderers/Form/Grid\">Grid</a>: 支持 form 内部再用 grid 布局</li>\n<li><a href=\"/amis/docs/renderers/Form/Panel\">Panel</a>: 还是为了布局，可以把一部分 FormItem 合并到一个 panel 里面单独展示</li>\n<li><a href=\"/amis/docs/renderers/Form/Hidden\">Hidden</a>: 隐藏字段类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Text\">Text</a>: 普通的文本输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Textarea\">Textarea</a>: 多行文本输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Url\">Url</a>: URL 输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Email\">Email</a>: Email 输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Password\">Password</a>: 密码输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Number\">Number</a>: 数字输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Select\">Select</a>: 选项表单</li>\n<li><a href=\"/amis/docs/renderers/Form/Chained-Select\">Chained-Select</a>: 无限级别下拉</li>\n<li><a href=\"/amis/docs/renderers/Form/Checkbox\">Checkbox</a>: 勾选框</li>\n<li><a href=\"/amis/docs/renderers/Form/Checkboxes\">Checkboxes</a>: 复选框</li>\n<li><a href=\"/amis/docs/renderers/Form/Radios\">Radios</a>: 单选框</li>\n<li><a href=\"/amis/docs/renderers/Form/City\">City</a>: 城市选择</li>\n<li><a href=\"/amis/docs/renderers/Form/Rating\">Rating</a>: 评分</li>\n<li><a href=\"/amis/docs/renderers/Form/Switch\">Switch</a>: 可选框，和 checkbox 完全等价</li>\n<li><a href=\"/amis/docs/renderers/Form/Date\">Date</a>: 日期类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Datetime\">Datetime</a>: 日期时间类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Time\">Time</a>: 时间类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Date-Range\">Date-Range</a>: 日期范围类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Color\">Color</a>: 颜色选择器</li>\n<li><a href=\"/amis/docs/renderers/Form/Range\">Range</a>: 范围输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Image\">Image</a>: 图片格式输</li>\n<li><a href=\"/amis/docs/renderers/Form/File\">File</a>: 文件输入</li>\n<li><a href=\"/amis/docs/renderers/Form/Matrix\">Matrix</a>: 矩阵类型的输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Tree\">Tree</a>: 树形结构输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/TreeSelect\">TreeSelect</a>: 树形结构选择框</li>\n<li><a href=\"/amis/docs/renderers/Form/NestedSelect\">NestedSelect</a>: 树形结构选择框</li>\n<li><a href=\"/amis/docs/renderers/Form/Button\">Button</a>: 按钮, 包含 button、submit 和 reset</li>\n<li><a href=\"/amis/docs/renderers/Form/Button-Toolbar\">Button-Toolbar</a>: 让多个按钮在一起放置</li>\n<li><a href=\"/amis/docs/renderers/Form/Combo\">Combo</a>: 组合模式</li>\n<li><a href=\"/amis/docs/renderers/Form/Array\">Array</a>: 数组输入框配置</li>\n<li><a href=\"/amis/docs/renderers/Form/SubForm\">SubForm</a>: formItem 还可以是子表单类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Picker\">Picker</a>: 列表选取</li>\n<li><a href=\"/amis/docs/renderers/Form/Formula\">Formula</a>: 公式类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Group\">Group</a>: 表单项集合</li>\n<li><a href=\"/amis/docs/renderers/Form/FieldSet\">FieldSet</a>: 多个输入框可以通过 fieldSet 捆绑在一起</li>\n<li><a href=\"/amis/docs/renderers/Form/Repeat\">Repeat</a>: 可用来设置重复频率</li>\n<li><a href=\"/amis/docs/renderers/Form/Rich-Text\">Rich-Text</a>: 富文本编辑器</li>\n<li><a href=\"/amis/docs/renderers/Form/Editor\">Editor</a>: 编辑器</li>\n<li><a href=\"/amis/docs/renderers/Static\">Static</a>: 纯用来展现数据的</li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/Wizard\">Wizard</a>: 表单向导</li>\n<li><a href=\"/amis/docs/renderers/Each\">Each</a>: 基于现有变量循环输出渲染器</li>\n<li><a href=\"/amis/docs/renderers/Plain\">Plain</a>: 单纯的文字输出</li>\n<li><a href=\"/amis/docs/renderers/Html\">Html</a>: html, 当需要用到变量时，请用 Tpl 代替</li>\n<li><a href=\"/amis/docs/renderers/Action\">Action</a>: 一种特殊的渲染器，它本身是一个按钮，同时它能触发事件</li>\n<li><a href=\"/amis/docs/renderers/Dialog\">Dialog</a>: Dialog 由 Action 触发。他是一个类似于 Page 的容器模型</li>\n<li><a href=\"/amis/docs/renderers/Drawer\">Drawer</a>: Drawer 由 Action 触发</li>\n<li><a href=\"/amis/docs/renderers/Divider\">Divider</a>: 分割线</li>\n<li><a href=\"/amis/docs/renderers/CRUD\">CRUD</a>: 增删改查模型，主要用来展现列表<ul>\n<li><a href=\"/amis/docs/renderers/CRUD-Table\">CRUD-Table</a>: 请参考 Table</li>\n<li><a href=\"/amis/docs/renderers/CRUD-Cards\">CRUD-Cards</a>: 请参考 Cards</li>\n<li><a href=\"/amis/docs/renderers/CRUD-List\">CRUD-List</a>: 请参考 List</li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/Panel\">Panel</a>: 可以把相关信息以盒子的形式展示到一块。</li>\n<li><a href=\"/amis/docs/renderers/Wrapper\">Wrapper</a>: 简单的一个容器。</li>\n<li><a href=\"/amis/docs/renderers/Service\">Service</a>: 功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据</li>\n<li><a href=\"/amis/docs/renderers/Chart\">Chart</a>: 图表渲染器</li>\n<li><a href=\"/amis/docs/renderers/Collapse\">Collapse</a>: 折叠器</li>\n<li><a href=\"/amis/docs/renderers/Carousel\">Carousel</a>: 轮播图</li>\n<li><a href=\"/amis/docs/renderers/Alert\">Alert</a>: 提示框</li>\n<li><a href=\"/amis/docs/renderers/Audio\">Audio</a>: 音频播放器</li>\n<li><a href=\"/amis/docs/renderers/Video\">Video</a>: 视频播放器</li>\n<li><a href=\"/amis/docs/renderers/Table\">Table</a>: 表格展示<ul>\n<li><a href=\"/amis/docs/renderers/Column\">Column</a>: 表格中的列配置</li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/List\">List</a>: 列表展示</li>\n<li><a href=\"/amis/docs/renderers/Card\">Card</a>: 卡片的展示形式</li>\n<li><a href=\"/amis/docs/renderers/Cards\">Cards</a>: 卡片集合</li>\n<li><a href=\"/amis/docs/renderers/Field\">Field</a>: 主要用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的 Static-XXX 中</li>\n<li><a href=\"/amis/docs/renderers/Tabs\">Tabs</a>: 标签页</li>\n<li><a href=\"/amis/docs/renderers/Grid\">Grid</a>: Grid 布局</li>\n<li><a href=\"/amis/docs/renderers/HBox\">HBox</a>: HBox 布局</li>\n<li><a href=\"/amis/docs/renderers/Button-Group\">Button-Group</a>： 按钮集合</li>\n<li><a href=\"/amis/docs/renderers/iFrame\">iFrame</a>： 如果需要内嵌外部站点，可用 iframe 来实现</li>\n<li><a href=\"/amis/docs/renderers/Nav\">Nav</a>: 菜单栏</li>\n<li><a href=\"/amis/docs/renderers/Tasks\">Tasks</a>: 任务操作集合，类似于 orp 上线</li>\n<li><a href=\"/amis/docs/renderers/QRCode\">QRCode</a>: 二维码显示组件</li>\n<li><a href=\"/amis/docs/renderers/Types\">Types</a>: 类型说明文档</li>\n</ul>\n",
+    "html": "<p>amis 页面是通过 JSON 配置出来的，是由一个一个渲染模型组成的，掌握他们规则，就能灵活配置出各种页面。 </p>\n<p>开始之前，请您一定要先阅读<a href=\"/amis/docs/basic\">基本用法</a>。</p>\n<ul>\n<li><a href=\"/amis/docs/renderers/Definitions\">Definitions</a>: 建立当前页面公共的配置项</li>\n<li><a href=\"/amis/docs/renderers/Tpl\">Tpl</a>: 支持用 JS 模板引擎来组织输出</li>\n<li><a href=\"/amis/docs/renderers/Page\">Page</a>: JSON 配置最外层的 Page 渲染器</li>\n<li><a href=\"/amis/docs/renderers/Form/Form\">Form</a>: 表单渲染器<ul>\n<li><a href=\"/amis/docs/renderers/Form/FormItem\">FormItem</a>: Form 中主要是由各种 FormItem 组成</li>\n<li><a href=\"/amis/docs/renderers/Form/List\">List</a>: 简单的列表选择框</li>\n<li><a href=\"/amis/docs/renderers/Form/Button-Group\">Button-Group</a>: 按钮集合</li>\n<li><a href=\"/amis/docs/renderers/Form/Service\">Service</a>: 动态配置，配置项由接口决定</li>\n<li><a href=\"/amis/docs/renderers/Form/Tabs\">Tabs</a>: 多个输入框通过选项卡来分组</li>\n<li><a href=\"/amis/docs/renderers/Form/Table\">Table</a>: 可以用来展示数组类型的数据</li>\n<li><a href=\"/amis/docs/renderers/Form/HBox\">HBox</a>: 支持 form 内部再用 HBox 布局</li>\n<li><a href=\"/amis/docs/renderers/Form/Grid\">Grid</a>: 支持 form 内部再用 grid 布局</li>\n<li><a href=\"/amis/docs/renderers/Form/Panel\">Panel</a>: 还是为了布局，可以把一部分 FormItem 合并到一个 panel 里面单独展示</li>\n<li><a href=\"/amis/docs/renderers/Form/Hidden\">Hidden</a>: 隐藏字段类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Text\">Text</a>: 普通的文本输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Textarea\">Textarea</a>: 多行文本输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Url\">Url</a>: URL 输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Email\">Email</a>: Email 输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Password\">Password</a>: 密码输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Number\">Number</a>: 数字输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Select\">Select</a>: 选项表单</li>\n<li><a href=\"/amis/docs/renderers/Form/Chained-Select\">Chained-Select</a>: 无限级别下拉</li>\n<li><a href=\"/amis/docs/renderers/Form/Checkbox\">Checkbox</a>: 勾选框</li>\n<li><a href=\"/amis/docs/renderers/Form/Checkboxes\">Checkboxes</a>: 复选框</li>\n<li><a href=\"/amis/docs/renderers/Form/Radios\">Radios</a>: 单选框</li>\n<li><a href=\"/amis/docs/renderers/Form/City\">City</a>: 城市选择</li>\n<li><a href=\"/amis/docs/renderers/Form/Rating\">Rating</a>: 评分</li>\n<li><a href=\"/amis/docs/renderers/Form/Switch\">Switch</a>: 可选框，和 checkbox 完全等价</li>\n<li><a href=\"/amis/docs/renderers/Form/Date\">Date</a>: 日期类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Datetime\">Datetime</a>: 日期时间类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Time\">Time</a>: 时间类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Date-Range\">Date-Range</a>: 日期范围类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Color\">Color</a>: 颜色选择器</li>\n<li><a href=\"/amis/docs/renderers/Form/Range\">Range</a>: 范围输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Image\">Image</a>: 图片格式输</li>\n<li><a href=\"/amis/docs/renderers/Form/File\">File</a>: 文件输入</li>\n<li><a href=\"/amis/docs/renderers/Form/Matrix\">Matrix</a>: 矩阵类型的输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/Tree\">Tree</a>: 树形结构输入框</li>\n<li><a href=\"/amis/docs/renderers/Form/TreeSelect\">TreeSelect</a>: 树形结构选择框</li>\n<li><a href=\"/amis/docs/renderers/Form/NestedSelect\">NestedSelect</a>: 树形结构选择框</li>\n<li><a href=\"/amis/docs/renderers/Form/Button\">Button</a>: 按钮, 包含 button、submit 和 reset</li>\n<li><a href=\"/amis/docs/renderers/Form/Button-Toolbar\">Button-Toolbar</a>: 让多个按钮在一起放置</li>\n<li><a href=\"/amis/docs/renderers/Form/Combo\">Combo</a>: 组合模式</li>\n<li><a href=\"/amis/docs/renderers/Form/Array\">Array</a>: 数组输入框配置</li>\n<li><a href=\"/amis/docs/renderers/Form/SubForm\">SubForm</a>: formItem 还可以是子表单类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Picker\">Picker</a>: 列表选取</li>\n<li><a href=\"/amis/docs/renderers/Form/Formula\">Formula</a>: 公式类型</li>\n<li><a href=\"/amis/docs/renderers/Form/Group\">Group</a>: 表单项集合</li>\n<li><a href=\"/amis/docs/renderers/Form/FieldSet\">FieldSet</a>: 多个输入框可以通过 fieldSet 捆绑在一起</li>\n<li><a href=\"/amis/docs/renderers/Form/Repeat\">Repeat</a>: 可用来设置重复频率</li>\n<li><a href=\"/amis/docs/renderers/Form/Rich-Text\">Rich-Text</a>: 富文本编辑器</li>\n<li><a href=\"/amis/docs/renderers/Form/Editor\">Editor</a>: 编辑器</li>\n<li><a href=\"/amis/docs/renderers/Static\">Static</a>: 纯用来展现数据的</li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/Wizard\">Wizard</a>: 表单向导</li>\n<li><a href=\"/amis/docs/renderers/Each\">Each</a>: 基于现有变量循环输出渲染器</li>\n<li><a href=\"/amis/docs/renderers/Plain\">Plain</a>: 单纯的文字输出</li>\n<li><a href=\"/amis/docs/renderers/Html\">Html</a>: html, 当需要用到变量时，请用 Tpl 代替</li>\n<li><a href=\"/amis/docs/renderers/Action\">Action</a>: 一种特殊的渲染器，它本身是一个按钮，同时它能触发事件</li>\n<li><a href=\"/amis/docs/renderers/Dialog\">Dialog</a>: Dialog 由 Action 触发。他是一个类似于 Page 的容器模型</li>\n<li><a href=\"/amis/docs/renderers/Drawer\">Drawer</a>: Drawer 由 Action 触发</li>\n<li><a href=\"/amis/docs/renderers/Divider\">Divider</a>: 分割线</li>\n<li><a href=\"/amis/docs/renderers/CRUD\">CRUD</a>: 增删改查模型，主要用来展现列表<ul>\n<li><a href=\"/amis/docs/renderers/CRUD-Table\">CRUD-Table</a>: 请参考 Table</li>\n<li><a href=\"/amis/docs/renderers/CRUD-Cards\">CRUD-Cards</a>: 请参考 Cards</li>\n<li><a href=\"/amis/docs/renderers/CRUD-List\">CRUD-List</a>: 请参考 List</li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/Panel\">Panel</a>: 可以把相关信息以盒子的形式展示到一块。</li>\n<li><a href=\"/amis/docs/renderers/Wrapper\">Wrapper</a>: 简单的一个容器。</li>\n<li><a href=\"/amis/docs/renderers/Service\">Service</a>: 功能型容器，自身不负责展示内容，主要职责在于通过配置的 api 拉取数据</li>\n<li><a href=\"/amis/docs/renderers/Chart\">Chart</a>: 图表渲染器</li>\n<li><a href=\"/amis/docs/renderers/Collapse\">Collapse</a>: 折叠器</li>\n<li><a href=\"/amis/docs/renderers/Carousel\">Carousel</a>: 轮播图</li>\n<li><a href=\"/amis/docs/renderers/Alert\">Alert</a>: 提示框</li>\n<li><a href=\"/amis/docs/renderers/Audio\">Audio</a>: 音频播放器</li>\n<li><a href=\"/amis/docs/renderers/Video\">Video</a>: 视频播放器</li>\n<li><a href=\"/amis/docs/renderers/Table\">Table</a>: 表格展示<ul>\n<li><a href=\"/amis/docs/renderers/Column\">Column</a>: 表格中的列配置</li>\n</ul>\n</li>\n<li><a href=\"/amis/docs/renderers/List\">List</a>: 列表展示</li>\n<li><a href=\"/amis/docs/renderers/Card\">Card</a>: 卡片的展示形式</li>\n<li><a href=\"/amis/docs/renderers/Cards\">Cards</a>: 卡片集合</li>\n<li><a href=\"/amis/docs/renderers/Field\">Field</a>: 主要用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的 Static-XXX 中</li>\n<li><a href=\"/amis/docs/renderers/Tabs\">Tabs</a>: 标签页</li>\n<li><a href=\"/amis/docs/renderers/Grid\">Grid</a>: Grid 布局</li>\n<li><a href=\"/amis/docs/renderers/HBox\">HBox</a>: HBox 布局</li>\n<li><a href=\"/amis/docs/renderers/Button-Group\">Button-Group</a>： 按钮集合</li>\n<li><a href=\"/amis/docs/renderers/iFrame\">iFrame</a>： 如果需要内嵌外部站点，可用 iframe 来实现</li>\n<li><a href=\"/amis/docs/renderers/Nav\">Nav</a>: 菜单栏</li>\n<li><a href=\"/amis/docs/renderers/Tasks\">Tasks</a>: 任务操作集合，类似于 orp 上线</li>\n<li><a href=\"/amis/docs/renderers/QRCode\">QRCode</a>: 二维码显示组件</li>\n<li><a href=\"/amis/docs/renderers/Types\">Types</a>: 类型说明文档</li>\n</ul>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/renderers.md\">/docs/renderers.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/sdk.html b/gh-pages/docs/sdk.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/sdk.html
+++ b/gh-pages/docs/sdk.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/sdk_3e3a0d0.js b/gh-pages/docs/sdk_f512bf9.js
similarity index 98%
rename from gh-pages/docs/sdk_3e3a0d0.js
rename to gh-pages/docs/sdk_f512bf9.js
index 8cf058eaa..3c89048d6 100644
--- a/gh-pages/docs/sdk_3e3a0d0.js
+++ b/gh-pages/docs/sdk_f512bf9.js
@@ -2,7 +2,7 @@ define('docs/sdk.md', function(require, exports, module) {
 
   module.exports = {
     "title": "如何定制",
-    "html": "<p>开始定制之前，请先仔细阅读工作原理。</p>\n<h2><a class=\"anchor\" name=\"%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86\" href=\"#%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>工作原理</h2><p>amis 的渲染过程就是将 <code>json</code> 转成对应的 React 组件。先通过 <code>json</code> 的 type 找到对应的 <code>Component</code> 然后，然后把其他属性作为 <code>props</code> 传递过去完成渲染。</p>\n<p>拿一个表单页面来说，如果用React组件调用大概是这样。</p>\n<pre><code class=\"lang-jsx\">&lt;<span class=\"hljs-meta\">Page</span>\n    <span class=\"hljs-meta\">title</span>=<span class=\"hljs-string\">\"页面标题\"</span>\n    subTitle=<span class=\"hljs-string\">\"副标题\"</span>\n&gt;\n    &lt;Form\n        <span class=\"hljs-meta\">title</span>=<span class=\"hljs-string\">\"用户登录\"</span>\n        controls={[\n            {\n                type: <span class=\"hljs-string\">'text'</span>,\n                name: <span class=\"hljs-string\">'username'</span>,\n                <span class=\"hljs-meta\">label</span>: <span class=\"hljs-string\">'用户名'</span>\n            }\n        ]}\n    /&gt;\n&lt;/<span class=\"hljs-meta\">Page</span>&gt;\n</code></pre>\n<p>把以上配置方式换成 amis JSON, 则是：</p>\n<pre><code class=\"lang-json\">{\n  <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n  <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"页面标题\"</span>,\n  <span class=\"hljs-attr\">\"subTitle\"</span>: <span class=\"hljs-string\">\"副标题\"</span>,\n  <span class=\"hljs-attr\">\"body\"</span>: {\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"用户登录\"</span>,\n    <span class=\"hljs-attr\">\"controls\"</span>: [\n      {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n        <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"username\"</span>,\n        <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>\n      }\n    ]\n  }\n}\n</code></pre>\n<p>那么，amis 是如何将 JSON 转成组件的呢？直接根据节点的 type 去跟组件一一对应？似乎很可能会重名比如在表格里面展示的类型 <code>text</code> 跟表单里面的 <code>text</code>是完全不一样的，一个负责展示，一个却负责输入。所以说一个节点要被什么组件渲染，还需要携带上下文(context)信息。</p>\n<p>如何去携带上下文（context）信息？amis 中直接是用节点的路径（path）来作为上下文信息。从上面的例子来看，一共有三个节点，path 信息分别是。</p>\n<ul>\n<li><code>page</code> 页面节点</li>\n<li><code>page/body/form</code> 表单节点</li>\n<li><code>page/body/form/controls/0/text</code> 文本框节点。</li>\n</ul>\n<p>根据 path 的信息就能很容易注册组件跟节点对应了。</p>\n<p>Page 组件的示例代码</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-meta\">@Renderer</span>({\n    test: /^page$/,\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n})\nexport <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">PageRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n    render() {\n        const {\n            title,\n            body,\n            render <span class=\"hljs-comment\">// 用来渲染孩子节点，如果当前是叶子节点则可以忽略。</span>\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div className=<span class=\"hljs-string\">\"page\"</span>&gt;\n                &lt;h1&gt;{title}&lt;/h1&gt;\n                &lt;div className=<span class=\"hljs-string\">\"body-container\"</span>&gt;\n                    {render(<span class=\"hljs-symbol\">'bod</span>y', body)<span class=\"hljs-comment\">/*渲染孩子节点*/</span>}\n                &lt;/div&gt;\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>Form 组件的示例代码</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)form$/,\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n})\nexport <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">FormRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n    render() {\n        const {\n            title,\n            controls,\n            render <span class=\"hljs-comment\">// 用来渲染孩子节点，如果当前是叶子节点则可以忽略。</span>\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;form className=<span class=\"hljs-string\">\"form\"</span>&gt;\n                {controls.map((control, index) =&gt; (\n                    &lt;div className=<span class=\"hljs-string\">\"form-item\"</span> key={index}&gt;\n                        {render(`${index}/control`, control)}\n                    &lt;/div&gt;\n                ))}\n            &lt;/form&gt;\n        );\n    }\n}\n</code></pre>\n<p>Text 组件的示例代码</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)form(?:\\/\\d+)?\\/control(?\\/\\d+)?\\/text$/\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n})\nexport <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">FormItemTextRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n    render() {\n        const {\n            label,\n            name,\n            onChange\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div className=<span class=\"hljs-string\">\"form-group\"</span>&gt;\n                &lt;label&gt;{label}&lt;label&gt;\n                &lt;input <span class=\"hljs-class\"><span class=\"hljs-keyword\">type</span></span>=<span class=\"hljs-string\">\"text\"</span> onChange={(e) =&gt; onChange(e.currentTarget.value)} /&gt;\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>那么渲染过程就是根据节点 path 信息，跟组件池中的组件 <code>test</code> (检测) 信息做匹配，如果命中，则把当前节点转给对应组件渲染，节点中其他属性将作为目标组件的 props。需要注意的是，如果是容器组件，比如以上例子中的 <code>page</code> 组件，从 props 中拿到的 <code>body</code> 是一个子节点，由于节点类型是不固定，由使用者决定，所以不能直接完成渲染，所以交给属性中下发的 <code>render</code> 方法去完成渲染，<code>{render(&#39;body&#39;, body)}</code>，他的工作就是拿子节点的 path 信息去组件池里面找到对应的渲染器，然后交给对应组件去完成渲染。</p>\n<h2><a class=\"anchor\" name=\"%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6\" href=\"#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>自定义组件</h2><p>如果 amis 中组件不能满足你的需求，同时你又会 React 组件开发，那么就自己定制一个吧。</p>\n<p>先来看个简单的例子</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {\n    <span class=\"hljs-type\">Renderer</span>\n} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)my\\-renderer$/,\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        const  {tip} = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;这是自定义组件：{tip}&lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>有了以上这段代码后，就可以这样使用了。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-attr\">\"body\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"my-renderer\"</span>,\n        <span class=\"hljs-attr\">\"tip\"</span>: <span class=\"hljs-string\">\"简单示例\"</span>\n    }\n}\n</code></pre>\n<p>如果你看了<a href=\"#%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86\">amis工作原理</a>应该不难理解，这里注册一个 React 组件，当节点的 path 信息是 <code>my-renderer</code> 结尾时，交给当前组件来完成渲染。\n如果你只写叶子节点的渲染器，已经可以不用看了，如果你的渲染器中有容器需要可以放置其他节点，那么接着看以下这段代码。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {\n    <span class=\"hljs-type\">Renderer</span>\n} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)my\\-renderer2$/,\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        const  {\n            tip,\n            body,\n            render\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;\n                &lt;p&gt;这是自定义组件：{tip}&lt;/p&gt;\n                {body ? (\n                    &lt;div className=<span class=\"hljs-string\">\"container\"</span>&gt;\n                        {render(<span class=\"hljs-symbol\">'bod</span>y', body, {\n                            <span class=\"hljs-comment\">// 这里的信息会作为 props 传递给子组件，一般情况下都不需要这个</span>\n                        })}\n                    &lt;/div&gt;\n                ) : <span class=\"hljs-literal\">null</span>}\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>有了以上这段代码后，就可以这样使用了。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-attr\">\"body\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"my-renderer2\"</span>,\n        <span class=\"hljs-attr\">\"tip\"</span>: <span class=\"hljs-string\">\"简单示例\"</span>,\n        <span class=\"hljs-attr\">\"body\"</span>: {\n            <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n            <span class=\"hljs-attr\">\"controls\"</span>: [\n                {\n                    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n                    <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>,\n                    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"usename\"</span>\n                }\n            ]\n        }\n    }\n}\n</code></pre>\n<p>跟第一个列子不同的地方是，这里多了个 <code>render</code> 方法，这个方法就是专门用来渲染子节点的。来看下参数说明：</p>\n<ul>\n<li><code>region</code> 区域名称，你有可能有多个区域可以作为容器，请不要重复。</li>\n<li><code>node</code> 子节点。</li>\n<li><code>props</code> 可选，可以通过此对象跟子节点通信等。</li>\n</ul>\n<p>以上是普通渲染器的注册方式，如果是表单项，为了更简单的扩充，请使用 <code>FormItem</code> 注解，而不是 <code>Renderer</code>。 原因是如果用 <code>FormItem</code> 是不用关心：label怎么摆，表单验证器怎么实现，如何适配表单的3中展现方式（水平、上下和内联模式），而只用关心：有了值后如何回显，响应用户交互设置新值。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * <span class=\"hljs-keyword\">as</span> React <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'react'</span>;\n<span class=\"hljs-keyword\">import</span> {\n    FormItem\n} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis'</span>;\n\n@FormItem({\n    <span class=\"hljs-attr\">type</span>: <span class=\"hljs-string\">'custom'</span>\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">MyFormItem</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        <span class=\"hljs-keyword\">const</span> {\n            value,\n            onChange\n        } = <span class=\"hljs-keyword\">this</span>.props;\n\n        <span class=\"hljs-keyword\">return</span> (\n            <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>这个是个自定义组件<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>当前值：{value}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a</span> <span class=\"hljs-attr\">className</span>=<span class=\"hljs-string\">\"btn btn-default\"</span> <span class=\"hljs-attr\">onClick</span>=<span class=\"hljs-string\">{()</span> =&gt;</span> onChange(Math.round(Math.random() * 10000))}&gt;随机修改<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">a</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span></span>\n        );\n    }\n}\n</code></pre>\n<p>有了以上这段代码后，就可以这样使用了。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-attr\">\"body\"</span>: {\n            <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n            <span class=\"hljs-attr\">\"controls\"</span>: [\n                {\n                    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n                    <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>,\n                    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"usename\"</span>\n                },\n\n                {\n                    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"custom\"</span>,\n                    <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"随机值\"</span>,\n                    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"randon\"</span>\n                }\n            ]\n        }\n}\n</code></pre>\n<blockquote>\n<p>注意: 使用 FormItem 默认是严格模式，即只有必要的属性变化才会重新渲染，有可能满足不了你的需求，如果忽略性能问题，可以传入 <code>strictMode</code>: <code>false</code> 来关闭。</p>\n</blockquote>\n<p>以上的例子都是需要先注册组件，然后再使用的，如果你在自己项目中使用，还有更简单的用法，以下示例直接无需注册。</p>\n<pre><code class=\"lang-jsx\">{\n    <span class=\"hljs-string\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-string\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-string\">\"body\"</span>: {\n            <span class=\"hljs-string\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n            <span class=\"hljs-string\">\"controls\"</span>: [\n                {\n                    <span class=\"hljs-string\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n                    <span class=\"hljs-string\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>,\n                    <span class=\"hljs-string\">\"name\"</span>: <span class=\"hljs-string\">\"usename\"</span>\n                },\n\n                {\n                    <span class=\"hljs-string\">\"name\"</span>: <span class=\"hljs-string\">\"a\"</span>,\n                    <span class=\"hljs-string\">\"children\"</span>: ({\n                        value,\n                        onChange\n                    }) =&gt; (\n                        &lt;div&gt;\n                            &lt;p&gt;这个是个自定义组件&lt;/p&gt;\n                            &lt;p&gt;当前值：{value}&lt;/p&gt;\n                            &lt;a className=<span class=\"hljs-string\">\"btn btn-default\"</span> onClick={() =&gt; onChange(<span class=\"hljs-name\">Math.round</span>(<span class=\"hljs-name\">Math.random</span>() * <span class=\"hljs-number\">10000</span>))}&gt;随机修改&lt;/a&gt;\n                        &lt;/div&gt;\n                    )\n                }\n            ]\n        }\n}\n</code></pre>\n<p>即：通过 <code>children</code> 传递一个React组件，这个示例是一个React Stateless Functional Component，也可以是传统的 React 组件。\n任何节点如果包含 <code>children</code> 这个属性，则都会把当前节点交给 <code>children</code> 来处理，跳过了从 amis 渲染器池子中选择渲染器的过程。</p>\n",
+    "html": "<p>开始定制之前，请先仔细阅读工作原理。</p>\n<h2><a class=\"anchor\" name=\"%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86\" href=\"#%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>工作原理</h2><p>amis 的渲染过程就是将 <code>json</code> 转成对应的 React 组件。先通过 <code>json</code> 的 type 找到对应的 <code>Component</code> 然后，然后把其他属性作为 <code>props</code> 传递过去完成渲染。</p>\n<p>拿一个表单页面来说，如果用React组件调用大概是这样。</p>\n<pre><code class=\"lang-jsx\">&lt;<span class=\"hljs-meta\">Page</span>\n    <span class=\"hljs-meta\">title</span>=<span class=\"hljs-string\">\"页面标题\"</span>\n    subTitle=<span class=\"hljs-string\">\"副标题\"</span>\n&gt;\n    &lt;Form\n        <span class=\"hljs-meta\">title</span>=<span class=\"hljs-string\">\"用户登录\"</span>\n        controls={[\n            {\n                type: <span class=\"hljs-string\">'text'</span>,\n                name: <span class=\"hljs-string\">'username'</span>,\n                <span class=\"hljs-meta\">label</span>: <span class=\"hljs-string\">'用户名'</span>\n            }\n        ]}\n    /&gt;\n&lt;/<span class=\"hljs-meta\">Page</span>&gt;\n</code></pre>\n<p>把以上配置方式换成 amis JSON, 则是：</p>\n<pre><code class=\"lang-json\">{\n  <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n  <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"页面标题\"</span>,\n  <span class=\"hljs-attr\">\"subTitle\"</span>: <span class=\"hljs-string\">\"副标题\"</span>,\n  <span class=\"hljs-attr\">\"body\"</span>: {\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"用户登录\"</span>,\n    <span class=\"hljs-attr\">\"controls\"</span>: [\n      {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n        <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"username\"</span>,\n        <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>\n      }\n    ]\n  }\n}\n</code></pre>\n<p>那么，amis 是如何将 JSON 转成组件的呢？直接根据节点的 type 去跟组件一一对应？似乎很可能会重名比如在表格里面展示的类型 <code>text</code> 跟表单里面的 <code>text</code>是完全不一样的，一个负责展示，一个却负责输入。所以说一个节点要被什么组件渲染，还需要携带上下文(context)信息。</p>\n<p>如何去携带上下文（context）信息？amis 中直接是用节点的路径（path）来作为上下文信息。从上面的例子来看，一共有三个节点，path 信息分别是。</p>\n<ul>\n<li><code>page</code> 页面节点</li>\n<li><code>page/body/form</code> 表单节点</li>\n<li><code>page/body/form/controls/0/text</code> 文本框节点。</li>\n</ul>\n<p>根据 path 的信息就能很容易注册组件跟节点对应了。</p>\n<p>Page 组件的示例代码</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-meta\">@Renderer</span>({\n    test: /^page$/,\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n})\nexport <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">PageRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n    render() {\n        const {\n            title,\n            body,\n            render <span class=\"hljs-comment\">// 用来渲染孩子节点，如果当前是叶子节点则可以忽略。</span>\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div className=<span class=\"hljs-string\">\"page\"</span>&gt;\n                &lt;h1&gt;{title}&lt;/h1&gt;\n                &lt;div className=<span class=\"hljs-string\">\"body-container\"</span>&gt;\n                    {render(<span class=\"hljs-symbol\">'bod</span>y', body)<span class=\"hljs-comment\">/*渲染孩子节点*/</span>}\n                &lt;/div&gt;\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>Form 组件的示例代码</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)form$/,\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n})\nexport <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">FormRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n    render() {\n        const {\n            title,\n            controls,\n            render <span class=\"hljs-comment\">// 用来渲染孩子节点，如果当前是叶子节点则可以忽略。</span>\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;form className=<span class=\"hljs-string\">\"form\"</span>&gt;\n                {controls.map((control, index) =&gt; (\n                    &lt;div className=<span class=\"hljs-string\">\"form-item\"</span> key={index}&gt;\n                        {render(`${index}/control`, control)}\n                    &lt;/div&gt;\n                ))}\n            &lt;/form&gt;\n        );\n    }\n}\n</code></pre>\n<p>Text 组件的示例代码</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)form(?:\\/\\d+)?\\/control(?\\/\\d+)?\\/text$/\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n})\nexport <span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">FormItemTextRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    <span class=\"hljs-comment\">// ... 其他信息隐藏了</span>\n    render() {\n        const {\n            label,\n            name,\n            onChange\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div className=<span class=\"hljs-string\">\"form-group\"</span>&gt;\n                &lt;label&gt;{label}&lt;label&gt;\n                &lt;input <span class=\"hljs-class\"><span class=\"hljs-keyword\">type</span></span>=<span class=\"hljs-string\">\"text\"</span> onChange={(e) =&gt; onChange(e.currentTarget.value)} /&gt;\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>那么渲染过程就是根据节点 path 信息，跟组件池中的组件 <code>test</code> (检测) 信息做匹配，如果命中，则把当前节点转给对应组件渲染，节点中其他属性将作为目标组件的 props。需要注意的是，如果是容器组件，比如以上例子中的 <code>page</code> 组件，从 props 中拿到的 <code>body</code> 是一个子节点，由于节点类型是不固定，由使用者决定，所以不能直接完成渲染，所以交给属性中下发的 <code>render</code> 方法去完成渲染，<code>{render(&#39;body&#39;, body)}</code>，他的工作就是拿子节点的 path 信息去组件池里面找到对应的渲染器，然后交给对应组件去完成渲染。</p>\n<h2><a class=\"anchor\" name=\"%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6\" href=\"#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>自定义组件</h2><p>如果 amis 中组件不能满足你的需求，同时你又会 React 组件开发，那么就自己定制一个吧。</p>\n<p>先来看个简单的例子</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {\n    <span class=\"hljs-type\">Renderer</span>\n} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)my\\-renderer$/,\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        const  {tip} = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;这是自定义组件：{tip}&lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>有了以上这段代码后，就可以这样使用了。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-attr\">\"body\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"my-renderer\"</span>,\n        <span class=\"hljs-attr\">\"tip\"</span>: <span class=\"hljs-string\">\"简单示例\"</span>\n    }\n}\n</code></pre>\n<p>如果你看了<a href=\"#%E5%B7%A5%E4%BD%9C%E5%8E%9F%E7%90%86\">amis工作原理</a>应该不难理解，这里注册一个 React 组件，当节点的 path 信息是 <code>my-renderer</code> 结尾时，交给当前组件来完成渲染。\n如果你只写叶子节点的渲染器，已经可以不用看了，如果你的渲染器中有容器需要可以放置其他节点，那么接着看以下这段代码。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * as <span class=\"hljs-type\">React</span> from <span class=\"hljs-symbol\">'reac</span>t';\n<span class=\"hljs-keyword\">import</span> {\n    <span class=\"hljs-type\">Renderer</span>\n} from <span class=\"hljs-symbol\">'ami</span>s';\n\n<span class=\"hljs-meta\">@Renderer</span>({\n    test: /(^|\\/)my\\-renderer2$/,\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">CustomRenderer</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        const  {\n            tip,\n            body,\n            render\n        } = <span class=\"hljs-keyword\">this</span>.props;\n        <span class=\"hljs-keyword\">return</span> (\n            &lt;div&gt;\n                &lt;p&gt;这是自定义组件：{tip}&lt;/p&gt;\n                {body ? (\n                    &lt;div className=<span class=\"hljs-string\">\"container\"</span>&gt;\n                        {render(<span class=\"hljs-symbol\">'bod</span>y', body, {\n                            <span class=\"hljs-comment\">// 这里的信息会作为 props 传递给子组件，一般情况下都不需要这个</span>\n                        })}\n                    &lt;/div&gt;\n                ) : <span class=\"hljs-literal\">null</span>}\n            &lt;/div&gt;\n        );\n    }\n}\n</code></pre>\n<p>有了以上这段代码后，就可以这样使用了。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-attr\">\"body\"</span>: {\n        <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"my-renderer2\"</span>,\n        <span class=\"hljs-attr\">\"tip\"</span>: <span class=\"hljs-string\">\"简单示例\"</span>,\n        <span class=\"hljs-attr\">\"body\"</span>: {\n            <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n            <span class=\"hljs-attr\">\"controls\"</span>: [\n                {\n                    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n                    <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>,\n                    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"usename\"</span>\n                }\n            ]\n        }\n    }\n}\n</code></pre>\n<p>跟第一个列子不同的地方是，这里多了个 <code>render</code> 方法，这个方法就是专门用来渲染子节点的。来看下参数说明：</p>\n<ul>\n<li><code>region</code> 区域名称，你有可能有多个区域可以作为容器，请不要重复。</li>\n<li><code>node</code> 子节点。</li>\n<li><code>props</code> 可选，可以通过此对象跟子节点通信等。</li>\n</ul>\n<p>以上是普通渲染器的注册方式，如果是表单项，为了更简单的扩充，请使用 <code>FormItem</code> 注解，而不是 <code>Renderer</code>。 原因是如果用 <code>FormItem</code> 是不用关心：label怎么摆，表单验证器怎么实现，如何适配表单的3中展现方式（水平、上下和内联模式），而只用关心：有了值后如何回显，响应用户交互设置新值。</p>\n<pre><code class=\"lang-jsx\"><span class=\"hljs-keyword\">import</span> * <span class=\"hljs-keyword\">as</span> React <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'react'</span>;\n<span class=\"hljs-keyword\">import</span> {\n    FormItem\n} <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'amis'</span>;\n\n@FormItem({\n    <span class=\"hljs-attr\">type</span>: <span class=\"hljs-string\">'custom'</span>\n})\n<span class=\"hljs-class\"><span class=\"hljs-keyword\">class</span> <span class=\"hljs-title\">MyFormItem</span> <span class=\"hljs-keyword\">extends</span> <span class=\"hljs-title\">React</span>.<span class=\"hljs-title\">Component</span> </span>{\n    render() {\n        <span class=\"hljs-keyword\">const</span> {\n            value,\n            onChange\n        } = <span class=\"hljs-keyword\">this</span>.props;\n\n        <span class=\"hljs-keyword\">return</span> (\n            <span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>这个是个自定义组件<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">p</span>&gt;</span>当前值：{value}<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">p</span>&gt;</span>\n                <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">a</span> <span class=\"hljs-attr\">className</span>=<span class=\"hljs-string\">\"btn btn-default\"</span> <span class=\"hljs-attr\">onClick</span>=<span class=\"hljs-string\">{()</span> =&gt;</span> onChange(Math.round(Math.random() * 10000))}&gt;随机修改<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">a</span>&gt;</span>\n            <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span></span>\n        );\n    }\n}\n</code></pre>\n<p>有了以上这段代码后，就可以这样使用了。</p>\n<pre><code class=\"lang-json\">{\n    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-attr\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-attr\">\"body\"</span>: {\n            <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n            <span class=\"hljs-attr\">\"controls\"</span>: [\n                {\n                    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n                    <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>,\n                    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"usename\"</span>\n                },\n\n                {\n                    <span class=\"hljs-attr\">\"type\"</span>: <span class=\"hljs-string\">\"custom\"</span>,\n                    <span class=\"hljs-attr\">\"label\"</span>: <span class=\"hljs-string\">\"随机值\"</span>,\n                    <span class=\"hljs-attr\">\"name\"</span>: <span class=\"hljs-string\">\"randon\"</span>\n                }\n            ]\n        }\n}\n</code></pre>\n<blockquote>\n<p>注意: 使用 FormItem 默认是严格模式，即只有必要的属性变化才会重新渲染，有可能满足不了你的需求，如果忽略性能问题，可以传入 <code>strictMode</code>: <code>false</code> 来关闭。</p>\n</blockquote>\n<p>以上的例子都是需要先注册组件，然后再使用的，如果你在自己项目中使用，还有更简单的用法，以下示例直接无需注册。</p>\n<pre><code class=\"lang-jsx\">{\n    <span class=\"hljs-string\">\"type\"</span>: <span class=\"hljs-string\">\"page\"</span>,\n    <span class=\"hljs-string\">\"title\"</span>: <span class=\"hljs-string\">\"自定义组件示例\"</span>,\n    <span class=\"hljs-string\">\"body\"</span>: {\n            <span class=\"hljs-string\">\"type\"</span>: <span class=\"hljs-string\">\"form\"</span>,\n            <span class=\"hljs-string\">\"controls\"</span>: [\n                {\n                    <span class=\"hljs-string\">\"type\"</span>: <span class=\"hljs-string\">\"text\"</span>,\n                    <span class=\"hljs-string\">\"label\"</span>: <span class=\"hljs-string\">\"用户名\"</span>,\n                    <span class=\"hljs-string\">\"name\"</span>: <span class=\"hljs-string\">\"usename\"</span>\n                },\n\n                {\n                    <span class=\"hljs-string\">\"name\"</span>: <span class=\"hljs-string\">\"a\"</span>,\n                    <span class=\"hljs-string\">\"children\"</span>: ({\n                        value,\n                        onChange\n                    }) =&gt; (\n                        &lt;div&gt;\n                            &lt;p&gt;这个是个自定义组件&lt;/p&gt;\n                            &lt;p&gt;当前值：{value}&lt;/p&gt;\n                            &lt;a className=<span class=\"hljs-string\">\"btn btn-default\"</span> onClick={() =&gt; onChange(<span class=\"hljs-name\">Math.round</span>(<span class=\"hljs-name\">Math.random</span>() * <span class=\"hljs-number\">10000</span>))}&gt;随机修改&lt;/a&gt;\n                        &lt;/div&gt;\n                    )\n                }\n            ]\n        }\n}\n</code></pre>\n<p>即：通过 <code>children</code> 传递一个React组件，这个示例是一个React Stateless Functional Component，也可以是传统的 React 组件。\n任何节点如果包含 <code>children</code> 这个属性，则都会把当前节点交给 <code>children</code> 来处理，跳过了从 amis 渲染器池子中选择渲染器的过程。</p>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/sdk.md\">/docs/sdk.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/docs/style.html b/gh-pages/docs/style.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/docs/style.html
+++ b/gh-pages/docs/style.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/docs/style_2f7bd77.js b/gh-pages/docs/style_a0d04b0.js
similarity index 99%
rename from gh-pages/docs/style_2f7bd77.js
rename to gh-pages/docs/style_a0d04b0.js
index 972300f72..25c9d7ecf 100644
--- a/gh-pages/docs/style_2f7bd77.js
+++ b/gh-pages/docs/style_a0d04b0.js
@@ -3,7 +3,7 @@ define('docs/style.md', function(require, exports, module) {
   module.exports = {
     "title": "样式表说明",
     "shortname": "style",
-    "html": "<p>amis 中有大量的功能类 class 可以使用，即可以用在 schema 中，也可以用在自定义组件开发中，掌握这些 class, 几乎可以不用写样式。</p>\n<p>amis 中的样式基于 <a href=\"http://getbootstrap.com/css/\">BootStrap V3</a>, 这里主要讲 Bootstrap 中没有涉及到的。</p>\n<h2><a class=\"anchor\" name=\"%E5%9B%BE%E6%A0%87\" href=\"#%E5%9B%BE%E6%A0%87\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>图标</h2><p>amis 集成了 <a href=\"http://fontawesome.io/icons/\">fontawesome</a>，所以关于图标部分，请前往 <a href=\"http://fontawesome.io/icons/\">fontawesome</a> 查看。</p>\n<h2><a class=\"anchor\" name=\"%E5%B8%83%E5%B1%80\" href=\"#%E5%B8%83%E5%B1%80\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>布局</h2><p>水平布局可以考虑用 Bootstrap 的 <a href=\"http://getbootstrap.com/css/#grid\">Grids</a> 或者用 <code>hobx</code> 加 <code>col</code></p>\n<div class=\"amis-doc\"><div class=\"preview\"><div class=\"hbox b-a\">\n    <div class=\"col wrapper-sm bg-success\">Col A</div>\n    <div class=\"col wrapper-sm bg-info\">Col B</div>\n    <div class=\"col wrapper-sm bg-danger\">Col C</div>\n</div>\n</div><pre><code class=\"lang-html\">&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-success\"</span>&gt;Col A&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-info\"</span>&gt;Col B&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-danger\"</span>&gt;Col C&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n</code></pre></div>\n<h2><a class=\"anchor\" name=\"%E5%AE%BD%E9%AB%98\" href=\"#%E5%AE%BD%E9%AB%98\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>宽高</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.w-1x</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">1em</span>; }\n<span class=\"hljs-selector-class\">.w-2x</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">2em</span>; }\n<span class=\"hljs-selector-class\">.w-3x</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">3em</span>; }\n<span class=\"hljs-selector-class\">.w-xxs</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">60px</span>; }\n<span class=\"hljs-selector-class\">.w-xs</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">90px</span>; }\n<span class=\"hljs-selector-class\">.w-sm</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">150px</span>; }\n<span class=\"hljs-selector-class\">.w</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">200px</span>; }\n<span class=\"hljs-selector-class\">.w-md</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">240px</span>; }\n<span class=\"hljs-selector-class\">.w-lg</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">280px</span>; }\n<span class=\"hljs-selector-class\">.w-xl</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">320px</span>; }\n<span class=\"hljs-selector-class\">.w-xxl</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">360px</span>; }\n<span class=\"hljs-selector-class\">.w-full</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">100%</span>; }\n<span class=\"hljs-selector-class\">.w-auto</span> { <span class=\"hljs-attribute\">width</span>: auto; }\n<span class=\"hljs-selector-class\">.h-auto</span> { <span class=\"hljs-attribute\">height</span>: auto; }\n<span class=\"hljs-selector-class\">.h-full</span> { <span class=\"hljs-attribute\">height</span>: <span class=\"hljs-number\">100%</span> <span class=\"hljs-meta\">!important</span>; <span class=\"hljs-attribute\">max-height</span>: none <span class=\"hljs-meta\">!important</span>; }\n</code></pre>\n<div class=\"amis-doc\"><div class=\"preview\"><div class=\"hbox b-a bg-primary\">\n    <div class=\"col wrapper-sm b-r w-1x\">w-1x</div>\n    <div class=\"col wrapper-sm b-r w-2x\">w-2x</div>\n    <div class=\"col wrapper-sm b-r w-3x\">w-3x</div>\n    <div class=\"col wrapper-sm b-r w-xxs\">w-xxs</div>\n    <div class=\"col wrapper-sm b-r w-xs\">w-xs</div>\n    <div class=\"col wrapper-sm b-r w-sm\">w-sm</div>\n    <div class=\"col wrapper-sm b-r w\">w</div>\n    <div class=\"col wrapper-sm  lter\">...</div>\n</div>\n<div class=\"hbox b-a bg-primary m-t\">\n    <div class=\"col wrapper-sm b-r w-md\">w-md</div>\n    <div class=\"col wrapper-sm b-r w-lg\">w-lg</div>\n    <div class=\"col wrapper-sm b-r w-xl\">w-xl</div>\n    <div class=\"col wrapper-sm lter\">...</div>\n</div>\n<div class=\"hbox b-a bg-primary m-t\">\n    <div class=\"col wrapper-sm b-r w-xxl\">w-xxl</div>\n    <div class=\"col wrapper-sm lter\">...</div>\n</div>\n</div><pre><code class=\"lang-html\">&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-primary\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-1x\"</span>&gt;w<span class=\"hljs-number\">-1</span>x&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-2x\"</span>&gt;w<span class=\"hljs-number\">-2</span>x&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-3x\"</span>&gt;w<span class=\"hljs-number\">-3</span>x&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xxs\"</span>&gt;w-xxs&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xs\"</span>&gt;w-xs&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-sm\"</span>&gt;w-sm&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w\"</span>&gt;w&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm  lter\"</span>&gt;...&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-primary m-t\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-md\"</span>&gt;w-md&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-lg\"</span>&gt;w-lg&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xl\"</span>&gt;w-xl&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm lter\"</span>&gt;...&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-primary m-t\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xxl\"</span>&gt;w-xxl&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm lter\"</span>&gt;...&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n</code></pre></div>\n<h2><a class=\"anchor\" name=\"%E5%A4%96%E8%BE%B9%E8%B7%9D\" href=\"#%E5%A4%96%E8%BE%B9%E8%B7%9D\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>外边距</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.m-xxs</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">2px</span> <span class=\"hljs-number\">4px</span> }\n<span class=\"hljs-selector-class\">.m-xs</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-sm</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.m-md</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-lg</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-xl</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-n</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-l-none</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-l-xs</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-l-sm</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m-l</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-l-md</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-l-lg</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-l-xl</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">40px</span>; }\n<span class=\"hljs-selector-class\">.m-l-xxl</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-l-n-xxs</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-xs</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-sm</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-l-n</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-md</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-lg</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-xl</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-xxl</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-t-none</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-t-xxs</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">1px</span>; }\n<span class=\"hljs-selector-class\">.m-t-xs</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-t-sm</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m-t</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-t-md</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-t-lg</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-t-xl</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">40px</span>; }\n<span class=\"hljs-selector-class\">.m-t-xxl</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-t-n-xxs</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-xs</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-sm</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-t-n</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-md</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-lg</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-xl</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-xxl</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-r-none</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-r-xxs</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-r-xs</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-r-sm</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-r</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-r-md</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-r-lg</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-r-xl</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-r-xxl</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xxs</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xs</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-sm</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-r-n</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-md</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-lg</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xl</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xxl</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-b-none</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-b-xxs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">1px</span>; }\n<span class=\"hljs-selector-class\">.m-b-xs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-b-sm</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m-b</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.m-b-md</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-b-lg</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-b-xl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">40px</span>; }\n<span class=\"hljs-selector-class\">.m-b-xxl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-b-n-xxs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-xs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-sm</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-b-n</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-md</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-lg</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-xl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-xxl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">50px</span> }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%86%85%E8%BE%B9%E8%B7%9D\" href=\"#%E5%86%85%E8%BE%B9%E8%B7%9D\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>内边距</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.wrapper-xs</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-sm</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.wrapper</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-md</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-lg</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-xl</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.padder-xs</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">5px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.padder-sm</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">10px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.padder-lg</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">30px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.padder-md</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">20px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.padder</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.padder-v-xs</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">5px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.padder-v-sm</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">10px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.padder-v-lg</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">30px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.padder-v-md</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">20px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.padder-v</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.no-padder</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span>; }\n<span class=\"hljs-selector-class\">.pull-in</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.pull-out</span> { <span class=\"hljs-attribute\">margin</span>: -<span class=\"hljs-number\">10px</span> -<span class=\"hljs-number\">15px</span>; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E8%BE%B9%E6%A1%86\" href=\"#%E8%BE%B9%E6%A1%86\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>边框</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.b</span> { <span class=\"hljs-attribute\">border</span>: <span class=\"hljs-number\">1px</span> solid rgba(<span class=\"hljs-number\">0</span>, <span class=\"hljs-number\">0</span>, <span class=\"hljs-number\">0</span>, <span class=\"hljs-number\">0.05</span>) }\n<span class=\"hljs-selector-class\">.b-a</span> { <span class=\"hljs-attribute\">border</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-t</span> { <span class=\"hljs-attribute\">border-top</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-r</span> { <span class=\"hljs-attribute\">border-right</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-b</span> { <span class=\"hljs-attribute\">border-bottom</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-l</span> { <span class=\"hljs-attribute\">border-left</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-light</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-light</span> }\n<span class=\"hljs-selector-class\">.b-dark</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-black</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-primary</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-primary</span> }\n<span class=\"hljs-selector-class\">.b-success</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-success</span> }\n<span class=\"hljs-selector-class\">.b-info</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-info</span> }\n<span class=\"hljs-selector-class\">.b-warning</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-warning</span> }\n<span class=\"hljs-selector-class\">.b-danger</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-danger</span> }\n<span class=\"hljs-selector-class\">.b-white</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-number\">#fff</span> }\n<span class=\"hljs-selector-class\">.b-dashed</span> { <span class=\"hljs-attribute\">border-style</span>: dashed <span class=\"hljs-meta\">!important</span>; }\n<span class=\"hljs-selector-class\">.b-l-light</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-light</span> }\n<span class=\"hljs-selector-class\">.b-l-dark</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-l-black</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-l-primary</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-primary</span> }\n<span class=\"hljs-selector-class\">.b-l-success</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-success</span> }\n<span class=\"hljs-selector-class\">.b-l-info</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-info</span> }\n<span class=\"hljs-selector-class\">.b-l-warning</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-warning</span> }\n<span class=\"hljs-selector-class\">.b-l-danger</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-danger</span> }\n<span class=\"hljs-selector-class\">.b-l-white</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-number\">#fff</span> }\n<span class=\"hljs-selector-class\">.b-l-2x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">2px</span> }\n<span class=\"hljs-selector-class\">.b-l-3x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">3px</span> }\n<span class=\"hljs-selector-class\">.b-l-4x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">4px</span> }\n<span class=\"hljs-selector-class\">.b-l-5x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.b-2x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">2px</span> }\n<span class=\"hljs-selector-class\">.b-3x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">3px</span> }\n<span class=\"hljs-selector-class\">.b-4x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">4px</span> }\n<span class=\"hljs-selector-class\">.b-5x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">5px</span> }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%9C%86%E8%A7%92\" href=\"#%E5%9C%86%E8%A7%92\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>圆角</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.r</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span>; }\n<span class=\"hljs-selector-class\">.r-2x</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> * <span class=\"hljs-number\">2</span>; }\n<span class=\"hljs-selector-class\">.r-3x</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> * <span class=\"hljs-number\">3</span>; }\n<span class=\"hljs-selector-class\">.r-l</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-variable\">@border-radius-base</span>; }\n<span class=\"hljs-selector-class\">.r-r</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-number\">0</span>; }\n<span class=\"hljs-selector-class\">.r-t</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-number\">0</span>; }\n<span class=\"hljs-selector-class\">.r-b</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span>; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%AD%97%E4%BD%93%E7%9B%B8%E5%85%B3\" href=\"#%E5%AD%97%E4%BD%93%E7%9B%B8%E5%85%B3\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>字体相关</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.font-normal</span> { <span class=\"hljs-attribute\">font-weight</span>: normal; }\n<span class=\"hljs-selector-class\">.font-thin</span> { <span class=\"hljs-attribute\">font-weight</span>: <span class=\"hljs-number\">300</span>; }\n<span class=\"hljs-selector-class\">.font-bold</span> { <span class=\"hljs-attribute\">font-weight</span>: <span class=\"hljs-number\">700</span>; }\n<span class=\"hljs-selector-class\">.text-3x</span> { <span class=\"hljs-attribute\">font-size</span>: <span class=\"hljs-number\">3em</span>; }\n<span class=\"hljs-selector-class\">.text-2x</span> { <span class=\"hljs-attribute\">font-size</span>: <span class=\"hljs-number\">2em</span>; }\n<span class=\"hljs-selector-class\">.text-lg</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-lg; }\n<span class=\"hljs-selector-class\">.text-md</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-md; }\n<span class=\"hljs-selector-class\">.text-base</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-base; }\n<span class=\"hljs-selector-class\">.text-sm</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-sm; }\n<span class=\"hljs-selector-class\">.text-xs</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-xs; }\n<span class=\"hljs-selector-class\">.text-xxs</span> { <span class=\"hljs-attribute\">text-indent</span>: -<span class=\"hljs-number\">9999px</span> }\n<span class=\"hljs-selector-class\">.text-ellipsis</span> { <span class=\"hljs-attribute\">display</span>: block; <span class=\"hljs-attribute\">white-space</span>: nowrap; <span class=\"hljs-attribute\">overflow</span>: hidden; <span class=\"hljs-attribute\">text-overflow</span>: ellipsis; }\n<span class=\"hljs-selector-class\">.text-u-c</span> { <span class=\"hljs-attribute\">text-transform</span>: uppercase; }\n<span class=\"hljs-selector-class\">.text-l-t</span> { <span class=\"hljs-attribute\">text-decoration</span>: line-through; }\n<span class=\"hljs-selector-class\">.text-u-l</span> { <span class=\"hljs-attribute\">text-decoration</span>: underline; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%AE%9A%E4%BD%8D\" href=\"#%E5%AE%9A%E4%BD%8D\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>定位</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.pos-rlt</span> { <span class=\"hljs-attribute\">position</span>: relative; }\n<span class=\"hljs-selector-class\">.pos-stc</span> { <span class=\"hljs-attribute\">position</span>: static <span class=\"hljs-meta\">!important</span>; }\n<span class=\"hljs-selector-class\">.pos-abt</span> { <span class=\"hljs-attribute\">position</span>: absolute; }\n<span class=\"hljs-selector-class\">.pos-fix</span> { <span class=\"hljs-attribute\">position</span>: fixed; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E8%83%8C%E6%99%AF\" href=\"#%E8%83%8C%E6%99%AF\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>背景</h2><div class=\"amis-doc\"><div class=\"preview\"><div class=\"hbox b-a bg-light\">\n    <div class=\"col wrapper-sm b-r bg-white\">bg-white</div>\n    <div class=\"col wrapper-sm b-r bg-dark\">bg-dark</div>\n    <div class=\"col wrapper-sm b-r bg-info\">bg-info</div>\n    <div class=\"col wrapper-sm b-r bg-success\">bg-sucess</div>\n    <div class=\"col wrapper-sm b-r bg-warning\">bg-warning</div>\n    <div class=\"col wrapper-sm b-r bg-danger\">bg-danger</div>\n    <div class=\"col wrapper-sm bg-primary\">bg-primary</div>\n</div>\n</div><pre><code class=\"lang-html\">&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-light\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-white\"</span>&gt;bg-white&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-dark\"</span>&gt;bg-dark&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-info\"</span>&gt;bg-info&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-success\"</span>&gt;bg-sucess&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-warning\"</span>&gt;bg-warning&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-danger\"</span>&gt;bg-danger&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-primary\"</span>&gt;bg-primary&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n</code></pre></div>\n<h2><a class=\"anchor\" name=\"%E5%85%B6%E4%BB%96\" href=\"#%E5%85%B6%E4%BB%96\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>其他</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.show</span> { <span class=\"hljs-attribute\">visibility</span>: visible; }\n<span class=\"hljs-selector-class\">.line</span> { *<span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">100%</span>; <span class=\"hljs-attribute\">height</span>: <span class=\"hljs-number\">2px</span>; <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">10px</span> <span class=\"hljs-number\">0</span>; <span class=\"hljs-attribute\">font-size</span>: <span class=\"hljs-number\">0</span>; <span class=\"hljs-attribute\">overflow</span>: hidden; <span class=\"hljs-attribute\">background-color</span>: transparent; <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">0</span>; <span class=\"hljs-attribute\">border-top</span>: <span class=\"hljs-number\">1px</span> solid @border-color; }\n<span class=\"hljs-selector-class\">.line-xs</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.line-lg</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.line-dashed</span> { <span class=\"hljs-attribute\">border-style</span>: dashed; <span class=\"hljs-attribute\">background</span>: transparent; }\n<span class=\"hljs-selector-class\">.no-line</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.no-border</span>, <span class=\"hljs-selector-class\">.no-borders</span> { <span class=\"hljs-attribute\">border-color</span>: transparent; <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.no-radius</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.block</span> { <span class=\"hljs-attribute\">display</span>: block; }\n<span class=\"hljs-selector-class\">.block</span><span class=\"hljs-selector-class\">.hide</span> { <span class=\"hljs-attribute\">display</span>: none; }\n<span class=\"hljs-selector-class\">.inline</span> { <span class=\"hljs-attribute\">display</span>: inline-block !important; }\n<span class=\"hljs-selector-class\">.none</span> { <span class=\"hljs-attribute\">display</span>: none; }\n<span class=\"hljs-selector-class\">.pull-none</span> { <span class=\"hljs-attribute\">float</span>: none; }\n<span class=\"hljs-selector-class\">.rounded</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">500px</span>; }\n<span class=\"hljs-selector-class\">.clear</span> { <span class=\"hljs-attribute\">display</span>: block; <span class=\"hljs-attribute\">overflow</span>: hidden; }\n<span class=\"hljs-selector-class\">.no-bg</span> { <span class=\"hljs-attribute\">background-color</span>: transparent; <span class=\"hljs-attribute\">color</span>: inherit; }\n<span class=\"hljs-selector-class\">.no-select</span> { -webkit-touch-callout: <span class=\"hljs-attribute\">none</span>; -webkit-user-select: <span class=\"hljs-attribute\">none</span>; -khtml-user-select: <span class=\"hljs-attribute\">none</span>; -moz-user-select: <span class=\"hljs-attribute\">none</span>; -ms-user-select: <span class=\"hljs-attribute\">none</span>; user-select: <span class=\"hljs-attribute\">none</span>; }\n</code></pre>\n",
+    "html": "<p>amis 中有大量的功能类 class 可以使用，即可以用在 schema 中，也可以用在自定义组件开发中，掌握这些 class, 几乎可以不用写样式。</p>\n<p>amis 中的样式基于 <a href=\"http://getbootstrap.com/css/\">BootStrap V3</a>, 这里主要讲 Bootstrap 中没有涉及到的。</p>\n<h2><a class=\"anchor\" name=\"%E5%9B%BE%E6%A0%87\" href=\"#%E5%9B%BE%E6%A0%87\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>图标</h2><p>amis 集成了 <a href=\"http://fontawesome.io/icons/\">fontawesome</a>，所以关于图标部分，请前往 <a href=\"http://fontawesome.io/icons/\">fontawesome</a> 查看。</p>\n<h2><a class=\"anchor\" name=\"%E5%B8%83%E5%B1%80\" href=\"#%E5%B8%83%E5%B1%80\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>布局</h2><p>水平布局可以考虑用 Bootstrap 的 <a href=\"http://getbootstrap.com/css/#grid\">Grids</a> 或者用 <code>hobx</code> 加 <code>col</code></p>\n<div class=\"amis-doc\"><div class=\"preview\"><div class=\"hbox b-a\">\n    <div class=\"col wrapper-sm bg-success\">Col A</div>\n    <div class=\"col wrapper-sm bg-info\">Col B</div>\n    <div class=\"col wrapper-sm bg-danger\">Col C</div>\n</div>\n</div><pre><code class=\"lang-html\">&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-success\"</span>&gt;Col A&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-info\"</span>&gt;Col B&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-danger\"</span>&gt;Col C&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n</code></pre></div>\n<h2><a class=\"anchor\" name=\"%E5%AE%BD%E9%AB%98\" href=\"#%E5%AE%BD%E9%AB%98\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>宽高</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.w-1x</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">1em</span>; }\n<span class=\"hljs-selector-class\">.w-2x</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">2em</span>; }\n<span class=\"hljs-selector-class\">.w-3x</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">3em</span>; }\n<span class=\"hljs-selector-class\">.w-xxs</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">60px</span>; }\n<span class=\"hljs-selector-class\">.w-xs</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">90px</span>; }\n<span class=\"hljs-selector-class\">.w-sm</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">150px</span>; }\n<span class=\"hljs-selector-class\">.w</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">200px</span>; }\n<span class=\"hljs-selector-class\">.w-md</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">240px</span>; }\n<span class=\"hljs-selector-class\">.w-lg</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">280px</span>; }\n<span class=\"hljs-selector-class\">.w-xl</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">320px</span>; }\n<span class=\"hljs-selector-class\">.w-xxl</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">360px</span>; }\n<span class=\"hljs-selector-class\">.w-full</span> { <span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">100%</span>; }\n<span class=\"hljs-selector-class\">.w-auto</span> { <span class=\"hljs-attribute\">width</span>: auto; }\n<span class=\"hljs-selector-class\">.h-auto</span> { <span class=\"hljs-attribute\">height</span>: auto; }\n<span class=\"hljs-selector-class\">.h-full</span> { <span class=\"hljs-attribute\">height</span>: <span class=\"hljs-number\">100%</span> <span class=\"hljs-meta\">!important</span>; <span class=\"hljs-attribute\">max-height</span>: none <span class=\"hljs-meta\">!important</span>; }\n</code></pre>\n<div class=\"amis-doc\"><div class=\"preview\"><div class=\"hbox b-a bg-primary\">\n    <div class=\"col wrapper-sm b-r w-1x\">w-1x</div>\n    <div class=\"col wrapper-sm b-r w-2x\">w-2x</div>\n    <div class=\"col wrapper-sm b-r w-3x\">w-3x</div>\n    <div class=\"col wrapper-sm b-r w-xxs\">w-xxs</div>\n    <div class=\"col wrapper-sm b-r w-xs\">w-xs</div>\n    <div class=\"col wrapper-sm b-r w-sm\">w-sm</div>\n    <div class=\"col wrapper-sm b-r w\">w</div>\n    <div class=\"col wrapper-sm  lter\">...</div>\n</div>\n<div class=\"hbox b-a bg-primary m-t\">\n    <div class=\"col wrapper-sm b-r w-md\">w-md</div>\n    <div class=\"col wrapper-sm b-r w-lg\">w-lg</div>\n    <div class=\"col wrapper-sm b-r w-xl\">w-xl</div>\n    <div class=\"col wrapper-sm lter\">...</div>\n</div>\n<div class=\"hbox b-a bg-primary m-t\">\n    <div class=\"col wrapper-sm b-r w-xxl\">w-xxl</div>\n    <div class=\"col wrapper-sm lter\">...</div>\n</div>\n</div><pre><code class=\"lang-html\">&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-primary\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-1x\"</span>&gt;w<span class=\"hljs-number\">-1</span>x&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-2x\"</span>&gt;w<span class=\"hljs-number\">-2</span>x&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-3x\"</span>&gt;w<span class=\"hljs-number\">-3</span>x&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xxs\"</span>&gt;w-xxs&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xs\"</span>&gt;w-xs&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-sm\"</span>&gt;w-sm&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w\"</span>&gt;w&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm  lter\"</span>&gt;...&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-primary m-t\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-md\"</span>&gt;w-md&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-lg\"</span>&gt;w-lg&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xl\"</span>&gt;w-xl&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm lter\"</span>&gt;...&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-primary m-t\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r w-xxl\"</span>&gt;w-xxl&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm lter\"</span>&gt;...&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n</code></pre></div>\n<h2><a class=\"anchor\" name=\"%E5%A4%96%E8%BE%B9%E8%B7%9D\" href=\"#%E5%A4%96%E8%BE%B9%E8%B7%9D\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>外边距</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.m-xxs</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">2px</span> <span class=\"hljs-number\">4px</span> }\n<span class=\"hljs-selector-class\">.m-xs</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-sm</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.m-md</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-lg</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-xl</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-n</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-l-none</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-l-xs</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-l-sm</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m-l</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-l-md</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-l-lg</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-l-xl</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">40px</span>; }\n<span class=\"hljs-selector-class\">.m-l-xxl</span> { <span class=\"hljs-attribute\">margin-left</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-l-n-xxs</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-xs</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-sm</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-l-n</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-md</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-lg</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-xl</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-l-n-xxl</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-t-none</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-t-xxs</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">1px</span>; }\n<span class=\"hljs-selector-class\">.m-t-xs</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-t-sm</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m-t</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-t-md</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-t-lg</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-t-xl</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">40px</span>; }\n<span class=\"hljs-selector-class\">.m-t-xxl</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-t-n-xxs</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-xs</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-sm</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-t-n</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-md</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-lg</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-xl</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-t-n-xxl</span> { <span class=\"hljs-attribute\">margin-top</span>: -<span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-r-none</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-r-xxs</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-r-xs</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-r-sm</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-r</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-r-md</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-r-lg</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-r-xl</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-r-xxl</span> { <span class=\"hljs-attribute\">margin-right</span>: <span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xxs</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xs</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-sm</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-r-n</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-md</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-lg</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xl</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-r-n-xxl</span> { <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">50px</span> }\n<span class=\"hljs-selector-class\">.m-b-none</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span> }\n<span class=\"hljs-selector-class\">.m-b-xxs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">1px</span>; }\n<span class=\"hljs-selector-class\">.m-b-xs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.m-b-sm</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.m-b</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.m-b-md</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.m-b-lg</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.m-b-xl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">40px</span>; }\n<span class=\"hljs-selector-class\">.m-b-xxl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.m-b-n-xxs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">1px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-xs</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-sm</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.m-b-n</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-md</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-lg</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-xl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">40px</span> }\n<span class=\"hljs-selector-class\">.m-b-n-xxl</span> { <span class=\"hljs-attribute\">margin-bottom</span>: -<span class=\"hljs-number\">50px</span> }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%86%85%E8%BE%B9%E8%B7%9D\" href=\"#%E5%86%85%E8%BE%B9%E8%B7%9D\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>内边距</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.wrapper-xs</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">5px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-sm</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">10px</span>; }\n<span class=\"hljs-selector-class\">.wrapper</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-md</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">20px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-lg</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">30px</span>; }\n<span class=\"hljs-selector-class\">.wrapper-xl</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">50px</span>; }\n<span class=\"hljs-selector-class\">.padder-xs</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">5px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.padder-sm</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">10px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.padder-lg</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">30px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.padder-md</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">20px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.padder</span> { <span class=\"hljs-attribute\">padding-left</span>: <span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">padding-right</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.padder-v-xs</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">5px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.padder-v-sm</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">10px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">10px</span> }\n<span class=\"hljs-selector-class\">.padder-v-lg</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">30px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">30px</span> }\n<span class=\"hljs-selector-class\">.padder-v-md</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">20px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">20px</span> }\n<span class=\"hljs-selector-class\">.padder-v</span> { <span class=\"hljs-attribute\">padding-top</span>: <span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">padding-bottom</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.no-padder</span> { <span class=\"hljs-attribute\">padding</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-meta\">!important</span>; }\n<span class=\"hljs-selector-class\">.pull-in</span> { <span class=\"hljs-attribute\">margin-left</span>: -<span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">margin-right</span>: -<span class=\"hljs-number\">15px</span>; }\n<span class=\"hljs-selector-class\">.pull-out</span> { <span class=\"hljs-attribute\">margin</span>: -<span class=\"hljs-number\">10px</span> -<span class=\"hljs-number\">15px</span>; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E8%BE%B9%E6%A1%86\" href=\"#%E8%BE%B9%E6%A1%86\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>边框</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.b</span> { <span class=\"hljs-attribute\">border</span>: <span class=\"hljs-number\">1px</span> solid rgba(<span class=\"hljs-number\">0</span>, <span class=\"hljs-number\">0</span>, <span class=\"hljs-number\">0</span>, <span class=\"hljs-number\">0.05</span>) }\n<span class=\"hljs-selector-class\">.b-a</span> { <span class=\"hljs-attribute\">border</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-t</span> { <span class=\"hljs-attribute\">border-top</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-r</span> { <span class=\"hljs-attribute\">border-right</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-b</span> { <span class=\"hljs-attribute\">border-bottom</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-l</span> { <span class=\"hljs-attribute\">border-left</span>: <span class=\"hljs-number\">1px</span> solid <span class=\"hljs-variable\">@border-color</span> }\n<span class=\"hljs-selector-class\">.b-light</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-light</span> }\n<span class=\"hljs-selector-class\">.b-dark</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-black</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-primary</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-primary</span> }\n<span class=\"hljs-selector-class\">.b-success</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-success</span> }\n<span class=\"hljs-selector-class\">.b-info</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-info</span> }\n<span class=\"hljs-selector-class\">.b-warning</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-warning</span> }\n<span class=\"hljs-selector-class\">.b-danger</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-variable\">@brand-danger</span> }\n<span class=\"hljs-selector-class\">.b-white</span> { <span class=\"hljs-attribute\">border-color</span>: <span class=\"hljs-number\">#fff</span> }\n<span class=\"hljs-selector-class\">.b-dashed</span> { <span class=\"hljs-attribute\">border-style</span>: dashed <span class=\"hljs-meta\">!important</span>; }\n<span class=\"hljs-selector-class\">.b-l-light</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-light</span> }\n<span class=\"hljs-selector-class\">.b-l-dark</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-l-black</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-dark</span> }\n<span class=\"hljs-selector-class\">.b-l-primary</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-primary</span> }\n<span class=\"hljs-selector-class\">.b-l-success</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-success</span> }\n<span class=\"hljs-selector-class\">.b-l-info</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-info</span> }\n<span class=\"hljs-selector-class\">.b-l-warning</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-warning</span> }\n<span class=\"hljs-selector-class\">.b-l-danger</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-variable\">@brand-danger</span> }\n<span class=\"hljs-selector-class\">.b-l-white</span> { <span class=\"hljs-attribute\">border-left-color</span>: <span class=\"hljs-number\">#fff</span> }\n<span class=\"hljs-selector-class\">.b-l-2x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">2px</span> }\n<span class=\"hljs-selector-class\">.b-l-3x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">3px</span> }\n<span class=\"hljs-selector-class\">.b-l-4x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">4px</span> }\n<span class=\"hljs-selector-class\">.b-l-5x</span> { <span class=\"hljs-attribute\">border-left-width</span>: <span class=\"hljs-number\">5px</span> }\n<span class=\"hljs-selector-class\">.b-2x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">2px</span> }\n<span class=\"hljs-selector-class\">.b-3x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">3px</span> }\n<span class=\"hljs-selector-class\">.b-4x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">4px</span> }\n<span class=\"hljs-selector-class\">.b-5x</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">5px</span> }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%9C%86%E8%A7%92\" href=\"#%E5%9C%86%E8%A7%92\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>圆角</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.r</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span>; }\n<span class=\"hljs-selector-class\">.r-2x</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> * <span class=\"hljs-number\">2</span>; }\n<span class=\"hljs-selector-class\">.r-3x</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> * <span class=\"hljs-number\">3</span>; }\n<span class=\"hljs-selector-class\">.r-l</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-variable\">@border-radius-base</span>; }\n<span class=\"hljs-selector-class\">.r-r</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-number\">0</span>; }\n<span class=\"hljs-selector-class\">.r-t</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-number\">0</span>; }\n<span class=\"hljs-selector-class\">.r-b</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">0</span> <span class=\"hljs-number\">0</span> <span class=\"hljs-variable\">@border-radius-base</span> <span class=\"hljs-variable\">@border-radius-base</span>; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%AD%97%E4%BD%93%E7%9B%B8%E5%85%B3\" href=\"#%E5%AD%97%E4%BD%93%E7%9B%B8%E5%85%B3\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>字体相关</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.font-normal</span> { <span class=\"hljs-attribute\">font-weight</span>: normal; }\n<span class=\"hljs-selector-class\">.font-thin</span> { <span class=\"hljs-attribute\">font-weight</span>: <span class=\"hljs-number\">300</span>; }\n<span class=\"hljs-selector-class\">.font-bold</span> { <span class=\"hljs-attribute\">font-weight</span>: <span class=\"hljs-number\">700</span>; }\n<span class=\"hljs-selector-class\">.text-3x</span> { <span class=\"hljs-attribute\">font-size</span>: <span class=\"hljs-number\">3em</span>; }\n<span class=\"hljs-selector-class\">.text-2x</span> { <span class=\"hljs-attribute\">font-size</span>: <span class=\"hljs-number\">2em</span>; }\n<span class=\"hljs-selector-class\">.text-lg</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-lg; }\n<span class=\"hljs-selector-class\">.text-md</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-md; }\n<span class=\"hljs-selector-class\">.text-base</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-base; }\n<span class=\"hljs-selector-class\">.text-sm</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-sm; }\n<span class=\"hljs-selector-class\">.text-xs</span> { <span class=\"hljs-attribute\">font-size</span>: @font-size-xs; }\n<span class=\"hljs-selector-class\">.text-xxs</span> { <span class=\"hljs-attribute\">text-indent</span>: -<span class=\"hljs-number\">9999px</span> }\n<span class=\"hljs-selector-class\">.text-ellipsis</span> { <span class=\"hljs-attribute\">display</span>: block; <span class=\"hljs-attribute\">white-space</span>: nowrap; <span class=\"hljs-attribute\">overflow</span>: hidden; <span class=\"hljs-attribute\">text-overflow</span>: ellipsis; }\n<span class=\"hljs-selector-class\">.text-u-c</span> { <span class=\"hljs-attribute\">text-transform</span>: uppercase; }\n<span class=\"hljs-selector-class\">.text-l-t</span> { <span class=\"hljs-attribute\">text-decoration</span>: line-through; }\n<span class=\"hljs-selector-class\">.text-u-l</span> { <span class=\"hljs-attribute\">text-decoration</span>: underline; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E5%AE%9A%E4%BD%8D\" href=\"#%E5%AE%9A%E4%BD%8D\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>定位</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.pos-rlt</span> { <span class=\"hljs-attribute\">position</span>: relative; }\n<span class=\"hljs-selector-class\">.pos-stc</span> { <span class=\"hljs-attribute\">position</span>: static <span class=\"hljs-meta\">!important</span>; }\n<span class=\"hljs-selector-class\">.pos-abt</span> { <span class=\"hljs-attribute\">position</span>: absolute; }\n<span class=\"hljs-selector-class\">.pos-fix</span> { <span class=\"hljs-attribute\">position</span>: fixed; }\n</code></pre>\n<h2><a class=\"anchor\" name=\"%E8%83%8C%E6%99%AF\" href=\"#%E8%83%8C%E6%99%AF\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>背景</h2><div class=\"amis-doc\"><div class=\"preview\"><div class=\"hbox b-a bg-light\">\n    <div class=\"col wrapper-sm b-r bg-white\">bg-white</div>\n    <div class=\"col wrapper-sm b-r bg-dark\">bg-dark</div>\n    <div class=\"col wrapper-sm b-r bg-info\">bg-info</div>\n    <div class=\"col wrapper-sm b-r bg-success\">bg-sucess</div>\n    <div class=\"col wrapper-sm b-r bg-warning\">bg-warning</div>\n    <div class=\"col wrapper-sm b-r bg-danger\">bg-danger</div>\n    <div class=\"col wrapper-sm bg-primary\">bg-primary</div>\n</div>\n</div><pre><code class=\"lang-html\">&lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"hbox b-a bg-light\"</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-white\"</span>&gt;bg-white&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-dark\"</span>&gt;bg-dark&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-info\"</span>&gt;bg-info&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-success\"</span>&gt;bg-sucess&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-warning\"</span>&gt;bg-warning&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm b-r bg-danger\"</span>&gt;bg-danger&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n    &lt;<span class=\"hljs-keyword\">div</span> <span class=\"hljs-built_in\">class</span>=<span class=\"hljs-string\">\"col wrapper-sm bg-primary\"</span>&gt;bg-primary&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n&lt;/<span class=\"hljs-keyword\">div</span>&gt;\n</code></pre></div>\n<h2><a class=\"anchor\" name=\"%E5%85%B6%E4%BB%96\" href=\"#%E5%85%B6%E4%BB%96\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"octicon octicon-link\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>其他</h2><pre><code class=\"lang-css\"><span class=\"hljs-selector-class\">.show</span> { <span class=\"hljs-attribute\">visibility</span>: visible; }\n<span class=\"hljs-selector-class\">.line</span> { *<span class=\"hljs-attribute\">width</span>: <span class=\"hljs-number\">100%</span>; <span class=\"hljs-attribute\">height</span>: <span class=\"hljs-number\">2px</span>; <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">10px</span> <span class=\"hljs-number\">0</span>; <span class=\"hljs-attribute\">font-size</span>: <span class=\"hljs-number\">0</span>; <span class=\"hljs-attribute\">overflow</span>: hidden; <span class=\"hljs-attribute\">background-color</span>: transparent; <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">0</span>; <span class=\"hljs-attribute\">border-top</span>: <span class=\"hljs-number\">1px</span> solid @border-color; }\n<span class=\"hljs-selector-class\">.line-xs</span> { <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.line-lg</span> { <span class=\"hljs-attribute\">margin-top</span>: <span class=\"hljs-number\">15px</span>; <span class=\"hljs-attribute\">margin-bottom</span>: <span class=\"hljs-number\">15px</span> }\n<span class=\"hljs-selector-class\">.line-dashed</span> { <span class=\"hljs-attribute\">border-style</span>: dashed; <span class=\"hljs-attribute\">background</span>: transparent; }\n<span class=\"hljs-selector-class\">.no-line</span> { <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.no-border</span>, <span class=\"hljs-selector-class\">.no-borders</span> { <span class=\"hljs-attribute\">border-color</span>: transparent; <span class=\"hljs-attribute\">border-width</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.no-radius</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">0</span> }\n<span class=\"hljs-selector-class\">.block</span> { <span class=\"hljs-attribute\">display</span>: block; }\n<span class=\"hljs-selector-class\">.block</span><span class=\"hljs-selector-class\">.hide</span> { <span class=\"hljs-attribute\">display</span>: none; }\n<span class=\"hljs-selector-class\">.inline</span> { <span class=\"hljs-attribute\">display</span>: inline-block !important; }\n<span class=\"hljs-selector-class\">.none</span> { <span class=\"hljs-attribute\">display</span>: none; }\n<span class=\"hljs-selector-class\">.pull-none</span> { <span class=\"hljs-attribute\">float</span>: none; }\n<span class=\"hljs-selector-class\">.rounded</span> { <span class=\"hljs-attribute\">border-radius</span>: <span class=\"hljs-number\">500px</span>; }\n<span class=\"hljs-selector-class\">.clear</span> { <span class=\"hljs-attribute\">display</span>: block; <span class=\"hljs-attribute\">overflow</span>: hidden; }\n<span class=\"hljs-selector-class\">.no-bg</span> { <span class=\"hljs-attribute\">background-color</span>: transparent; <span class=\"hljs-attribute\">color</span>: inherit; }\n<span class=\"hljs-selector-class\">.no-select</span> { -webkit-touch-callout: <span class=\"hljs-attribute\">none</span>; -webkit-user-select: <span class=\"hljs-attribute\">none</span>; -khtml-user-select: <span class=\"hljs-attribute\">none</span>; -moz-user-select: <span class=\"hljs-attribute\">none</span>; -ms-user-select: <span class=\"hljs-attribute\">none</span>; user-select: <span class=\"hljs-attribute\">none</span>; }\n</code></pre>\n\n\n<div class=\"m-t-lg b-l b-info b-3x wrapper bg-light dk\">文档内容有误？欢迎大家一起来编写，文档地址：<i class=\"fa fa-github\"></i><a href=\"https://github.com/baidu/amis/tree/master/docs/style.md\">/docs/style.md</a>。</div>",
     "toc": {
       "label": "目录",
       "type": "toc",
diff --git a/gh-pages/form/combo.html b/gh-pages/form/combo.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/combo.html
+++ b/gh-pages/form/combo.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/custom.html b/gh-pages/form/custom.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/custom.html
+++ b/gh-pages/form/custom.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/definitions.html b/gh-pages/form/definitions.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/definitions.html
+++ b/gh-pages/form/definitions.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/fields-tabs.html b/gh-pages/form/fields-tabs.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/fields-tabs.html
+++ b/gh-pages/form/fields-tabs.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/fieldset.html b/gh-pages/form/fieldset.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/fieldset.html
+++ b/gh-pages/form/fieldset.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/formula.html b/gh-pages/form/formula.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/formula.html
+++ b/gh-pages/form/formula.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/full.html b/gh-pages/form/full.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/full.html
+++ b/gh-pages/form/full.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/hint.html b/gh-pages/form/hint.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/hint.html
+++ b/gh-pages/form/hint.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/ide.html b/gh-pages/form/ide.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/ide.html
+++ b/gh-pages/form/ide.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/json-schema.html b/gh-pages/form/json-schema.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/json-schema.html
+++ b/gh-pages/form/json-schema.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/mode.html b/gh-pages/form/mode.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/mode.html
+++ b/gh-pages/form/mode.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/picker.html b/gh-pages/form/picker.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/picker.html
+++ b/gh-pages/form/picker.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/reaction.html b/gh-pages/form/reaction.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/reaction.html
+++ b/gh-pages/form/reaction.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/remote.html b/gh-pages/form/remote.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/remote.html
+++ b/gh-pages/form/remote.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/rich-text.html b/gh-pages/form/rich-text.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/rich-text.html
+++ b/gh-pages/form/rich-text.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/static.html b/gh-pages/form/static.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/static.html
+++ b/gh-pages/form/static.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/sub-form.html b/gh-pages/form/sub-form.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/sub-form.html
+++ b/gh-pages/form/sub-form.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/table.html b/gh-pages/form/table.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/table.html
+++ b/gh-pages/form/table.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/tabs.html b/gh-pages/form/tabs.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/tabs.html
+++ b/gh-pages/form/tabs.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/form/validation.html b/gh-pages/form/validation.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/form/validation.html
+++ b/gh-pages/form/validation.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/horizontal.html b/gh-pages/horizontal.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/horizontal.html
+++ b/gh-pages/horizontal.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/iframe.html b/gh-pages/iframe.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/iframe.html
+++ b/gh-pages/iframe.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/index.html b/gh-pages/index.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/index.html
+++ b/gh-pages/index.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/linkpage/crud.html b/gh-pages/linkpage/crud.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/linkpage/crud.html
+++ b/gh-pages/linkpage/crud.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/linkpage/form.html b/gh-pages/linkpage/form.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/linkpage/form.html
+++ b/gh-pages/linkpage/form.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/linkpage/form2.html b/gh-pages/linkpage/form2.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/linkpage/form2.html
+++ b/gh-pages/linkpage/form2.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/linkpage/options-local.html b/gh-pages/linkpage/options-local.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/linkpage/options-local.html
+++ b/gh-pages/linkpage/options-local.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/linkpage/options.html b/gh-pages/linkpage/options.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/linkpage/options.html
+++ b/gh-pages/linkpage/options.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/linkpage/page.html b/gh-pages/linkpage/page.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/linkpage/page.html
+++ b/gh-pages/linkpage/page.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/pages/error.html b/gh-pages/pages/error.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/pages/error.html
+++ b/gh-pages/pages/error.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/pages/form.html b/gh-pages/pages/form.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/pages/form.html
+++ b/gh-pages/pages/form.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/pages/simple.html b/gh-pages/pages/simple.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/pages/simple.html
+++ b/gh-pages/pages/simple.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/pkg/app_b754f1d.js b/gh-pages/pkg/app_de7f2da.js
similarity index 99%
rename from gh-pages/pkg/app_b754f1d.js
rename to gh-pages/pkg/app_de7f2da.js
index edb846188..b792c93b9 100644
--- a/gh-pages/pkg/app_b754f1d.js
+++ b/gh-pages/pkg/app_de7f2da.js
@@ -381,7 +381,7 @@ define("78c2565",function(e,t){"use strict";Object.defineProperty(t,"__esModule"
 ;/*!examples/components/Form/Definitions.jsx*/
 define("efdb183",function(e,l){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.default={$schema:"https://houtai.baidu.com/v2/schemas/page.json#",definitions:{options:{type:"combo",multiple:!0,multiLine:!0,controls:[{type:"group",controls:[{label:"名称",name:"label",type:"text",required:!0},{label:"值",name:"value",type:"text",required:!0}]},{$ref:"options",label:"子选项",name:"children",addButtonText:"新增子选项"}]},queryItem:{type:"combo",multiple:!0,multiLine:!0,typeSwitchable:!1,conditions:[{label:"条件",test:"!data.hasOwnProperty('connect')",scaffold:{},controls:[{type:"group",className:"m-b-none",controls:[{name:"key",type:"text",placeholder:"字段名",required:!0},{name:"type",type:"select",value:0,options:[{label:"int64",value:0},{label:"double64",value:1},{label:"string",value:2},{label:"version",value:3}]},{type:"formula",name:"opt",formula:'""',condition:"${type}"},{name:"opt",type:"select",placeholder:"请选择",required:!0,options:[{label:">",value:">",visibleOn:"~[0,1,3].indexOf(this.type)"},{label:"<",value:"<",visibleOn:"~[0,1,3].indexOf(this.type)"},{label:"==",value:"=="},{label:">=",value:">=",visibleOn:"~[0,1,3].indexOf(this.type)"},{label:"<=",value:"<=",visibleOn:"~[0,1,3].indexOf(this.type)"},{label:"in",value:"in"},{label:"not in",value:"not in"},{label:"!=",value:"!="}]},{name:"val",type:"text",placeholder:"值",required:!0,visibleOn:'~[">", "<", ">=", "<=", "==", "!="].indexOf(this.opt)'},{name:"val",type:"array",required:!0,minLength:1,items:{type:"text",placeholder:"值",required:!0},visibleOn:'~["in", "not in"].indexOf(this.opt)'}]}]},{label:"组合",test:"data.hasOwnProperty('connect')",scaffold:{connect:"&",exprs:[{}]},controls:[{type:"button-group",name:"connect",value:"&",clearable:!1,size:"xs",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}]},{$ref:"queryItem",name:"exprs",minLength:1,value:[{}]}]}]},queryGroup:{type:"combo",multiple:!1,multiLine:!0,controls:[{type:"button-group",name:"connect",value:"&",clearable:!1,size:"sm",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}]},{$ref:"queryItem",name:"exprs",minLength:1,value:[{}]}]}},type:"page",title:"引用",body:["<p>引用可以用来减少重复的结构定义，<code>最主要的是可以用来实现结构的递归定义</code>。</p>",{type:"form",api:"https://houtai.baidu.com/api/mock2/saveForm",mode:"horizontal",controls:[{$ref:"options",name:"options",value:[{label:"选项1",value:"1"}],minLength:1,label:"选项配置"}]},{type:"form",api:"https://houtai.baidu.com/api/mock2/saveForm",controls:[{$ref:"queryGroup",name:"q",value:{},label:"Query"},{type:"static",name:"q",label:"当前值",tpl:"<pre>${q|json}</pre>"}]}]}});
 ;/*!examples/components/MdRenderer.jsx*/
-define("0c7f915",function(e,t){"use strict";function n(e,t){return!(!e.fullPath||e.fullPath!==t.hash)}function a(e){return t=function(t){function a(e){var n=t.call(this,e)||this;return n.ref=null,n.doms=[],n.divRef=n.divRef.bind(n),n.handleClick=n.handleClick.bind(n),n}return r.__extends(a,t),a.prototype.componentDidMount=function(){if(this.renderSchema(),location.hash&&location.hash.length>1){window.history&&"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var e=document.querySelector('[name="'+location.hash.substring(1)+'"]');e&&e.scrollIntoView()}},a.prototype.componentDidUpdate=function(){this.renderSchema()},a.prototype.componentWillUnmount=function(){this.doms.forEach(function(e){return o.default.unmountComponentAtNode(e)})},a.prototype.handleClick=function(e){var t=e.target.getAttribute("href");t&&"#"!==t[0]&&!/^http/.test(t)&&(e.preventDefault(),this.props.push(t))},a.prototype.divRef=function(t){this.ref=t,t&&(t.innerHTML=e.html)},a.prototype.renderSchema=function(){var e=this,t=document.querySelectorAll('script[type="text/schema"]');if(t||t.length)for(var n=function(n){var i=t[n],u={};[].slice.apply(i.attributes).forEach(function(e){u[e.name]=e.value});var s=document.createElement("div"),c=u.height?parseInt(u.height,10):200;s.setAttribute("class","doc-play-ground"),s.setAttribute("style","height: "+c+"px;"),i.parentNode.replaceChild(s,i),a.doms.push(s),o.default.unstable_renderSubtreeIntoContainer(a,l.default.createElement(d.default,r.__assign({},a.props,{container:function(){return o.default.findDOMNode(e)},height:c,component:p,code:i.innerText,scope:u.scope,unMountOnHidden:!0,placeholder:"加载中，请稍后。。。"})),s)},a=this,i=0,u=t.length;u>i;i++)n(i,u)},a.prototype.render=function(){var t=this.props.location;return l.default.createElement("div",{className:"pos-rlt"},e.title?l.default.createElement(i.default,{title:e.title}):null,l.default.createElement("div",{className:"markdown-body",ref:this.divRef},"Doc"),e.toc&&e.toc.children&&e.toc.children.length>1?l.default.createElement(f.Portal,{container:function(){return document.querySelector("#asideInner")}},l.default.createElement(c.default,{navigations:[e.toc],renderLink:function(e){var t=e.link,n=(e.active,e.toggleExpand),a=e.depth,r=e.classnames,o=[];return t.children&&o.push(l.default.createElement("span",{key:"expand-toggle",className:r("AsideNav-itemArrow")})),t.badge&&o.push(l.default.createElement("b",{key:"badge",className:r("AsideNav-itemBadge",t.badgeClassName||"bg-info")},t.badge)),1===a&&o.push(l.default.createElement("i",{key:"icon",className:r("AsideNav-itemIcon fa fa-flag")})),o.push(l.default.createElement("span",{key:"label",className:r("AsideNav-itemLabel")},t.label)),t.fragment?l.default.createElement("a",{href:"#"+t.fragment},o):l.default.createElement("a",{onClick:t.children?function(){return n(t)}:null},o)},isActive:function(e){return n(e,t)}})):null)},a}(l.default.Component),t.displayName="MarkdownRenderer",t;var t}Object.defineProperty(t,"__esModule",{value:!0});var r=e("node_modules/tslib/tslib"),l=r.__importDefault(e("node_modules/react/index")),o=r.__importDefault(e("node_modules/react-dom/index")),i=r.__importDefault(e("06d307c")),d=r.__importDefault(e("4783ce8")),u=r.__importDefault(e("997df41")),s=r.__importDefault(e("2b3dcdf")),c=r.__importDefault(e("4e7c54b")),f=e("node_modules/react-overlays/lib/index"),p=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={PlayGround:null},e}return r.__extends(n,t),n.prototype.componentDidMount=function(){var t=this;e(["9b1667d"],function(e){return t.setState({PlayGround:e.default})})},n.prototype.render=function(){var e=this,t=this.props,n=t.container,a=t.height,o=(t.setAsideFolded,t.setHeaderVisible,r.__rest(t,["container","height","setAsideFolded","setHeaderVisible"])),i=this.state.PlayGround;return l.default.createElement("div",null,l.default.createElement("span",{style:{display:"block",height:a},ref:"span"}),i?l.default.createElement(u.default,{container:n,target:function(){return e.refs.span},placement:"bottom",show:!0},l.default.createElement(s.default,{offset:{x:0,y:-a},style:{height:a},className:"doc-shcema-preview-popover"},l.default.createElement("div",{className:"doc-schema-preview"},l.default.createElement(i,r.__assign({},o,{vertical:!0}))))):null)},n}(l.default.Component);t.default=a});
+define("0c7f915",function(e,t){"use strict";function n(e,t){return!(!e.fullPath||e.fullPath!==t.hash)}function a(e){return t=function(t){function a(e){var n=t.call(this,e)||this;return n.ref=null,n.doms=[],n.divRef=n.divRef.bind(n),n.handleClick=n.handleClick.bind(n),n}return r.__extends(a,t),a.prototype.componentDidMount=function(){if(this.renderSchema(),location.hash&&location.hash.length>1){window.history&&"scrollRestoration"in window.history&&(window.history.scrollRestoration="manual");var e=document.querySelector('[name="'+location.hash.substring(1)+'"]');e&&e.scrollIntoView()}},a.prototype.componentDidUpdate=function(){this.renderSchema()},a.prototype.componentWillUnmount=function(){this.doms.forEach(function(e){return o.default.unmountComponentAtNode(e)})},a.prototype.handleClick=function(e){var t=e.target.getAttribute("href");t&&"#"!==t[0]&&!/^http/.test(t)&&(e.preventDefault(),this.props.push(t))},a.prototype.divRef=function(t){this.ref=t,t&&(t.innerHTML=e.html)},a.prototype.renderSchema=function(){var e=this,t=document.querySelectorAll('script[type="text/schema"]');if(t||t.length)for(var n=function(n){var i=t[n],u={};[].slice.apply(i.attributes).forEach(function(e){u[e.name]=e.value});var s=document.createElement("div"),c=u.height?parseInt(u.height,10):200;s.setAttribute("class","doc-play-ground"),s.setAttribute("style","height: "+c+"px;"),i.parentNode.replaceChild(s,i),a.doms.push(s),o.default.unstable_renderSubtreeIntoContainer(a,l.default.createElement(d.default,r.__assign({},a.props,{container:function(){return o.default.findDOMNode(e)},height:c,component:p,code:i.innerText,scope:u.scope,unMountOnHidden:!0,placeholder:"加载中，请稍后。。。"})),s)},a=this,i=0,u=t.length;u>i;i++)n(i,u)},a.prototype.render=function(){var t=this.props.location;return l.default.createElement("div",{className:"pos-rlt text-left"},e.title?l.default.createElement(i.default,{title:e.title}):null,l.default.createElement("div",{className:"markdown-body",ref:this.divRef},"Doc"),e.toc&&e.toc.children&&e.toc.children.length>1?l.default.createElement(f.Portal,{container:function(){return document.querySelector("#asideInner")}},l.default.createElement(c.default,{navigations:[e.toc],renderLink:function(e){var t=e.link,n=(e.active,e.toggleExpand),a=e.depth,r=e.classnames,o=[];return t.children&&o.push(l.default.createElement("span",{key:"expand-toggle",className:r("AsideNav-itemArrow")})),t.badge&&o.push(l.default.createElement("b",{key:"badge",className:r("AsideNav-itemBadge",t.badgeClassName||"bg-info")},t.badge)),1===a&&o.push(l.default.createElement("i",{key:"icon",className:r("AsideNav-itemIcon fa fa-flag")})),o.push(l.default.createElement("span",{key:"label",className:r("AsideNav-itemLabel")},t.label)),t.fragment?l.default.createElement("a",{href:"#"+t.fragment},o):l.default.createElement("a",{onClick:t.children?function(){return n(t)}:null},o)},isActive:function(e){return n(e,t)}})):null)},a}(l.default.Component),t.displayName="MarkdownRenderer",t;var t}Object.defineProperty(t,"__esModule",{value:!0});var r=e("node_modules/tslib/tslib"),l=r.__importDefault(e("node_modules/react/index")),o=r.__importDefault(e("node_modules/react-dom/index")),i=r.__importDefault(e("06d307c")),d=r.__importDefault(e("4783ce8")),u=r.__importDefault(e("997df41")),s=r.__importDefault(e("2b3dcdf")),c=r.__importDefault(e("4e7c54b")),f=e("node_modules/react-overlays/lib/index"),p=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.state={PlayGround:null},e}return r.__extends(n,t),n.prototype.componentDidMount=function(){var t=this;e(["9b1667d"],function(e){return t.setState({PlayGround:e.default})})},n.prototype.render=function(){var e=this,t=this.props,n=t.container,a=t.height,o=(t.setAsideFolded,t.setHeaderVisible,r.__rest(t,["container","height","setAsideFolded","setHeaderVisible"])),i=this.state.PlayGround;return l.default.createElement("div",null,l.default.createElement("span",{style:{display:"block",height:a},ref:"span"}),i?l.default.createElement(u.default,{container:n,target:function(){return e.refs.span},placement:"bottom",show:!0},l.default.createElement(s.default,{offset:{x:0,y:-a},style:{height:a},className:"doc-shcema-preview-popover"},l.default.createElement("div",{className:"doc-schema-preview"},l.default.createElement(i,r.__assign({},o,{vertical:!0}))))):null)},n}(l.default.Component);t.default=a});
 ;/*!examples/components/Doc.jsx*/
 define("6a793db",function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e("node_modules/tslib/tslib"),t=r.__importDefault(e("node_modules/react/index")),o=r.__importDefault(e("0c7f915"));n.default={prefix:function(e){var n=e.classnames;return t.default.createElement("li",{className:n("AsideNav-divider")})},label:"文档",children:[{label:"快速开始",icon:"fa fa-flash",path:"/docs/getting-started",getComponent:function(n,r){return e(["docs/getting_started.md"],function(e){r(null,o.default(e))})}},{label:"基本用法",icon:"fa fa-file",path:"/docs/basic",getComponent:function(n,r){return e(["docs/basic.md"],function(e){r(null,o.default(e))})}},{label:"高级用法",icon:"fa fa-rocket",path:"/docs/advanced",getComponent:function(n,r){return e(["docs/advanced.md"],function(e){r(null,o.default(e))})}},{label:"渲染器手册",icon:"fa fa-diamond",path:"/docs/renderers",getComponent:function(n,r){return e(["docs/renderers.md"],function(e){r(null,o.default(e))})},children:[{label:"Page",path:"/docs/renderers/Page",getComponent:function(n,r){return e(["docs/renderers/Page.md"],function(e){r(null,o.default(e))})}},{label:"Definitions",path:"/docs/renderers/Definitions",getComponent:function(n,r){return e(["docs/renderers/Definitions.md"],function(e){r(null,o.default(e))})}},{label:"Form",path:"/docs/renderers/Form/Form",getComponent:function(n,r){return e(["docs/renderers/Form/Form.md"],function(e){r(null,o.default(e))})},children:[{label:"FormItem",path:"/docs/renderers/Form/FormItem",getComponent:function(n,r){return e(["docs/renderers/Form/FormItem.md"],function(e){r(null,o.default(e))})}},{label:"List",path:"/docs/renderers/Form/List",getComponent:function(n,r){return e(["docs/renderers/Form/List.md"],function(e){r(null,o.default(e))})}},{label:"Button-Group",path:"/docs/renderers/Form/Button-Group",getComponent:function(n,r){return e(["docs/renderers/Form/Button-Group.md"],function(e){r(null,o.default(e))})}},{label:"Service",path:"/docs/renderers/Form/Service",getComponent:function(n,r){return e(["docs/renderers/Form/Service.md"],function(e){r(null,o.default(e))})}},{label:"Tabs",path:"/docs/renderers/Form/Tabs",getComponent:function(n,r){return e(["docs/renderers/Form/Tabs.md"],function(e){r(null,o.default(e))})}},{label:"Table",path:"/docs/renderers/Form/Table",getComponent:function(n,r){return e(["docs/renderers/Form/Table.md"],function(e){r(null,o.default(e))})}},{label:"HBox",path:"/docs/renderers/Form/HBox",getComponent:function(n,r){return e(["docs/renderers/Form/HBox.md"],function(e){r(null,o.default(e))})}},{label:"Grid",path:"/docs/renderers/Form/Grid",getComponent:function(n,r){return e(["docs/renderers/Form/Grid.md"],function(e){r(null,o.default(e))})}},{label:"Panel",path:"/docs/renderers/Form/Panel",getComponent:function(n,r){return e(["docs/renderers/Form/Panel.md"],function(e){r(null,o.default(e))})}},{label:"Hidden",path:"/docs/renderers/Form/Hidden",getComponent:function(n,r){return e(["docs/renderers/Form/Hidden.md"],function(e){r(null,o.default(e))})}},{label:"Text",path:"/docs/renderers/Form/Text",getComponent:function(n,r){return e(["docs/renderers/Form/Text.md"],function(e){r(null,o.default(e))})}},{label:"Textarea",path:"/docs/renderers/Form/Textarea",getComponent:function(n,r){return e(["docs/renderers/Form/Textarea.md"],function(e){r(null,o.default(e))})}},{label:"Url",path:"/docs/renderers/Form/Url",getComponent:function(n,r){return e(["docs/renderers/Form/Url.md"],function(e){r(null,o.default(e))})}},{label:"Email",path:"/docs/renderers/Form/Email",getComponent:function(n,r){return e(["docs/renderers/Form/Email.md"],function(e){r(null,o.default(e))})}},{label:"Password",path:"/docs/renderers/Form/Password",getComponent:function(n,r){return e(["docs/renderers/Form/Password.md"],function(e){r(null,o.default(e))})}},{label:"Number",path:"/docs/renderers/Form/Number",getComponent:function(n,r){return e(["docs/renderers/Form/Number.md"],function(e){r(null,o.default(e))})}},{label:"Select",path:"/docs/renderers/Form/Select",getComponent:function(n,r){return e(["docs/renderers/Form/Select.md"],function(e){r(null,o.default(e))})}},{label:"Chained-Select",path:"/docs/renderers/Form/Chained-Select",getComponent:function(n,r){return e(["docs/renderers/Form/Chained-Select.md"],function(e){r(null,o.default(e))})}},{label:"Checkbox",path:"/docs/renderers/Form/Checkbox",getComponent:function(n,r){return e(["docs/renderers/Form/Checkbox.md"],function(e){r(null,o.default(e))})}},{label:"Checkboxes",path:"/docs/renderers/Form/Checkboxes",getComponent:function(n,r){return e(["docs/renderers/Form/Checkboxes.md"],function(e){r(null,o.default(e))})}},{label:"City",path:"/docs/renderers/Form/City",getComponent:function(n,r){return e(["docs/renderers/Form/City.md"],function(e){r(null,o.default(e))})}},{label:"Radios",path:"/docs/renderers/Form/Radios",getComponent:function(n,r){return e(["docs/renderers/Form/Radios.md"],function(e){r(null,o.default(e))})}},{label:"Switch",path:"/docs/renderers/Form/Switch",getComponent:function(n,r){return e(["docs/renderers/Form/Switch.md"],function(e){r(null,o.default(e))})}},{label:"Rating",path:"/docs/renderers/Form/Rating",getComponent:function(n,r){return e(["docs/renderers/Form/Rating.md"],function(e){r(null,o.default(e))})}},{label:"Date",path:"/docs/renderers/Form/Date",getComponent:function(n,r){return e(["docs/renderers/Form/Date.md"],function(e){r(null,o.default(e))})}},{label:"Datetime",path:"/docs/renderers/Form/Datetime",getComponent:function(n,r){return e(["docs/renderers/Form/Datetime.md"],function(e){r(null,o.default(e))})}},{label:"Time",path:"/docs/renderers/Form/Time",getComponent:function(n,r){return e(["docs/renderers/Form/Time.md"],function(e){r(null,o.default(e))})}},{label:"Date-Range",path:"/docs/renderers/Form/Date-Range",getComponent:function(n,r){return e(["docs/renderers/Form/Date-Range.md"],function(e){r(null,o.default(e))})}},{label:"Color",path:"/docs/renderers/Form/Color",getComponent:function(n,r){return e(["docs/renderers/Form/Color.md"],function(e){r(null,o.default(e))})}},{label:"Range",path:"/docs/renderers/Form/Range",getComponent:function(n,r){return e(["docs/renderers/Form/Range.md"],function(e){r(null,o.default(e))})}},{label:"Image",path:"/docs/renderers/Form/Image",getComponent:function(n,r){return e(["docs/renderers/Form/Image.md"],function(e){r(null,o.default(e))})}},{label:"File",path:"/docs/renderers/Form/File",getComponent:function(n,r){return e(["docs/renderers/Form/File.md"],function(e){r(null,o.default(e))})}},{label:"Matrix",path:"/docs/renderers/Form/Matrix",getComponent:function(n,r){return e(["docs/renderers/Form/Matrix.md"],function(e){r(null,o.default(e))})}},{label:"Tree",path:"/docs/renderers/Form/Tree",getComponent:function(n,r){return e(["docs/renderers/Form/Tree.md"],function(e){r(null,o.default(e))})}},{label:"TreeSelect",path:"/docs/renderers/Form/TreeSelect",getComponent:function(n,r){return e(["docs/renderers/Form/TreeSelect.md"],function(e){r(null,o.default(e))})}},{label:"NestedSelect",path:"/docs/renderers/Form/NestedSelect",getComponent:function(n,r){return e(["docs/renderers/Form/NestedSelect.md"],function(e){r(null,o.default(e))})}},{label:"Button",path:"/docs/renderers/Form/Button",getComponent:function(n,r){return e(["docs/renderers/Form/Button.md"],function(e){r(null,o.default(e))})}},{label:"Button-Toolbar",path:"/docs/renderers/Form/Button-Toolbar",getComponent:function(n,r){return e(["docs/renderers/Form/Button-Toolbar.md"],function(e){r(null,o.default(e))})}},{label:"Combo",path:"/docs/renderers/Form/Combo",getComponent:function(n,r){return e(["docs/renderers/Form/Combo.md"],function(e){r(null,o.default(e))})}},{label:"Array",path:"/docs/renderers/Form/Array",getComponent:function(n,r){return e(["docs/renderers/Form/Array.md"],function(e){r(null,o.default(e))})}},{label:"SubForm",path:"/docs/renderers/Form/SubForm",getComponent:function(n,r){return e(["docs/renderers/Form/SubForm.md"],function(e){r(null,o.default(e))})}},{label:"Picker",path:"/docs/renderers/Form/Picker",getComponent:function(n,r){return e(["docs/renderers/Form/Picker.md"],function(e){r(null,o.default(e))})}},{label:"Formula",path:"/docs/renderers/Form/Formula",getComponent:function(n,r){return e(["docs/renderers/Form/Formula.md"],function(e){r(null,o.default(e))})}},{label:"Group",path:"/docs/renderers/Form/Group",getComponent:function(n,r){return e(["docs/renderers/Form/Group.md"],function(e){r(null,o.default(e))})}},{label:"FieldSet",path:"/docs/renderers/Form/FieldSet",getComponent:function(n,r){return e(["docs/renderers/Form/FieldSet.md"],function(e){r(null,o.default(e))})}},{label:"Repeat",path:"/docs/renderers/Form/Repeat",getComponent:function(n,r){return e(["docs/renderers/Form/Repeat.md"],function(e){r(null,o.default(e))})}},{label:"Rich-Text",path:"/docs/renderers/Form/Rich-Text",getComponent:function(n,r){return e(["docs/renderers/Form/Rich-Text.md"],function(e){r(null,o.default(e))})}},{label:"Editor",path:"/docs/renderers/Form/Editor",getComponent:function(n,r){return e(["docs/renderers/Form/Editor.md"],function(e){r(null,o.default(e))})}},{label:"Static",path:"/docs/renderers/Static",getComponent:function(n,r){return e(["docs/renderers/Static.md"],function(e){r(null,o.default(e))})}}]},{label:"Divider",path:"/docs/renderers/Divider",getComponent:function(n,r){return e(["docs/renderers/Divider.md"],function(e){r(null,o.default(e))})}},{label:"Wizard",path:"/docs/renderers/Wizard",getComponent:function(n,r){return e(["docs/renderers/Wizard.md"],function(e){r(null,o.default(e))})}},{label:"Tpl",path:"/docs/renderers/Tpl",getComponent:function(n,r){return e(["docs/renderers/Tpl.md"],function(e){r(null,o.default(e))})}},{label:"Plain",path:"/docs/renderers/Plain",getComponent:function(n,r){return e(["docs/renderers/Plain.md"],function(e){r(null,o.default(e))})}},{label:"Html",path:"/docs/renderers/Html",getComponent:function(n,r){return e(["docs/renderers/Html.md"],function(e){r(null,o.default(e))})}},{label:"Alert",path:"/docs/renderers/Alert",getComponent:function(n,r){return e(["docs/renderers/Alert.md"],function(e){r(null,o.default(e))})}},{label:"Action",path:"/docs/renderers/Action",getComponent:function(n,r){return e(["docs/renderers/Action.md"],function(e){r(null,o.default(e))})}},{label:"Dialog",path:"/docs/renderers/Dialog",getComponent:function(n,r){return e(["docs/renderers/Dialog.md"],function(e){r(null,o.default(e))})}},{label:"Drawer",path:"/docs/renderers/Drawer",getComponent:function(n,r){return e(["docs/renderers/Drawer.md"],function(e){r(null,o.default(e))})}},{label:"CRUD",path:"/docs/renderers/CRUD",getComponent:function(n,r){return e(["docs/renderers/CRUD.md"],function(e){r(null,o.default(e))})},children:[{label:"CRUD-Table",path:"/docs/renderers/CRUD-Table",getComponent:function(n,r){return e(["docs/renderers/CRUD-Table.md"],function(e){r(null,o.default(e))})}},{label:"CRUD-Cards",path:"/docs/renderers/CRUD-Cards",getComponent:function(n,r){return e(["docs/renderers/CRUD-Cards.md"],function(e){r(null,o.default(e))})}},{label:"CRUD-List",path:"/docs/renderers/CRUD-List",getComponent:function(n,r){return e(["docs/renderers/CRUD-List.md"],function(e){r(null,o.default(e))})}}]},{label:"Panel",path:"/docs/renderers/Panel",getComponent:function(n,r){return e(["docs/renderers/Panel.md"],function(e){r(null,o.default(e))})}},{label:"Wrapper",path:"/docs/renderers/Wrapper",getComponent:function(n,r){return e(["docs/renderers/Wrapper.md"],function(e){r(null,o.default(e))})}},{label:"Service",path:"/docs/renderers/Service",getComponent:function(n,r){return e(["docs/renderers/Service.md"],function(e){r(null,o.default(e))})}},{label:"Chart",path:"/docs/renderers/Chart",getComponent:function(n,r){return e(["docs/renderers/Chart.md"],function(e){r(null,o.default(e))})}},{label:"Collapse",path:"/docs/renderers/Collapse",getComponent:function(n,r){return e(["docs/renderers/Collapse.md"],function(e){r(null,o.default(e))})}},{label:"Carousel",path:"/docs/renderers/Carousel",getComponent:function(n,r){return e(["docs/renderers/Carousel.md"],function(e){r(null,o.default(e))})}},{label:"Audio",path:"/docs/renderers/Audio",getComponent:function(n,r){return e(["docs/renderers/Audio.md"],function(e){r(null,o.default(e))})}},{label:"Video",path:"/docs/renderers/Video",getComponent:function(n,r){return e(["docs/renderers/Video.md"],function(e){r(null,o.default(e))})}},{label:"Table",path:"/docs/renderers/Table",getComponent:function(n,r){return e(["docs/renderers/Table.md"],function(e){r(null,o.default(e))})},children:[{label:"Column",path:"/docs/renderers/Column",getComponent:function(n,r){return e(["docs/renderers/Column.md"],function(e){r(null,o.default(e))})}}]},{label:"List",path:"/docs/renderers/List",getComponent:function(n,r){return e(["docs/renderers/List.md"],function(e){r(null,o.default(e))})}},{label:"Card",path:"/docs/renderers/Card",getComponent:function(n,r){return e(["docs/renderers/Card.md"],function(e){r(null,o.default(e))})}},{label:"Cards",path:"/docs/renderers/Cards",getComponent:function(n,r){return e(["docs/renderers/Cards.md"],function(e){r(null,o.default(e))})}},{label:"Field",path:"/docs/renderers/Field",getComponent:function(n,r){return e(["docs/renderers/Field.md"],function(e){r(null,o.default(e))})}},{label:"Tabs",path:"/docs/renderers/Tabs",getComponent:function(n,r){return e(["docs/renderers/Tabs.md"],function(e){r(null,o.default(e))})}},{label:"Grid",path:"/docs/renderers/Grid",getComponent:function(n,r){return e(["docs/renderers/Grid.md"],function(e){r(null,o.default(e))})}},{label:"HBox",path:"/docs/renderers/HBox",getComponent:function(n,r){return e(["docs/renderers/HBox.md"],function(e){r(null,o.default(e))})}},{label:"ButtonGroup",path:"/docs/renderers/ButtonGroup",getComponent:function(n,r){return e(["docs/renderers/ButtonGroup.md"],function(e){r(null,o.default(e))})}},{label:"iFrame",path:"/docs/renderers/iFrame",getComponent:function(n,r){return e(["docs/renderers/iFrame.md"],function(e){r(null,o.default(e))})}},{label:"Nav",path:"/docs/renderers/Nav",getComponent:function(n,r){return e(["docs/renderers/Nav.md"],function(e){r(null,o.default(e))})}},{label:"Tasks",path:"/docs/renderers/Tasks",getComponent:function(n,r){return e(["docs/renderers/Tasks.md"],function(e){r(null,o.default(e))})}},{label:"QRCode",path:"/docs/renderers/QRCode",getComponent:function(n,r){return e(["docs/renderers/QRCode.md"],function(e){r(null,o.default(e))})}},{label:"类型说明",path:"/docs/renderers/Types",getComponent:function(n,r){return e(["docs/renderers/Types.md"],function(e){r(null,o.default(e))})}}]},{label:"如何定制",path:"/docs/sdk",icon:"fa fa-cubes",getComponent:function(n,r){return e(["docs/sdk.md"],function(e){r(null,o.default(e))})}},{label:"自定义组件",path:"/docs/dev",icon:"fa fa-code",getComponent:function(n,r){return e(["docs/dev.md"],function(e){r(null,o.default(e))})}},{label:"样式说明",path:"/docs/style",icon:"fa fa-laptop",getComponent:function(n,r){return e(["docs/style.md"],function(e){r(null,o.default(e))})}}]}});
 ;/*!examples/components/CRUD/Table.jsx*/
diff --git a/gh-pages/pkg/examples/index.html_map_7d5cd4a.js b/gh-pages/pkg/examples/index.html_map_407af2e.js
similarity index 98%
rename from gh-pages/pkg/examples/index.html_map_7d5cd4a.js
rename to gh-pages/pkg/examples/index.html_map_407af2e.js
index 9900dbb74..1900bbd9e 100644
--- a/gh-pages/pkg/examples/index.html_map_7d5cd4a.js
+++ b/gh-pages/pkg/examples/index.html_map_407af2e.js
@@ -4477,383 +4477,383 @@ require.resourceMap({
       "type": "js"
     },
     "docs/getting_started.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/getting_started_e12d24a.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/getting_started_84d90ad.js",
       "type": "js"
     },
     "docs/basic.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/basic_d9d2129.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/basic_7d2ade1.js",
       "type": "js"
     },
     "docs/advanced.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/advanced_081e729.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/advanced_42bd99a.js",
       "type": "js"
     },
     "docs/renderers.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers_f8ca174.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers_a0f30a3.js",
       "type": "js"
     },
     "docs/renderers/Page.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Page_9fb755b.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Page_847cdf5.js",
       "type": "js"
     },
     "docs/renderers/Definitions.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Definitions_e21167a.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Definitions_824906c.js",
       "type": "js"
     },
     "docs/renderers/Form/Form.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Form_db5205e.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Form_9da7ce0.js",
       "type": "js"
     },
     "docs/renderers/Form/FormItem.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/FormItem_335fa46.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/FormItem_b10abdb.js",
       "type": "js"
     },
     "docs/renderers/Form/List.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/List_31c82a5.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/List_6e8edb9.js",
       "type": "js"
     },
     "docs/renderers/Form/Button-Group.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Button-Group_91db191.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Button-Group_a32acaa.js",
       "type": "js"
     },
     "docs/renderers/Form/Service.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Service_82be24d.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Service_f39843e.js",
       "type": "js"
     },
     "docs/renderers/Form/Tabs.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Tabs_287577b.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Tabs_fa24b38.js",
       "type": "js"
     },
     "docs/renderers/Form/Table.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Table_91ff5d8.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Table_bbac4de.js",
       "type": "js"
     },
     "docs/renderers/Form/HBox.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/HBox_794c999.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/HBox_95b1777.js",
       "type": "js"
     },
     "docs/renderers/Form/Grid.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Grid_76008e4.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Grid_a0b47b0.js",
       "type": "js"
     },
     "docs/renderers/Form/Panel.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Panel_2de4991.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Panel_15f0c35.js",
       "type": "js"
     },
     "docs/renderers/Form/Hidden.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Hidden_d9f466b.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Hidden_12623c5.js",
       "type": "js"
     },
     "docs/renderers/Form/Text.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Text_b186a4d.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Text_b9a1159.js",
       "type": "js"
     },
     "docs/renderers/Form/Textarea.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Textarea_7b6f265.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Textarea_7b0369b.js",
       "type": "js"
     },
     "docs/renderers/Form/Url.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Url_4071ca9.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Url_390eb8c.js",
       "type": "js"
     },
     "docs/renderers/Form/Email.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Email_99c505b.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Email_6f58cc8.js",
       "type": "js"
     },
     "docs/renderers/Form/Password.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Password_3594296.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Password_efd9f65.js",
       "type": "js"
     },
     "docs/renderers/Form/Number.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Number_6aa5443.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Number_4d16326.js",
       "type": "js"
     },
     "docs/renderers/Form/Select.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Select_d99f4b6.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Select_6e3b6ee.js",
       "type": "js"
     },
     "docs/renderers/Form/Chained-Select.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Chained-Select_4f26949.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Chained-Select_feca72f.js",
       "type": "js"
     },
     "docs/renderers/Form/Checkbox.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Checkbox_b0e0e88.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Checkbox_aaf76a4.js",
       "type": "js"
     },
     "docs/renderers/Form/Checkboxes.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Checkboxes_cb25108.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Checkboxes_4bc46d5.js",
       "type": "js"
     },
     "docs/renderers/Form/City.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/City_3b58d02.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/City_a721fb8.js",
       "type": "js"
     },
     "docs/renderers/Form/Radios.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Radios_1623cb4.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Radios_600fef9.js",
       "type": "js"
     },
     "docs/renderers/Form/Switch.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Switch_a3f31f5.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Switch_433dce7.js",
       "type": "js"
     },
     "docs/renderers/Form/Rating.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Rating_28a026e.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Rating_9bc90bc.js",
       "type": "js"
     },
     "docs/renderers/Form/Date.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Date_99db459.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Date_ec8c837.js",
       "type": "js"
     },
     "docs/renderers/Form/Datetime.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Datetime_94d74e5.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Datetime_27f291f.js",
       "type": "js"
     },
     "docs/renderers/Form/Time.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Time_9b18cb4.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Time_29d6c47.js",
       "type": "js"
     },
     "docs/renderers/Form/Date-Range.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Date-Range_0811a8c.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Date-Range_34864ff.js",
       "type": "js"
     },
     "docs/renderers/Form/Color.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Color_157625f.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Color_4706421.js",
       "type": "js"
     },
     "docs/renderers/Form/Range.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Range_8946d3e.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Range_2162022.js",
       "type": "js"
     },
     "docs/renderers/Form/Image.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Image_afc6b4e.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Image_a539c30.js",
       "type": "js"
     },
     "docs/renderers/Form/File.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/File_60dbcfc.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/File_6f4bc97.js",
       "type": "js"
     },
     "docs/renderers/Form/Matrix.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Matrix_445e852.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Matrix_f8c0d21.js",
       "type": "js"
     },
     "docs/renderers/Form/Tree.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Tree_bf39da3.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Tree_ab1679c.js",
       "type": "js"
     },
     "docs/renderers/Form/TreeSelect.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/TreeSelect_8473048.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/TreeSelect_70c5389.js",
       "type": "js"
     },
     "docs/renderers/Form/NestedSelect.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/NestedSelect_687ecbe.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/NestedSelect_51ddabf.js",
       "type": "js"
     },
     "docs/renderers/Form/Button.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Button_1342f25.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Button_9e7b3ee.js",
       "type": "js"
     },
     "docs/renderers/Form/Button-Toolbar.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Button-Toolbar_6784d69.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Button-Toolbar_acaf8ce.js",
       "type": "js"
     },
     "docs/renderers/Form/Combo.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Combo_bc3f04d.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Combo_9553922.js",
       "type": "js"
     },
     "docs/renderers/Form/Array.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Array_cb887d1.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Array_34782ce.js",
       "type": "js"
     },
     "docs/renderers/Form/SubForm.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/SubForm_f13e1d0.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/SubForm_d6ed24a.js",
       "type": "js"
     },
     "docs/renderers/Form/Picker.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Picker_b015eaf.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Picker_9250032.js",
       "type": "js"
     },
     "docs/renderers/Form/Formula.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Formula_e6e3dd9.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Formula_3fadf8a.js",
       "type": "js"
     },
     "docs/renderers/Form/Group.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Group_47abe84.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Group_f852e20.js",
       "type": "js"
     },
     "docs/renderers/Form/FieldSet.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/FieldSet_1e6dcbe.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/FieldSet_ec47997.js",
       "type": "js"
     },
     "docs/renderers/Form/Repeat.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Repeat_c69cbb4.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Repeat_e183ca6.js",
       "type": "js"
     },
     "docs/renderers/Form/Rich-Text.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Rich-Text_0cb0996.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Rich-Text_2e0002b.js",
       "type": "js"
     },
     "docs/renderers/Form/Editor.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Editor_f521c1c.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Form/Editor_ca2a718.js",
       "type": "js"
     },
     "docs/renderers/Static.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Static_f197bdd.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Static_d2ecd95.js",
       "type": "js"
     },
     "docs/renderers/Divider.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Divider_f2bb576.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Divider_bd296e3.js",
       "type": "js"
     },
     "docs/renderers/Wizard.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Wizard_1b54ed9.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Wizard_1aad5e6.js",
       "type": "js"
     },
     "docs/renderers/Tpl.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Tpl_43501a2.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Tpl_105513c.js",
       "type": "js"
     },
     "docs/renderers/Plain.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Plain_db178b2.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Plain_4b55aa6.js",
       "type": "js"
     },
     "docs/renderers/Html.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Html_3b556cb.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Html_066cc57.js",
       "type": "js"
     },
     "docs/renderers/Alert.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Alert_a71bc61.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Alert_f2f6fc6.js",
       "type": "js"
     },
     "docs/renderers/Action.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Action_d5b521b.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Action_843aa7b.js",
       "type": "js"
     },
     "docs/renderers/Dialog.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Dialog_a8fc2e2.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Dialog_669f15c.js",
       "type": "js"
     },
     "docs/renderers/Drawer.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Drawer_d2b0d54.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Drawer_82c556f.js",
       "type": "js"
     },
     "docs/renderers/CRUD.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD_614b67f.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD_1a6567e.js",
       "type": "js"
     },
     "docs/renderers/CRUD-Table.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD-Table_857c32d.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD-Table_10e8990.js",
       "type": "js"
     },
     "docs/renderers/CRUD-Cards.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD-Cards_540d187.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD-Cards_2917109.js",
       "type": "js"
     },
     "docs/renderers/CRUD-List.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD-List_4ab38d0.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/CRUD-List_b57eddd.js",
       "type": "js"
     },
     "docs/renderers/Panel.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Panel_90ba1b5.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Panel_c3302fe.js",
       "type": "js"
     },
     "docs/renderers/Wrapper.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Wrapper_3174303.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Wrapper_2ff662d.js",
       "type": "js"
     },
     "docs/renderers/Service.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Service_446a57c.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Service_1f623db.js",
       "type": "js"
     },
     "docs/renderers/Chart.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Chart_df620dd.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Chart_b5bbfb2.js",
       "type": "js"
     },
     "docs/renderers/Collapse.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Collapse_1c33589.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Collapse_b0819a6.js",
       "type": "js"
     },
     "docs/renderers/Carousel.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Carousel_2103dd5.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Carousel_ef4fdde.js",
       "type": "js"
     },
     "docs/renderers/Audio.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Audio_5a5597c.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Audio_67d2e11.js",
       "type": "js"
     },
     "docs/renderers/Video.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Video_cbce707.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Video_d464c53.js",
       "type": "js"
     },
     "docs/renderers/Table.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Table_8b55ea4.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Table_3e512fa.js",
       "type": "js"
     },
     "docs/renderers/Column.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Column_b6ec57c.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Column_6bd40c9.js",
       "type": "js"
     },
     "docs/renderers/List.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/List_e5409bf.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/List_bce9dc7.js",
       "type": "js"
     },
     "docs/renderers/Card.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Card_4f5b9c4.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Card_749edc3.js",
       "type": "js"
     },
     "docs/renderers/Cards.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Cards_4d2b771.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Cards_7f01e70.js",
       "type": "js"
     },
     "docs/renderers/Field.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Field_ede87ce.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Field_727d3fa.js",
       "type": "js"
     },
     "docs/renderers/Tabs.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Tabs_c66b0da.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Tabs_cb8d10a.js",
       "type": "js"
     },
     "docs/renderers/Grid.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Grid_61c468e.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Grid_1e937ec.js",
       "type": "js"
     },
     "docs/renderers/HBox.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/HBox_8fbb122.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/HBox_aa03385.js",
       "type": "js"
     },
     "docs/renderers/ButtonGroup.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/ButtonGroup_42ceed8.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/ButtonGroup_3e1bfda.js",
       "type": "js"
     },
     "docs/renderers/iFrame.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/iFrame_f05d67b.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/iFrame_e0bdd74.js",
       "type": "js"
     },
     "docs/renderers/Nav.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Nav_208d761.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Nav_964f9b4.js",
       "type": "js"
     },
     "docs/renderers/Tasks.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Tasks_3143aa6.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Tasks_bea117d.js",
       "type": "js"
     },
     "docs/renderers/QRCode.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/QRCode_47fd27f.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/QRCode_7870561.js",
       "type": "js"
     },
     "docs/renderers/Types.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Types_01126a0.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/renderers/Types_df42ab5.js",
       "type": "js"
     },
     "docs/sdk.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/sdk_3e3a0d0.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/sdk_f512bf9.js",
       "type": "js"
     },
     "docs/dev.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/dev_c0487f7.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/dev_1ad21de.js",
       "type": "js"
     },
     "docs/style.md": {
-      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/style_2f7bd77.js",
+      "url": "https://bce.bdstatic.com/fex/amis-gh-pages/docs/style_a0d04b0.js",
       "type": "js"
     }
   },
diff --git a/gh-pages/pkg/style_7e7bdb0.css b/gh-pages/pkg/style_7e7bdb0.css
new file mode 100644
index 000000000..9532dced1
--- /dev/null
+++ b/gh-pages/pkg/style_7e7bdb0.css
@@ -0,0 +1,4 @@
+/*!examples/doc.css*/
+@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format('woff')}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;word-wrap:break-word;box-sizing:border-box;min-width:200px;max-width:980px;padding:25px 45px}.anchor{padding-top:70px;margin-top:-70px}.markdown-body a:not(.btn){background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active:not(.btn),.markdown-body a:hover:not(.btn){outline-width:0}.markdown-body strong{font-weight:inherit}.markdown-body strong{font-weight:bolder}.markdown-body>h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body button:-moz-focusring,.markdown-body [type=button]:-moz-focusring,.markdown-body [type=reset]:-moz-focusring,.markdown-body [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body table:not(.table){border-spacing:0;border-collapse:collapse}.markdown-body table:not(.table) td,.markdown-body table:not(.table) th{padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.markdown-body a:not(.btn){color:#4078c0;text-decoration:none}.markdown-body a:hover:not(.btn),.markdown-body a:active:not(.btn){color:#4078c0;text-decoration:underline}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}.markdown-body hr::before{display:table;content:""}.markdown-body hr::after{display:table;clear:both;content:""}.markdown-body>h1,.markdown-body>h2,.markdown-body>h3,.markdown-body>h4,.markdown-body>h5,.markdown-body>h6{margin-top:0;margin-bottom:0;line-height:1.5}.markdown-body>h1{font-size:30px}.markdown-body>h2{font-size:21px}.markdown-body>h3{font-size:16px}.markdown-body>h4{font-size:14px}.markdown-body>h5{font-size:12px}.markdown-body>h6{font-size:11px}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ul,.markdown-body ol{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:3px!important}.markdown-body .pl-2{padding-left:6px!important}.markdown-body .pl-3{padding-left:12px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:36px!important}.markdown-body .pl-6{padding-left:48px!important}.markdown-body .form-select::-ms-expand{opacity:0}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{display:inline-block;padding-right:2px;margin-left:-18px}.markdown-body .anchor:focus{outline:0}.markdown-body>h1,.markdown-body>h2,.markdown-body>h3,.markdown-body>h4,.markdown-body>h5,.markdown-body>h6{margin-top:1em;margin-bottom:16px;font-weight:700;line-height:1.4}.markdown-body>h1 .octicon-link,.markdown-body>h2 .octicon-link,.markdown-body>h3 .octicon-link,.markdown-body>h4 .octicon-link,.markdown-body>h5 .octicon-link,.markdown-body>h6 .octicon-link{color:#000;vertical-align:middle;visibility:hidden}.markdown-body>h1:hover .anchor,.markdown-body>h2:hover .anchor,.markdown-body>h3:hover .anchor,.markdown-body>h4:hover .anchor,.markdown-body>h5:hover .anchor,.markdown-body>h6:hover .anchor{text-decoration:none}.markdown-body>h1:hover .anchor .octicon-link,.markdown-body>h2:hover .anchor .octicon-link,.markdown-body>h3:hover .anchor .octicon-link,.markdown-body>h4:hover .anchor .octicon-link,.markdown-body>h5:hover .anchor .octicon-link,.markdown-body>h6:hover .anchor .octicon-link{visibility:visible}.markdown-body>h1{padding-bottom:.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #dee5e7}.markdown-body>h1 .anchor{line-height:1}.markdown-body>h2{padding-bottom:.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #dee5e7}.markdown-body>h2 .anchor{line-height:1}.markdown-body>h3{font-size:1.5em;line-height:1.43}.markdown-body>h3 .anchor{line-height:1.2}.markdown-body>h4{font-size:1.25em}.markdown-body>h4 .anchor{line-height:1.2}.markdown-body>h5{font-size:1em}.markdown-body>h5 .anchor{line-height:1.1}.markdown-body>h6{font-size:1em;color:#777}.markdown-body h6 .anchor{line-height:1.1}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none}.markdown-body ul:not(.dropdown-menu):not(.nav),.markdown-body ol{padding-left:2em}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body table:not(.table){display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}.markdown-body table:not(.table) th{font-weight:700}.markdown-body table:not(.table) th,.markdown-body table:not(.table) td{padding:6px 13px;border:1px solid #ddd}.markdown-body table:not(.table) tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table:not(.table) tr:nth-child(2n){background-color:#f8f8f8}.markdown-body img{max-width:90%;margin-left:5%;margin-right:5%;box-sizing:content-box;background-color:#fff;border-radius:5px;border:1px solid #ddd;box-shadow:0 8px 18px 0 rgba(0,0,0,.3)}@media (min-width:1200px){.markdown-body img{max-width:800px}}.markdown-body code{padding:0;padding-top:.2em;padding-bottom:.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,.04);border-radius:3px}.markdown-body code:before,.markdown-body code:after{letter-spacing:-.2em;content:"\00a0"}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body pre{word-wrap:normal}.markdown-body pre code{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code:before,.markdown-body pre code:after{content:normal}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .pl-c{color:#969896}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0086b3}.markdown-body .pl-e,.markdown-body .pl-en{color:#795da3}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#333}.markdown-body .pl-ent{color:#63a35c}.markdown-body .pl-k{color:#a71d5d}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#183691}.markdown-body .pl-v{color:#ed6a43}.markdown-body .pl-id{color:#b52a1d}.markdown-body .pl-ii{background-color:#b52a1d;color:#f8f8f8}.markdown-body .pl-sr .pl-cce{color:#63a35c;font-weight:700}.markdown-body .pl-ml{color:#693a17}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#1d3e81;font-weight:700}.markdown-body .pl-mq{color:teal}.markdown-body .pl-mi{color:#333;font-style:italic}.markdown-body .pl-mb{color:#333;font-weight:700}.markdown-body .pl-md{background-color:#ffecec;color:#bd2c00}.markdown-body .pl-mi1{background-color:#eaffea;color:#55a532}.markdown-body .pl-mdr{color:#795da3;font-weight:700}.markdown-body .pl-mo{color:#1d3e81}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#4078c0;border:1px solid #4078c0}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#4078c0}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.doc-play-ground{border:1px solid #ddd;min-height:200px;position:relative;width:100%;overflow:hidden}.doc-play-ground .nav-tabs{margin-bottom:0}.markdown-body .CodeMirror pre{padding:0 4px;margin:0;background-color:transparent}.markdown-body .CodeMirror,.markdown-body .CodeMirror *{box-sizing:content-box}.markdown-body .CodeMirror-lines{padding:0}.markdown-body .tree-view ul{padding-left:0!important}.markdown-body>.amis-preview{margin-bottom:15px}.amis-doc pre{margin-top:15px}
+/*!examples/style.scss*/
+.page-play:before,.page-edit:before{display:table;content:" "}.page-play:after,.page-edit:after{clear:both;display:block;content:"";height:0}.page-play .app-content,.page-edit .app-content{position:absolute;top:50px;bottom:0;height:auto;left:0;right:0}.page-play .app-content-body,.page-edit .app-content-body{height:100%}.resizer{position:absolute;top:0;bottom:0;margin-left:-2px;width:4px;background:#626d78;z-index:1;cursor:col-resize}.resizer:hover{background:#343a40}.doc-shcema-preview-popover{box-shadow:none;margin-top:-1px;padding:0 45px;left:0!important;width:100%;max-width:980px;z-index:1;background:transparent;border:0}.doc-shcema-preview-popover .doc-schema-preview{border:1px solid #ddd;background:#f0f3f4;position:relative;height:100%;width:100%}.amis-schema-editor.fix-settings .amis-schema-editor-settings-inner .amis-schema-editor-config-tab>.tab-content,.amis-schema-editor.fix-settings .amis-schema-editor-settings-inner .amis-schema-editor-code-tab>.tab-content{bottom:50px}
\ No newline at end of file
diff --git a/gh-pages/pkg/style_fb39355.css b/gh-pages/pkg/style_fb39355.css
deleted file mode 100644
index 378c109ff..000000000
--- a/gh-pages/pkg/style_fb39355.css
+++ /dev/null
@@ -1,4 +0,0 @@
-/*!examples/doc.css*/
-@font-face{font-family:octicons-link;src:url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format('woff')}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;word-wrap:break-word;box-sizing:border-box;min-width:200px;margin:0 auto;padding:25px 45px 45px}.anchor{padding-top:70px;margin-top:-70px}.markdown-body a:not(.btn){background-color:transparent;-webkit-text-decoration-skip:objects}.markdown-body a:active:not(.btn),.markdown-body a:hover:not(.btn){outline-width:0}.markdown-body strong{font-weight:inherit}.markdown-body strong{font-weight:bolder}.markdown-body>h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body svg:not(:root){overflow:hidden}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:content-box;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body button:-moz-focusring,.markdown-body [type=button]:-moz-focusring,.markdown-body [type=reset]:-moz-focusring,.markdown-body [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body table:not(.table){border-spacing:0;border-collapse:collapse}.markdown-body table:not(.table) td,.markdown-body table:not(.table) th{padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font:13px/1.4 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.markdown-body a:not(.btn){color:#4078c0;text-decoration:none}.markdown-body a:hover:not(.btn),.markdown-body a:active:not(.btn){color:#4078c0;text-decoration:underline}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}.markdown-body hr::before{display:table;content:""}.markdown-body hr::after{display:table;clear:both;content:""}.markdown-body>h1,.markdown-body>h2,.markdown-body>h3,.markdown-body>h4,.markdown-body>h5,.markdown-body>h6{margin-top:0;margin-bottom:0;line-height:1.5}.markdown-body>h1{font-size:30px}.markdown-body>h2{font-size:21px}.markdown-body>h3{font-size:16px}.markdown-body>h4{font-size:14px}.markdown-body>h5{font-size:12px}.markdown-body>h6{font-size:11px}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ul,.markdown-body ol{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace}.markdown-body .pl-0{padding-left:0!important}.markdown-body .pl-1{padding-left:3px!important}.markdown-body .pl-2{padding-left:6px!important}.markdown-body .pl-3{padding-left:12px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:36px!important}.markdown-body .pl-6{padding-left:48px!important}.markdown-body .form-select::-ms-expand{opacity:0}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body .anchor{display:inline-block;padding-right:2px;margin-left:-18px}.markdown-body .anchor:focus{outline:0}.markdown-body>h1,.markdown-body>h2,.markdown-body>h3,.markdown-body>h4,.markdown-body>h5,.markdown-body>h6{margin-top:1em;margin-bottom:16px;font-weight:700;line-height:1.4}.markdown-body>h1 .octicon-link,.markdown-body>h2 .octicon-link,.markdown-body>h3 .octicon-link,.markdown-body>h4 .octicon-link,.markdown-body>h5 .octicon-link,.markdown-body>h6 .octicon-link{color:#000;vertical-align:middle;visibility:hidden}.markdown-body>h1:hover .anchor,.markdown-body>h2:hover .anchor,.markdown-body>h3:hover .anchor,.markdown-body>h4:hover .anchor,.markdown-body>h5:hover .anchor,.markdown-body>h6:hover .anchor{text-decoration:none}.markdown-body>h1:hover .anchor .octicon-link,.markdown-body>h2:hover .anchor .octicon-link,.markdown-body>h3:hover .anchor .octicon-link,.markdown-body>h4:hover .anchor .octicon-link,.markdown-body>h5:hover .anchor .octicon-link,.markdown-body>h6:hover .anchor .octicon-link{visibility:visible}.markdown-body>h1{padding-bottom:.3em;font-size:2.25em;line-height:1.2;border-bottom:1px solid #dee5e7}.markdown-body>h1 .anchor{line-height:1}.markdown-body>h2{padding-bottom:.3em;font-size:1.75em;line-height:1.225;border-bottom:1px solid #dee5e7}.markdown-body>h2 .anchor{line-height:1}.markdown-body>h3{font-size:1.5em;line-height:1.43}.markdown-body>h3 .anchor{line-height:1.2}.markdown-body>h4{font-size:1.25em}.markdown-body>h4 .anchor{line-height:1.2}.markdown-body>h5{font-size:1em}.markdown-body>h5 .anchor{line-height:1.1}.markdown-body>h6{font-size:1em;color:#777}.markdown-body h6 .anchor{line-height:1.1}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre{margin-top:0;margin-bottom:16px}.markdown-body hr{height:4px;padding:0;margin:16px 0;background-color:#e7e7e7;border:0 none}.markdown-body ul:not(.dropdown-menu):not(.nav),.markdown-body ol{padding-left:2em}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body table:not(.table){display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}.markdown-body table:not(.table) th{font-weight:700}.markdown-body table:not(.table) th,.markdown-body table:not(.table) td{padding:6px 13px;border:1px solid #ddd}.markdown-body table:not(.table) tr{background-color:#fff;border-top:1px solid #ccc}.markdown-body table:not(.table) tr:nth-child(2n){background-color:#f8f8f8}.markdown-body img{max-width:90%;margin-left:5%;margin-right:5%;box-sizing:content-box;background-color:#fff;border-radius:5px;border:1px solid #ddd;box-shadow:0 8px 18px 0 rgba(0,0,0,.3)}@media (min-width:1200px){.markdown-body img{max-width:800px}}.markdown-body code{padding:0;padding-top:.2em;padding-bottom:.2em;margin:0;font-size:85%;background-color:rgba(0,0,0,.04);border-radius:3px}.markdown-body code:before,.markdown-body code:after{letter-spacing:-.2em;content:"\00a0"}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body pre{word-wrap:normal}.markdown-body pre code{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body pre code:before,.markdown-body pre code:after{content:normal}.markdown-body kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .pl-c{color:#969896}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#0086b3}.markdown-body .pl-e,.markdown-body .pl-en{color:#795da3}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#333}.markdown-body .pl-ent{color:#63a35c}.markdown-body .pl-k{color:#a71d5d}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#183691}.markdown-body .pl-v{color:#ed6a43}.markdown-body .pl-id{color:#b52a1d}.markdown-body .pl-ii{background-color:#b52a1d;color:#f8f8f8}.markdown-body .pl-sr .pl-cce{color:#63a35c;font-weight:700}.markdown-body .pl-ml{color:#693a17}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#1d3e81;font-weight:700}.markdown-body .pl-mq{color:teal}.markdown-body .pl-mi{color:#333;font-style:italic}.markdown-body .pl-mb{color:#333;font-weight:700}.markdown-body .pl-md{background-color:#ffecec;color:#bd2c00}.markdown-body .pl-mi1{background-color:#eaffea;color:#55a532}.markdown-body .pl-mdr{color:#795da3;font-weight:700}.markdown-body .pl-mo{color:#1d3e81}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px Consolas,"Liberation Mono",Menlo,Courier,monospace;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#4078c0;border:1px solid #4078c0}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#4078c0}.markdown-body .octicon{display:inline-block;vertical-align:text-top;fill:currentColor}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.markdown-body hr{border-bottom-color:#eee}.doc-play-ground{border:1px solid #ddd;min-height:200px;position:relative;width:100%;overflow:hidden}.doc-play-ground .nav-tabs{margin-bottom:0}.markdown-body .CodeMirror pre{padding:0 4px;margin:0;background-color:transparent}.markdown-body .CodeMirror,.markdown-body .CodeMirror *{box-sizing:content-box}.markdown-body .CodeMirror-lines{padding:0}.markdown-body .tree-view ul{padding-left:0!important}.markdown-body>.amis-preview{margin-bottom:15px}.amis-doc pre{margin-top:15px}
-/*!examples/style.scss*/
-.page-play:before,.page-edit:before{display:table;content:" "}.page-play:after,.page-edit:after{clear:both;display:block;content:"";height:0}.page-play .app-content,.page-edit .app-content{position:absolute;top:50px;bottom:0;height:auto;left:0;right:0}.page-play .app-content-body,.page-edit .app-content-body{height:100%}.resizer{position:absolute;top:0;bottom:0;margin-left:-2px;width:4px;background:#626d78;z-index:1;cursor:col-resize}.resizer:hover{background:#343a40}.doc-shcema-preview-popover{box-shadow:none;margin-top:-1px;padding:0 45px;left:0!important;width:100%;z-index:1;background:transparent;border:0}.doc-shcema-preview-popover .doc-schema-preview{border:1px solid #ddd;background:#f0f3f4;position:relative;height:100%;width:100%}.amis-schema-editor.fix-settings .amis-schema-editor-settings-inner .amis-schema-editor-config-tab>.tab-content,.amis-schema-editor.fix-settings .amis-schema-editor-settings-inner .amis-schema-editor-code-tab>.tab-content{bottom:50px}
\ No newline at end of file
diff --git a/gh-pages/sdk.html b/gh-pages/sdk.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/sdk.html
+++ b/gh-pages/sdk.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/services/data.html b/gh-pages/services/data.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/services/data.html
+++ b/gh-pages/services/data.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/services/form.html b/gh-pages/services/form.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/services/form.html
+++ b/gh-pages/services/form.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/services/schema.html b/gh-pages/services/schema.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/services/schema.html
+++ b/gh-pages/services/schema.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/tabs/form.html b/gh-pages/tabs/form.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/tabs/form.html
+++ b/gh-pages/tabs/form.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/tabs/normal.html b/gh-pages/tabs/normal.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/tabs/normal.html
+++ b/gh-pages/tabs/normal.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/tabs/tab1.html b/gh-pages/tabs/tab1.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/tabs/tab1.html
+++ b/gh-pages/tabs/tab1.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/tabs/tab2.html b/gh-pages/tabs/tab2.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/tabs/tab2.html
+++ b/gh-pages/tabs/tab2.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/tabs/tab3.html b/gh-pages/tabs/tab3.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/tabs/tab3.html
+++ b/gh-pages/tabs/tab3.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/task.html b/gh-pages/task.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/task.html
+++ b/gh-pages/task.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/test.html b/gh-pages/test.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/test.html
+++ b/gh-pages/test.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/video.html b/gh-pages/video.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/video.html
+++ b/gh-pages/video.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
diff --git a/gh-pages/wizard.html b/gh-pages/wizard.html
index f3ed5ff26..d43f01203 100644
--- a/gh-pages/wizard.html
+++ b/gh-pages/wizard.html
@@ -13,7 +13,7 @@
         rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
     <link rel="stylesheet" title="default" href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/default_bc7091d.css" />
     <link rel="stylesheet" title="cxd" disabled href="https://bce.bdstatic.com/fex/amis-gh-pages/scss/themes/cxd_7d3fa48.css" />
-    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_fb39355.css" />
+    <link rel="stylesheet" href="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/style_7e7bdb0.css" />
     <style>
         .app-wrapper {
             position: relative;
@@ -25,8 +25,8 @@
 <body>
     <div id="root" class="app-wrapper"></div>
 <script src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/npm_443c08f.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_7d5cd4a.js"></script>
-<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_b754f1d.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/examples/index.html_map_407af2e.js"></script>
+<script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/app_de7f2da.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rich-text_e6dc6f0.js"></script>
 <script type="text/javascript" src="https://bce.bdstatic.com/fex/amis-gh-pages/pkg/rest_ce58d6e.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
