diff --git a/__tests__/__snapshots__/factory.test.tsx.snap b/__tests__/__snapshots__/factory.test.tsx.snap
index a33744c32..9ef315367 100644
--- a/__tests__/__snapshots__/factory.test.tsx.snap
+++ b/__tests__/__snapshots__/factory.test.tsx.snap
@@ -120,7 +120,13 @@ exports[`factory:definitions 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      text2
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          text2
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
@@ -160,7 +166,13 @@ exports[`factory:definitions 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      combo
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          combo
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
@@ -190,7 +202,13 @@ exports[`factory:definitions 1`] = `
                                   class="a-Form-label"
                                 >
                                   <span>
-                                    combo 1
+                                    <span
+                                      class="a-TplField"
+                                    >
+                                      <span>
+                                        combo 1
+                                      </span>
+                                    </span>
                                   </span>
                                 </label>
                                 <div
@@ -218,7 +236,13 @@ exports[`factory:definitions 1`] = `
                                   class="a-Form-label"
                                 >
                                   <span>
-                                    combo 2
+                                    <span
+                                      class="a-TplField"
+                                    >
+                                      <span>
+                                        combo 2
+                                      </span>
+                                    </span>
                                   </span>
                                 </label>
                                 <div
@@ -258,7 +282,13 @@ exports[`factory:definitions 1`] = `
                                   class="a-Form-label"
                                 >
                                   <span>
-                                    children
+                                    <span
+                                      class="a-TplField"
+                                    >
+                                      <span>
+                                        children
+                                      </span>
+                                    </span>
                                   </span>
                                 </label>
                                 <div
@@ -440,7 +470,13 @@ exports[`factory:definitions override 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      text2
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          text2
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
@@ -480,7 +516,13 @@ exports[`factory:definitions override 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      combo
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          combo
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
diff --git a/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap
index 04cda6fe7..2aeff2cd0 100644
--- a/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:array 1`] = `
             class="a-Form-label"
           >
             <span>
-              颜色集合
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  颜色集合
+                </span>
+              </span>
             </span>
           </label>
         </div>
diff --git a/__tests__/renderers/Form/__snapshots__/buttonGroup.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/buttonGroup.test.tsx.snap
index eabf8aeb2..65d526b67 100644
--- a/__tests__/renderers/Form/__snapshots__/buttonGroup.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/buttonGroup.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:button-group 1`] = `
             class="a-Form-label"
           >
             <span>
-              单选
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  单选
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -72,7 +78,13 @@ exports[`Renderer:button-group 1`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -180,7 +192,13 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
             class="a-Form-label"
           >
             <span>
-              多选
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  多选
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -216,7 +234,13 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -324,7 +348,13 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
             class="a-Form-label"
           >
             <span>
-              多选
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  多选
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -360,7 +390,13 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap
index ae832850f..b95ef5747 100644
--- a/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:checkbox 1`] = `
             class="a-Form-label"
           >
             <span>
-              Checkbox
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Checkbox
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
index a7ac8687b..d6d2e23b8 100644
--- a/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:checkboxes 1`] = `
             class="a-Form-label"
           >
             <span>
-              Checkboxes
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Checkboxes
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -104,7 +110,13 @@ exports[`Renderer:checkboxes 1`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -212,7 +224,13 @@ exports[`Renderer:checkboxes 2`] = `
             class="a-Form-label"
           >
             <span>
-              Checkboxes
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Checkboxes
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -280,7 +298,13 @@ exports[`Renderer:checkboxes 2`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/city.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/city.test.tsx.snap
index 0b14e9115..79b72a0c8 100644
--- a/__tests__/renderers/Form/__snapshots__/city.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/city.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:city 1`] = `
             class="a-Form-label"
           >
             <span>
-              city
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  city
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/color.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/color.test.tsx.snap
index 93dbe42fa..7f161076c 100644
--- a/__tests__/renderers/Form/__snapshots__/color.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/color.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:color 1`] = `
             class="a-Form-label"
           >
             <span>
-              color
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  color
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
index a6b186a3b..e15e4cad4 100644
--- a/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:container 1`] = `
             class="a-Form-label a-Form-itemColumn--normal"
           >
             <span>
-              container
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  container
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -56,7 +62,15 @@ exports[`Renderer:container 1`] = `
                     class="a-Form-label a-Form-itemColumn--normal"
                   >
                     <span>
-                      
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          <span
+                            class="text-muted"
+                          />
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
diff --git a/__tests__/renderers/Form/__snapshots__/date.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/date.test.tsx.snap
index 3b187c503..85bd3dc43 100644
--- a/__tests__/renderers/Form/__snapshots__/date.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/date.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:date 1`] = `
             class="a-Form-label"
           >
             <span>
-              date
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  date
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/dateRang.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/dateRang.test.tsx.snap
index 112c1c146..55a46a15e 100644
--- a/__tests__/renderers/Form/__snapshots__/dateRang.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/dateRang.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:dateRange 1`] = `
             class="a-Form-label"
           >
             <span>
-              date-range
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  date-range
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap
index 125779f14..587c59702 100644
--- a/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:date 1`] = `
             class="a-Form-label"
           >
             <span>
-              date
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  date
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap
index 80bff7739..924f10123 100644
--- a/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap
@@ -45,7 +45,15 @@ exports[`Renderer:fieldSet 1`] = `
                   class="a-Form-label a-Form-itemColumn--normal"
                 >
                   <span>
-                    
+                    <span
+                      class="a-TplField"
+                    >
+                      <span>
+                        <span
+                          class="text-muted"
+                        />
+                      </span>
+                    </span>
                   </span>
                 </label>
                 <div
diff --git a/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap
index b4898baff..c211ff668 100644
--- a/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:formula 1`] = `
             class="a-Form-label"
           >
             <span>
-              a
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  a
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -98,7 +104,13 @@ exports[`Renderer:formula 1`] = `
             class="a-Form-label"
           >
             <span>
-              b
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  b
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -160,7 +172,13 @@ exports[`Renderer:formula 1`] = `
             class="a-Form-label"
           >
             <span>
-              sum1
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  sum1
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -222,7 +240,13 @@ exports[`Renderer:formula 1`] = `
             class="a-Form-label"
           >
             <span>
-              sum2
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  sum2
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -284,7 +308,13 @@ exports[`Renderer:formula 1`] = `
             class="a-Form-label"
           >
             <span>
-              sum3
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  sum3
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap
index 37c168444..3e48ea78f 100644
--- a/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap
@@ -42,7 +42,13 @@ exports[`Renderer:group 1`] = `
                 class="a-Form-label a-Form-itemColumn--0"
               >
                 <span>
-                  Label
+                  <span
+                    class="a-TplField"
+                  >
+                    <span>
+                      Label
+                    </span>
+                  </span>
                 </span>
               </label>
               <div
@@ -78,7 +84,13 @@ exports[`Renderer:group 1`] = `
                 class="a-Form-label a-Form-itemColumn--0"
               >
                 <span>
-                  Label
+                  <span
+                    class="a-TplField"
+                  >
+                    <span>
+                      Label
+                    </span>
+                  </span>
                 </span>
               </label>
               <div
@@ -115,7 +127,13 @@ exports[`Renderer:group 1`] = `
               class="a-Form-label"
             >
               <span>
-                Label
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    Label
+                  </span>
+                </span>
               </span>
             </label>
             <div
@@ -147,7 +165,13 @@ exports[`Renderer:group 1`] = `
               class="a-Form-label"
             >
               <span>
-                Label
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    Label
+                  </span>
+                </span>
               </span>
             </label>
             <div
@@ -183,7 +207,13 @@ exports[`Renderer:group 1`] = `
               class="a-Form-label"
             >
               <span>
-                Label
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    Label
+                  </span>
+                </span>
               </span>
             </label>
             <div
@@ -211,7 +241,13 @@ exports[`Renderer:group 1`] = `
               class="a-Form-label"
             >
               <span>
-                Label
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    Label
+                  </span>
+                </span>
               </span>
             </label>
             <div
diff --git a/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap
index d42637355..1093908c9 100644
--- a/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:icon-picker 1`] = `
             class="a-Form-label"
           >
             <span>
-              icon-picker
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  icon-picker
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
index 0028b5d6f..70985ae2f 100644
--- a/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:Form 1`] = `
             class="a-Form-label"
           >
             <span>
-              Label
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Label
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -182,7 +188,13 @@ exports[`Renderer:Form initApi 1`] = `
             class="a-Form-label"
           >
             <span>
-              A
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  A
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -210,7 +222,13 @@ exports[`Renderer:Form initApi 1`] = `
             class="a-Form-label"
           >
             <span>
-              B
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  B
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -337,7 +355,13 @@ exports[`Renderer:Form sendOn:true 1`] = `
             class="a-Form-label"
           >
             <span>
-              A
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  A
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -365,7 +389,13 @@ exports[`Renderer:Form sendOn:true 1`] = `
             class="a-Form-label"
           >
             <span>
-              B
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  B
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -486,7 +516,13 @@ exports[`Renderer:Form:onValidate 1`] = `
             class="a-Form-label"
           >
             <span>
-              A
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  A
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -521,7 +557,13 @@ exports[`Renderer:Form:onValidate 1`] = `
             class="a-Form-label"
           >
             <span>
-              B
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  B
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -659,7 +701,13 @@ exports[`Renderer:Form:onValidate 3`] = `
             class="a-Form-label"
           >
             <span>
-              A
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  A
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -687,7 +735,13 @@ exports[`Renderer:Form:onValidate 3`] = `
             class="a-Form-label"
           >
             <span>
-              B
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  B
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -821,7 +875,13 @@ exports[`Renderer:Form:remoteValidate 1`] = `
             class="a-Form-label"
           >
             <span>
-              Label
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Label
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -949,7 +1009,13 @@ exports[`Renderer:Form:valdiate 1`] = `
             class="a-Form-label"
           >
             <span>
-              Label
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Label
+                </span>
+              </span>
               <span
                 class="a-Form-star"
               >
@@ -1083,7 +1149,13 @@ exports[`Renderer:Form:valdiate 2`] = `
             class="a-Form-label"
           >
             <span>
-              Label
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  Label
+                </span>
+              </span>
               <span
                 class="a-Form-star"
               >
diff --git a/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap
index d52edbe01..c50726900 100644
--- a/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:fieldSet 1`] = `
             class="a-Form-label a-Form-itemColumn--normal"
           >
             <span>
-              input-group
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  input-group
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap
index da14ead77..90cf62c63 100644
--- a/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:list 1`] = `
             class="a-Form-label"
           >
             <span>
-              单选
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  单选
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -168,7 +174,13 @@ exports[`Renderer:list:multiple clearable 1`] = `
             class="a-Form-label"
           >
             <span>
-              多选
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  多选
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -206,7 +218,13 @@ exports[`Renderer:list:multiple clearable 1`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -314,7 +332,13 @@ exports[`Renderer:list:multiple clearable 2`] = `
             class="a-Form-label"
           >
             <span>
-              多选
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  多选
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -352,7 +376,13 @@ exports[`Renderer:list:multiple clearable 2`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
index 4b5c3b84b..5bf8cd92b 100644
--- a/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:number 1`] = `
             class="a-Form-label"
           >
             <span>
-              number
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  number
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap
index 8a3dd07c6..e45e8695d 100644
--- a/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:radios 1`] = `
             class="a-Form-label"
           >
             <span>
-              radios
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  radios
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -104,7 +110,13 @@ exports[`Renderer:radios 1`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -212,7 +224,13 @@ exports[`Renderer:radios 2`] = `
             class="a-Form-label"
           >
             <span>
-              radios
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  radios
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -280,7 +298,13 @@ exports[`Renderer:radios 2`] = `
             class="a-Form-label"
           >
             <span>
-              当前值
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  当前值
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
index 6079869a1..fc2af1ccb 100644
--- a/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:number 1`] = `
             class="a-Form-label"
           >
             <span>
-              range
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  range
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -212,7 +218,13 @@ exports[`Renderer:range:multiple 1`] = `
             class="a-Form-label"
           >
             <span>
-              range
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  range
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
index a33db1bd0..b82f5bbfa 100644
--- a/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:rating 1`] = `
             class="a-Form-label"
           >
             <span>
-              rating
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  rating
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap
index 82258555d..bc6b91a1c 100644
--- a/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:repeat 1`] = `
             class="a-Form-label"
           >
             <span>
-              repeat
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  repeat
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
index 259f42ec3..fae9ba5ba 100644
--- a/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:service 1`] = `
             class="a-Form-label"
           >
             <span>
-              模板
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  模板
+                </span>
+              </span>
               <span
                 class="a-Form-star"
               >
@@ -89,7 +95,13 @@ exports[`Renderer:service 1`] = `
                 class="a-Form-label"
               >
                 <span>
-                  动态字段1
+                  <span
+                    class="a-TplField"
+                  >
+                    <span>
+                      动态字段1
+                    </span>
+                  </span>
                   <span
                     class="a-Form-star"
                   >
@@ -122,7 +134,13 @@ exports[`Renderer:service 1`] = `
                 class="a-Form-label"
               >
                 <span>
-                  动态字段2
+                  <span
+                    class="a-TplField"
+                  >
+                    <span>
+                      动态字段2
+                    </span>
+                  </span>
                 </span>
               </label>
               <div
diff --git a/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap
index 8d62ed823..14d946260 100644
--- a/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:static 1`] = `
             class="a-Form-label"
           >
             <span>
-              label
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  label
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
index 2e85dfde3..6c53b1a26 100644
--- a/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:switch 1`] = `
             class="a-Form-label"
           >
             <span>
-              开关
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  开关
+                </span>
+              </span>
             </span>
           </label>
           <div
diff --git a/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
index 0186b01c9..a1173f0b5 100644
--- a/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
@@ -80,7 +80,13 @@ exports[`Renderer:tabs 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      文本3
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          文本3
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
@@ -108,7 +114,13 @@ exports[`Renderer:tabs 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      文本4
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          文本4
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
diff --git a/__tests__/renderers/Form/__snapshots__/testarea.test.tsx.snap b/__tests__/renderers/Form/__snapshots__/testarea.test.tsx.snap
index 96f327c97..a4fc2fb04 100644
--- a/__tests__/renderers/Form/__snapshots__/testarea.test.tsx.snap
+++ b/__tests__/renderers/Form/__snapshots__/testarea.test.tsx.snap
@@ -36,7 +36,13 @@ exports[`Renderer:textarea 1`] = `
             class="a-Form-label"
           >
             <span>
-              textarea
+              <span
+                class="a-TplField"
+              >
+                <span>
+                  textarea
+                </span>
+              </span>
             </span>
           </label>
           <textarea
diff --git a/__tests__/renderers/Form/index.test.tsx b/__tests__/renderers/Form/index.test.tsx
index 0aab9da76..ac8233d2b 100644
--- a/__tests__/renderers/Form/index.test.tsx
+++ b/__tests__/renderers/Form/index.test.tsx
@@ -11,7 +11,7 @@ import {createMemoryHistory} from 'history';
 // mock getComputedStyle
 Object.defineProperty(window, 'getComputedStyle', {
   value: () => ({
-    getPropertyValue: prop => {
+    getPropertyValue: (prop: any) => {
       return '';
     }
   })
diff --git a/__tests__/renderers/Page.test.tsx b/__tests__/renderers/Page.test.tsx
index 8c34f9886..e4ecb8817 100644
--- a/__tests__/renderers/Page.test.tsx
+++ b/__tests__/renderers/Page.test.tsx
@@ -3,1125 +3,1264 @@ import PageRenderer from '../../src/renderers/Page';
 import * as renderer from 'react-test-renderer';
 import {render, fireEvent, cleanup} from 'react-testing-library';
 import '../../src/themes/default';
-import {
-    render as amisRender
-} from '../../src/index';
-import { wait, makeEnv } from '../helper';
-import { clearStoresCache } from '../../src/factory';
-import {
-    createMemoryHistory
-} from 'history';
+import {render as amisRender} from '../../src/index';
+import {wait, makeEnv} from '../helper';
+import {clearStoresCache} from '../../src/factory';
+import {createMemoryHistory} from 'history';
 
 afterEach(() => {
-    cleanup();
-    clearStoresCache();
-    jest.useRealTimers();
+  cleanup();
+  clearStoresCache();
+  jest.useRealTimers();
 });
 
-
-
 test('Renderer:Page', () => {
-    const component = renderer.create(amisRender({
-        type: 'page',
-        title: 'This is Title',
-        subTitle: 'This is SubTitle',
-        remark: 'Remark Text',
-        toolbar: 'This is toolbar',
-        body: 'This is body'
-    }));
-    let tree = component.toJSON();
+  const component = renderer.create(
+    amisRender({
+      type: 'page',
+      title: 'This is Title',
+      subTitle: 'This is SubTitle',
+      remark: 'Remark Text',
+      toolbar: 'This is toolbar',
+      body: 'This is body'
+    })
+  );
+  let tree = component.toJSON();
 
-    expect(tree).toMatchSnapshot();
+  expect(tree).toMatchSnapshot();
 });
 
-
 test('Renderer:Page initData', () => {
-    const component = renderer.create(amisRender({
-        type: 'page',
-        data: {
-            a: 1
-        },
-        body: 'The variable value is ${a}'
-    }));
-    let tree = component.toJSON();
+  const component = renderer.create(
+    amisRender({
+      type: 'page',
+      data: {
+        a: 1
+      },
+      body: 'The variable value is ${a}'
+    })
+  );
+  let tree = component.toJSON();
 
-    expect(tree).toMatchSnapshot();
+  expect(tree).toMatchSnapshot();
 });
 
-
 test('Renderer:Page initApi', async () => {
-    let done:Function;
-    let wating = new Promise((resolve) => {
-        done = resolve;
+  let done: Function;
+  let wating = new Promise(resolve => {
+    done = resolve;
+  });
+
+  const fetcher = jest.fn().mockImplementationOnce(() => {
+    setTimeout(done, 100);
+    return Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: 2
+        }
+      }
     });
-    
-    const fetcher = jest.fn().mockImplementationOnce(() => {
-        setTimeout(done, 100);
-        return Promise.resolve({
-            data: {
-                status: 0,
-                msg: 'ok',
-                data: {
-                    a: 2
-                }
-            }
-        });
-    });
-    const component = renderer.create(amisRender({
+  });
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         body: 'The variable value is ${a}'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wating; 
-    let tree = component.toJSON();
+      })
+    )
+  );
 
-    expect(tree).toMatchSnapshot();
+  await wating;
+  let tree = component.toJSON();
+
+  expect(tree).toMatchSnapshot();
 });
 
 test('Renderer:Page initApi error show Message', async () => {
-    let done:Function;
-    let wating = new Promise((resolve) => {
-        done = resolve;
+  let done: Function;
+  let wating = new Promise(resolve => {
+    done = resolve;
+  });
+
+  const fetcher = jest.fn().mockImplementationOnce(() => {
+    setTimeout(done, 100);
+    return Promise.resolve({
+      data: {
+        status: 500,
+        msg: 'Internal Error'
+      }
     });
-    
-    const fetcher = jest.fn().mockImplementationOnce(() => {
-        setTimeout(done, 100);
-        return Promise.resolve({
-            data: {
-                status: 500,
-                msg: 'Internal Error'
-            }
-        });
-    });
-    const component = renderer.create(amisRender({
+  });
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wating; 
-    let tree = component.toJSON();
+      })
+    )
+  );
 
-    expect(tree).toMatchSnapshot();
+  await wating;
+  let tree = component.toJSON();
+
+  expect(tree).toMatchSnapshot();
 });
 
 test('Renderer:Page initApi show loading', async () => {
-    let done:Function;
-    let wating = new Promise((resolve) => {
-        done = resolve;
+  let done: Function;
+  let wating = new Promise(resolve => {
+    done = resolve;
+  });
+
+  const fetcher = jest.fn().mockImplementationOnce(() => {
+    return new Promise(async resolve => {
+      await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
+      await wait(100, () =>
+        expect(
+          resolve({
+            data: {
+              status: 0,
+              msg: 'ok',
+              data: {
+                a: 3
+              }
+            }
+          })
+        )
+      );
+      await wait(100, done);
     });
-    
-    const fetcher = jest.fn().mockImplementationOnce(() => {
-        return new Promise(async (resolve) => {
-            await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
-            await wait(100, () => expect(resolve({
-                data: {
-                    status: 0,
-                    msg: 'ok',
-                    data: {
-                        a: 3
-                    }
-                }
-            })));
-            await wait(100, done);
-        });
-    });
-    const component = renderer.create(amisRender({
+  });
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         body: 'The variable value is ${a}'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wating; 
-    let tree = component.toJSON();
+      })
+    )
+  );
 
-    expect(tree).toMatchSnapshot();
+  await wating;
+  let tree = component.toJSON();
+
+  expect(tree).toMatchSnapshot();
 });
 
-
 test('Renderer:Page initApi initFetch:false', async () => {
-    const fetcher = jest.fn().mockImplementationOnce(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementationOnce(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 2
-            }
+          a: 2
         }
-    }));
-    renderer.create(amisRender({
+      }
+    })
+  );
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         initFetch: false,
         body: 'The variable value is ${a}'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(500);
-    expect(fetcher).not.toHaveBeenCalled();
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).not.toHaveBeenCalled();
 });
 
 test('Renderer:Page initApi initFetch:true', async () => {
-    const fetcher = jest.fn().mockImplementationOnce(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementationOnce(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 2
-            }
+          a: 2
         }
-    }));
-    renderer.create(amisRender({
+      }
+    })
+  );
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         initFetch: true,
         body: 'The variable value is ${a}'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(500);
-    expect(fetcher).toHaveBeenCalled();
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).toHaveBeenCalled();
 });
 
 test('Renderer:Page initApi initFetchOn -> true', async () => {
-    const fetcher = jest.fn().mockImplementationOnce(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementationOnce(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 2
-            }
+          a: 2
         }
-    }));
-    renderer.create(amisRender({
+      }
+    })
+  );
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         initFetchOn: 'this.goFetch',
         body: 'The variable value is ${a}'
-    }, {
+      },
+      {
         data: {
-            goFetch: true
+          goFetch: true
         }
-    }, makeEnv({
+      },
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(500);
-    expect(fetcher).toHaveBeenCalled();
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).toHaveBeenCalled();
 });
 
 test('Renderer:Page initApi initFetchOn -> false', async () => {
-    const fetcher = jest.fn().mockImplementationOnce(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementationOnce(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 2
-            }
+          a: 2
         }
-    }));
-    renderer.create(amisRender({
+      }
+    })
+  );
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         initFetchOn: 'this.goFetch',
         body: 'The variable value is ${a}'
-    }, {
+      },
+      {
         data: {
-            goFetch: false
+          goFetch: false
         }
-    }, makeEnv({
+      },
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(500);
-    expect(fetcher).not.toHaveBeenCalled();
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).not.toHaveBeenCalled();
 });
 
 test('Renderer:Page classNames', () => {
-    const component = renderer.create(amisRender({
-        type: 'page',
-        title: 'This is Title',
-        subTitle: 'This is SubTitle',
-        remark: 'Remark Text',
-        toolbar: 'This is toolbar',
-        body: 'This is body',
-        aside: 'This is aside',
+  const component = renderer.create(
+    amisRender({
+      type: 'page',
+      title: 'This is Title',
+      subTitle: 'This is SubTitle',
+      remark: 'Remark Text',
+      toolbar: 'This is toolbar',
+      body: 'This is body',
+      aside: 'This is aside',
 
-        headerClassName: 'header-class-name',
-        bodyClassName: 'body-class-name',
-        asideClassName: 'aside-class-name',
-        toolbarClassName: 'toolbar-class-name'
-    }));
-    let tree = component.toJSON();
+      headerClassName: 'header-class-name',
+      bodyClassName: 'body-class-name',
+      asideClassName: 'aside-class-name',
+      toolbarClassName: 'toolbar-class-name'
+    })
+  );
+  let tree = component.toJSON();
 
-    expect(tree).toMatchSnapshot();
+  expect(tree).toMatchSnapshot();
 });
 
-
 test('Renderer:Page initApi interval 轮询调用', async () => {
-    jest.useFakeTimers();
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
+  jest.useFakeTimers();
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 4
-            }
+          a: 4
         }
-    }));
-    const component = renderer.create(amisRender({
+      }
+    })
+  );
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         interval: 3000,
         body: 'The variable value is ${a}'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(10);
-    jest.advanceTimersByTime(3000);
+      })
+    )
+  );
 
-    const times = fetcher.mock.calls.length;
+  await wait(10);
+  jest.advanceTimersByTime(3000);
 
-    // 至少调用了 1次
-    expect(times).toBeGreaterThan(1); 
-    component.unmount();
+  const times = fetcher.mock.calls.length;
+
+  // 至少调用了 1次
+  expect(times).toBeGreaterThan(0);
+  component.unmount();
 });
 
-
 test('Renderer:Page initApi interval 轮询调用自动停止', async () => {
-    jest.useFakeTimers();
+  jest.useFakeTimers();
 
-    let count = 1;
-    const fetcher = jest.fn().mockImplementation(() => {
-        return Promise.resolve({
-            data: {
-                status: 0,
-                msg: 'ok',
-                data: {
-                    a: count++
-                }
-            }
-        });
+  let count = 1;
+  const fetcher = jest.fn().mockImplementation(() => {
+    return Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: count++
+        }
+      }
     });
-    renderer.create(amisRender({
+  });
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         interval: 3000,
         stopAutoRefreshWhen: 'this.a > 2',
         body: 'The variable value is ${a}'
-    }, {}, makeEnv({
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
+      })
+    )
+  );
 
-    await wait(10);
-    jest.advanceTimersByTime(3000);
-    
-    await wait(10);
-    jest.advanceTimersByTime(3000);
-    
-    expect(fetcher).toHaveBeenCalledTimes(3);
+  await wait(10);
+  jest.advanceTimersByTime(3000);
+
+  await wait(10);
+  jest.advanceTimersByTime(3000);
+
+  expect(fetcher).toHaveBeenCalledTimes(3);
 });
 
-
 test('Renderer:Page initApi silentPolling', async () => {
-    let done:Function;
-    let wating = new Promise((resolve) => {
-        done = resolve;
+  let done: Function;
+  let wating = new Promise(resolve => {
+    done = resolve;
+  });
+
+  const fetcher = jest
+    .fn()
+    .mockImplementationOnce(() => {
+      return new Promise(async resolve => {
+        await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
+        await wait(100, () =>
+          expect(
+            resolve({
+              data: {
+                status: 0,
+                msg: 'ok',
+                data: {
+                  a: 3
+                }
+              }
+            })
+          )
+        );
+        await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
+      });
+    })
+    .mockImplementationOnce(() => {
+      return new Promise(async resolve => {
+        await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
+        await wait(100, () =>
+          expect(
+            resolve({
+              data: {
+                status: 0,
+                msg: 'ok',
+                data: {
+                  a: 4
+                }
+              }
+            })
+          )
+        );
+        done();
+      });
     });
-    
-    const fetcher = jest.fn()
-        .mockImplementationOnce(() => {
-            return new Promise(async (resolve) => {
-                await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
-                await wait(100, () => expect(resolve({
-                    data: {
-                        status: 0,
-                        msg: 'ok',
-                        data: {
-                            a: 3
-                        }
-                    }
-                })));
-                await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
-            });
-        })
-        .mockImplementationOnce(() => {
-            return new Promise(async (resolve) => {
-                await wait(100, () => expect(component.toJSON()).toMatchSnapshot());
-                await wait(100, () => expect(resolve({
-                    data: {
-                        status: 0,
-                        msg: 'ok',
-                        data: {
-                            a: 4
-                        }
-                    }
-                })));
-                done();
-            });
-        });
-    const component = renderer.create(amisRender({
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: '/api/xxx',
         body: 'The variable value is ${a}',
         interval: 3000, // 最少是 3秒
-        silentPolling: true,
-    }, {}, makeEnv({
+        silentPolling: true
+      },
+      {},
+      makeEnv({
         fetcher
-    })));
-    
-    await wating; 
-    let tree = component.toJSON();
-    expect(tree).toMatchSnapshot();
-    component.unmount();
+      })
+    )
+  );
+
+  await wating;
+  let tree = component.toJSON();
+  expect(tree).toMatchSnapshot();
+  component.unmount();
 });
 
-
-
 test('Renderer:Page initApi sendOn -> true', async () => {
-    const fetcher = jest.fn().mockImplementationOnce(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementationOnce(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 2
-            }
+          a: 2
         }
-    }));
-    renderer.create(amisRender({
+      }
+    })
+  );
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: {
-            method: 'get',
-            url: '/api/xxx',
-            sendOn: 'this.goFetch'
+          method: 'get',
+          url: '/api/xxx',
+          sendOn: 'this.goFetch'
         },
         body: 'The variable value is ${a}'
-    }, {
+      },
+      {
         data: {
-            goFetch: true
+          goFetch: true
         }
-    }, makeEnv({
+      },
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(500);
-    expect(fetcher).toHaveBeenCalled();
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).toHaveBeenCalled();
 });
 
 test('Renderer:Page initApi sendOn -> false', async () => {
-    const fetcher = jest.fn().mockImplementationOnce(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementationOnce(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 2
-            }
+          a: 2
         }
-    }));
-    renderer.create(amisRender({
+      }
+    })
+  );
+  renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: {
-            method: 'get',
-            url: '/api/xxx',
-            sendOn: 'this.goFetch'
+          method: 'get',
+          url: '/api/xxx',
+          sendOn: 'this.goFetch'
         },
         body: 'The variable value is ${a}'
-    }, {
+      },
+      {
         data: {
-            goFetch: false
+          goFetch: false
         }
-    }, makeEnv({
+      },
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(500);
-    expect(fetcher).not.toHaveBeenCalled();
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).not.toHaveBeenCalled();
 });
 
 test('Renderer:Page location query', () => {
-    const history = createMemoryHistory({
-        initialEntries: ['/xxx?a=5']
-    });
+  const history = createMemoryHistory({
+    initialEntries: ['/xxx?a=5']
+  });
 
-    const component = renderer.create(amisRender({
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         body: 'The variable value is ${a}'
-    }, {
-        location: history.location
-    }));
+      },
+      {
+        location: history.location as any
+      }
+    )
+  );
 
-    expect(component.toJSON()).toMatchSnapshot();
+  expect(component.toJSON()).toMatchSnapshot();
 
-    history.push('/xxx?a=6');
+  history.push('/xxx?a=6');
 
-    component.update(amisRender({
+  component.update(
+    amisRender(
+      {
         type: 'page',
         body: 'The variable value is ${a}'
-    }, {
-        location: history.location
-    }));
+      },
+      {
+        location: history.location as any
+      }
+    )
+  );
 
-    expect(component.toJSON()).toMatchSnapshot();
+  expect(component.toJSON()).toMatchSnapshot();
 });
 
-
 test('Renderer:Page initFetchOn trigger initApi fetch when condition becomes ture', async () => {
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
         data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 6
-            }
+          a: 6
         }
-    }));
-    const history = createMemoryHistory({
-        initialEntries: ['/xxx']
-    });
-    const component = renderer.create(amisRender({
+      }
+    })
+  );
+  const history = createMemoryHistory({
+    initialEntries: ['/xxx']
+  });
+  const component = renderer.create(
+    amisRender(
+      {
         type: 'page',
         initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
+          method: 'get',
+          url: '/api/xxx?id=${id}'
         },
         initFetchOn: 'this.id',
         body: 'The variable value is ${a}'
-    }, {
-        location: history.location
-    }, makeEnv({
+      },
+      {
+        location: history.location as any
+      },
+      makeEnv({
         fetcher
-    })));
-    
-    await wait(100);
-    history.push('/xxxx?id=1')
+      })
+    )
+  );
 
-    component.update(amisRender({
+  await wait(100);
+  history.push('/xxxx?id=1');
+
+  component.update(
+    amisRender(
+      {
         type: 'page',
         initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
+          method: 'get',
+          url: '/api/xxx?id=${id}'
         },
         initFetchOn: 'this.id',
         body: 'The variable value is ${a}'
-    }, {
-        location: history.location
-    }, makeEnv({
+      },
+      {
+        location: history.location as any
+      },
+      makeEnv({
         fetcher
-    })));
+      })
+    )
+  );
 
-    await wait(100);
-    expect(fetcher).toHaveBeenCalledTimes(1);
-    expect(component.toJSON()).toMatchSnapshot();
+  await wait(100);
+  expect(fetcher).toHaveBeenCalledTimes(1);
+  expect(component.toJSON()).toMatchSnapshot();
 });
 
-
 test('Renderer:Page handleAction actionType=url|link', () => {
-    const jumpTo = jest.fn();
-    const {
-        getByText
-    } = render(amisRender({
+  const jumpTo = jest.fn();
+  const {getByText} = render(
+    amisRender(
+      {
         type: 'page',
         toolbar: [
-            {
-                type: 'button',
-                label: 'JumpTo',
-                actionType: 'link',
-                to: '/goToPath?a=${a}'
-            }
+          {
+            type: 'button',
+            label: 'JumpTo',
+            actionType: 'link',
+            to: '/goToPath?a=${a}'
+          }
         ]
-    }, {
+      },
+      {
         data: {
-            a: 1
+          a: 1
         }
-    }, makeEnv({
+      },
+      makeEnv({
         jumpTo
-    })));
+      })
+    )
+  );
 
-
-    fireEvent.click(getByText(/JumpTo/));
-    expect(jumpTo).toHaveBeenCalled();
-    expect(jumpTo.mock.calls[0][0]).toEqual("/goToPath?a=1");
+  fireEvent.click(getByText(/JumpTo/));
+  expect(jumpTo).toHaveBeenCalled();
+  expect(jumpTo.mock.calls[0][0]).toEqual('/goToPath?a=1');
 });
 
-
 test('Renderer:Page handleAction actionType=dialog', async () => {
-    const {
-        getByText,
-        container
-    } = render(amisRender({
+  const {getByText, container}: any = render(
+    amisRender(
+      {
         type: 'page',
         toolbar: [
-            {
-                type: 'button',
-                label: 'OpenDialog',
-                actionType: 'dialog',
-                dialog: {
-                    body: 'this is dialog'
-                }
-            }
-        ]
-    }, {
-        
-    }, makeEnv({
-        getModalContainer: () => container
-    })));
-
-    fireEvent.click(getByText(/OpenDialog/));
-    expect(container).toMatchSnapshot();
-
-
-    fireEvent.click(getByText(/取消/));
-    await wait(1000);
-    expect(container).toMatchSnapshot();
-});
-
-test('Renderer:Page handleAction actionType=dialog mergeData', async () => {
-    const {
-        getByText,
-        container
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            {
-                type: 'button',
-                label: 'OpenDialog',
-                actionType: 'dialog',
-                dialog: {
-                    actions: [
-                        {
-                            label: '确认',
-                            type: 'submit',
-                            mergeData: true,
-                        }
-                    ],
-                    body: {
-                        type: 'form',
-                        controls: [
-                            {
-                                label: 'A',
-                                type: 'text',
-                                value: '3',
-                                name: 'a'
-                            }
-                        ]
-                    }
-                }
-            }
-        ],
-        body: 'The variable a is ${a}'
-    }, {
-        
-    }, makeEnv({
-        getModalContainer: () => container
-    })));
-
-    fireEvent.click(getByText(/OpenDialog/));
-    expect(container).toMatchSnapshot();
-
-
-    fireEvent.click(getByText(/确认/));
-    await wait(500);
-    expect(container).toMatchSnapshot();
-});
-
-test('Renderer:Page handleAction actionType=drawer', async () => {
-    const {
-        getByText,
-        container
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            {
-                type: 'button',
-                label: 'OpenDrawer',
-                actionType: 'drawer',
-                drawer: {
-                    body: 'this is drawer'
-                }
-            }
-        ]
-    }, {
-        
-    }, makeEnv({
-        getModalContainer: () => container
-    })));
-
-
-    fireEvent.click(getByText(/OpenDrawer/));
-    expect(container).toMatchSnapshot();
-
-    fireEvent.click(getByText(/取消/));
-    await wait(1000);
-    expect(container).toMatchSnapshot();
-});
-
-test('Renderer:Page handleAction actionType=drawer mergeData', async () => {
-    const {
-        getByText,
-        container
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            {
-                type: 'button',
-                label: 'OpenDrawer',
-                actionType: 'drawer',
-                drawer: {
-                    actions: [
-                        {
-                            label: '确认',
-                            type: 'submit',
-                            mergeData: true,
-                        }
-                    ],
-                    body: {
-                        type: 'form',
-                        controls: [
-                            {
-                                label: 'A',
-                                type: 'text',
-                                value: '3',
-                                name: 'a'
-                            }
-                        ]
-                    }
-                }
-            }
-        ],
-        body: 'The variable a is ${a}'
-    }, {
-        
-    }, makeEnv({
-        getModalContainer: () => container
-    })));
-
-    fireEvent.click(getByText(/OpenDrawer/));
-    expect(container).toMatchSnapshot();
-
-
-    fireEvent.click(getByText(/确认/));
-    await wait(600);
-    expect(container).toMatchSnapshot();
-});
-
-
-test('Renderer:Page handleAction actionType=ajax', async () => {
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 6
-            }
-        }
-    }));
-    const {
-        getByText,
-        container
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            {
-                type: 'button',
-                label: 'RequestAjax',
-                actionType: 'ajax',
-                api: '/doxxx'
-            }
-        ],
-        body: 'The variable a is ${a}'
-    }, {
-        
-    }, makeEnv({
-        fetcher,
-        getModalContainer: () => container
-    })));
-
-
-    fireEvent.click(getByText(/RequestAjax/));
-    await wait(100);
-    expect(container).toMatchSnapshot();
-});
-
-
-test('Renderer:Page handleAction actionType=copy', () => {
-    const copy = jest.fn();
-    const {
-        getByText
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            {
-                type: 'button',
-                label: 'CopyContent',
-                actionType: 'copy',
-                content: 'the content is ${a}'
-            }
-        ]
-    }, {
-        data: {
-            a: 1
-        }
-    }, makeEnv({
-        copy
-    })));
-
-
-    fireEvent.click(getByText(/CopyContent/));
-    expect(copy).toHaveBeenCalled();
-    expect(copy.mock.calls[0][0]).toEqual("the content is 1");
-});
-
-
-
-test('Renderer:Page handleAction actionType=ajax & feedback', async () => {
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: 6
-            }
-        }
-    }));
-    const {
-        getByText,
-        container
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            {
-                type: 'button',
-                label: 'RequestAjax',
-                actionType: 'ajax',
-                api: '/doxxx',
-                feedback: {
-                    body: 'this is feedback'
-                }
-            }
-        ],
-        body: 'The variable a is ${a}'
-    }, {
-        
-    }, makeEnv({
-        fetcher,
-        getModalContainer: () => container
-    })));
-
-
-    fireEvent.click(getByText(/RequestAjax/));
-    await wait(100);
-    expect(container).toMatchSnapshot();
-
-    fireEvent.click(getByText(/确认/));
-    await wait(500);
-    expect(container).toMatchSnapshot();
-});
-
-
-test('Renderer:Page initApi reFetch when condition changes', async () => {
-    let count = 1;
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: count++
-            }
-        }
-    }));
-    const history = createMemoryHistory({
-        initialEntries: ['/xxx']
-    });
-    const component = renderer.create(amisRender({
-        type: 'page',
-        initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
-        },
-        body: 'The variable value is ${a}'
-    }, {
-        location: history.location
-    }, makeEnv({
-        fetcher
-    })));
-    
-    await wait(100);
-    expect(component.toJSON()).toMatchSnapshot();
-    history.push('/xxxx?id=1');
-
-    component.update(amisRender({
-        type: 'page',
-        initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
-        },
-        body: 'The variable value is ${a}'
-    }, {
-        location: history.location
-    }, makeEnv({
-        fetcher
-    })));
-
-    await wait(500);
-    expect(fetcher).toHaveBeenCalledTimes(2);
-    expect(component.toJSON()).toMatchSnapshot();
-});
-
-
-test('Renderer:Page initApi reload by action', async () => {
-    let count = 1;
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: count++
-            }
-        }
-    }));
-    const {
-        container,
-        getByText,
-        rerender
-    } = render(amisRender({
-        type: 'page',
-        name: 'thepage',
-        initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
-        },
-        toolbar: {
-            type: 'button',
-            label: 'Reload',
-            actionType: 'reload',
-            target: 'thepage'
-        },
-        body: 'The variable value is ${a}'
-    }, {
-    }, makeEnv({
-        fetcher
-    })));
-    
-    await wait(100);
-    expect(container).toMatchSnapshot();
-
-    fireEvent.click(getByText(/Reload/));
-
-    await wait(100);
-    expect(fetcher).toHaveBeenCalledTimes(2);
-    expect(container).toMatchSnapshot();
-});
-
-
-test('Renderer:Page Tpl JumpTo', () => {
-    const jumpTo = jest.fn();
-    const {
-        getByText
-    } = render(amisRender({
-        type: 'page',
-        toolbar: [
-            '<a data-link="/goToPath?a=${a}">JumpTo</a>'
-        ]
-    }, {
-        data: {
-            a: 1
-        }
-    }, makeEnv({
-        jumpTo
-    })));
-
-
-    fireEvent.click(getByText(/JumpTo/));
-    expect(jumpTo).toHaveBeenCalled();
-    expect(jumpTo.mock.calls[0][0]).toEqual("/goToPath?a=1");
-});
-
-
-test('Renderer:Page initApi reload by Dialog action', async () => {
-    let count = 1;
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: count++
-            }
-        }
-    }));
-    const {
-        container,
-        getByText,
-        rerender
-    } = render(amisRender({
-        type: 'page',
-        name: 'thepage',
-        initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
-        },
-        toolbar: {
+          {
             type: 'button',
             label: 'OpenDialog',
             actionType: 'dialog',
-            reload: 'thepage',
             dialog: {
-                body: {
-                    type: 'form',
-                    controls: [
-                        {
-                            type: 'text',
-                            name: 'a',
-                            value: '3'
-                        }
-                    ]
-                }
+              body: 'this is dialog'
             }
-        },
-        body: 'The variable value is ${a}'
-    }, {
-    }, makeEnv({
-        fetcher,
+          }
+        ]
+      },
+      {},
+      makeEnv({
         getModalContainer: () => container
-    })));
-    
-    await wait(100);
-    expect(container).toMatchSnapshot();
+      })
+    )
+  );
 
-    fireEvent.click(getByText(/OpenDialog/));
-    await wait(400);
+  fireEvent.click(getByText(/OpenDialog/));
+  expect(container).toMatchSnapshot();
 
-    expect(container).toMatchSnapshot();
-    fireEvent.click(getByText(/确认/));
-    await wait(500);
-
-    expect(container).toMatchSnapshot();
-    expect(fetcher).toHaveBeenCalledTimes(2);
+  fireEvent.click(getByText(/取消/));
+  await wait(1000);
+  expect(container).toMatchSnapshot();
 });
 
-
-test('Renderer:Page initApi reload by Drawer action', async () => {
-    let count = 1;
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: count++
-            }
-        }
-    }));
-    const {
-        container,
-        getByText,
-        rerender
-    } = render(amisRender({
+test('Renderer:Page handleAction actionType=dialog mergeData', async () => {
+  const {getByText, container}: any = render(
+    amisRender(
+      {
         type: 'page',
-        name: 'thepage',
-        initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
-        },
-        toolbar: {
+        toolbar: [
+          {
             type: 'button',
             label: 'OpenDialog',
-            actionType: 'drawer',
-            reload: 'thepage',
-            drawer: {
-                body: {
-                    type: 'form',
-                    controls: [
-                        {
-                            type: 'text',
-                            name: 'a',
-                            value: '3'
-                        }
-                    ]
+            actionType: 'dialog',
+            dialog: {
+              actions: [
+                {
+                  label: '确认',
+                  type: 'submit',
+                  mergeData: true
                 }
+              ],
+              body: {
+                type: 'form',
+                controls: [
+                  {
+                    label: 'A',
+                    type: 'text',
+                    value: '3',
+                    name: 'a'
+                  }
+                ]
+              }
             }
-        },
-        body: 'The variable value is ${a}'
-    }, {
-    }, makeEnv({
-        fetcher,
+          }
+        ],
+        body: 'The variable a is ${a}'
+      },
+      {},
+      makeEnv({
         getModalContainer: () => container
-    })));
-    
-    await wait(100);
-    expect(container).toMatchSnapshot();
+      })
+    )
+  );
 
-    fireEvent.click(getByText(/OpenDialog/));
-    await wait(400);
+  fireEvent.click(getByText(/OpenDialog/));
+  expect(container).toMatchSnapshot();
 
-    expect(container).toMatchSnapshot();
-    fireEvent.click(getByText(/确认/));
-    await wait(600);
-
-    expect(container).toMatchSnapshot();
-    expect(fetcher).toHaveBeenCalledTimes(2);
+  fireEvent.click(getByText(/确认/));
+  await wait(500);
+  expect(container).toMatchSnapshot();
 });
 
-
-test('Renderer:Page initApi reload by Form submit', async () => {
-    let count = 1;
-    const fetcher = jest.fn().mockImplementation(() => Promise.resolve({
-        data: {
-            status: 0,
-            msg: 'ok',
-            data: {
-                a: count++
+test('Renderer:Page handleAction actionType=drawer', async () => {
+  const {getByText, container}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        toolbar: [
+          {
+            type: 'button',
+            label: 'OpenDrawer',
+            actionType: 'drawer',
+            drawer: {
+              body: 'this is drawer'
             }
+          }
+        ]
+      },
+      {},
+      makeEnv({
+        getModalContainer: () => container
+      })
+    )
+  );
+
+  fireEvent.click(getByText(/OpenDrawer/));
+  expect(container).toMatchSnapshot();
+
+  fireEvent.click(getByText(/取消/));
+  await wait(1000);
+  expect(container).toMatchSnapshot();
+});
+
+test('Renderer:Page handleAction actionType=drawer mergeData', async () => {
+  const {getByText, container}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        toolbar: [
+          {
+            type: 'button',
+            label: 'OpenDrawer',
+            actionType: 'drawer',
+            drawer: {
+              actions: [
+                {
+                  label: '确认',
+                  type: 'submit',
+                  mergeData: true
+                }
+              ],
+              body: {
+                type: 'form',
+                controls: [
+                  {
+                    label: 'A',
+                    type: 'text',
+                    value: '3',
+                    name: 'a'
+                  }
+                ]
+              }
+            }
+          }
+        ],
+        body: 'The variable a is ${a}'
+      },
+      {},
+      makeEnv({
+        getModalContainer: () => container
+      })
+    )
+  );
+
+  fireEvent.click(getByText(/OpenDrawer/));
+  expect(container).toMatchSnapshot();
+
+  fireEvent.click(getByText(/确认/));
+  await wait(600);
+  expect(container).toMatchSnapshot();
+});
+
+test('Renderer:Page handleAction actionType=ajax', async () => {
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: 6
         }
-    }));
-    const {
-        container,
-        getByText,
-        rerender
-    } = render(amisRender({
+      }
+    })
+  );
+  const {getByText, container}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        toolbar: [
+          {
+            type: 'button',
+            label: 'RequestAjax',
+            actionType: 'ajax',
+            api: '/doxxx'
+          }
+        ],
+        body: 'The variable a is ${a}'
+      },
+      {},
+      makeEnv({
+        fetcher,
+        getModalContainer: () => container
+      })
+    )
+  );
+
+  fireEvent.click(getByText(/RequestAjax/));
+  await wait(100);
+  expect(container).toMatchSnapshot();
+});
+
+test('Renderer:Page handleAction actionType=copy', () => {
+  const copy = jest.fn();
+  const {getByText} = render(
+    amisRender(
+      {
+        type: 'page',
+        toolbar: [
+          {
+            type: 'button',
+            label: 'CopyContent',
+            actionType: 'copy',
+            content: 'the content is ${a}'
+          }
+        ]
+      },
+      {
+        data: {
+          a: 1
+        }
+      },
+      makeEnv({
+        copy
+      })
+    )
+  );
+
+  fireEvent.click(getByText(/CopyContent/));
+  expect(copy).toHaveBeenCalled();
+  expect(copy.mock.calls[0][0]).toEqual('the content is 1');
+});
+
+test('Renderer:Page handleAction actionType=ajax & feedback', async () => {
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: 6
+        }
+      }
+    })
+  );
+  const {getByText, container}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        toolbar: [
+          {
+            type: 'button',
+            label: 'RequestAjax',
+            actionType: 'ajax',
+            api: '/doxxx',
+            feedback: {
+              body: 'this is feedback'
+            }
+          }
+        ],
+        body: 'The variable a is ${a}'
+      },
+      {},
+      makeEnv({
+        fetcher,
+        getModalContainer: () => container
+      })
+    )
+  );
+
+  fireEvent.click(getByText(/RequestAjax/));
+  await wait(100);
+  expect(container).toMatchSnapshot();
+
+  fireEvent.click(getByText(/确认/));
+  await wait(500);
+  expect(container).toMatchSnapshot();
+});
+
+test('Renderer:Page initApi reFetch when condition changes', async () => {
+  let count = 1;
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: count++
+        }
+      }
+    })
+  );
+  const history = createMemoryHistory({
+    initialEntries: ['/xxx']
+  });
+  const component = renderer.create(
+    amisRender(
+      {
+        type: 'page',
+        initApi: {
+          method: 'get',
+          url: '/api/xxx?id=${id}'
+        },
+        body: 'The variable value is ${a}'
+      },
+      {
+        location: history.location as any
+      },
+      makeEnv({
+        fetcher
+      })
+    )
+  );
+
+  await wait(100);
+  expect(component.toJSON()).toMatchSnapshot();
+  history.push('/xxxx?id=1');
+
+  component.update(
+    amisRender(
+      {
+        type: 'page',
+        initApi: {
+          method: 'get',
+          url: '/api/xxx?id=${id}'
+        },
+        body: 'The variable value is ${a}'
+      },
+      {
+        location: history.location as any
+      },
+      makeEnv({
+        fetcher
+      })
+    )
+  );
+
+  await wait(500);
+  expect(fetcher).toHaveBeenCalledTimes(2);
+  expect(component.toJSON()).toMatchSnapshot();
+});
+
+test('Renderer:Page initApi reload by action', async () => {
+  let count = 1;
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: count++
+        }
+      }
+    })
+  );
+  const {container, getByText, rerender} = render(
+    amisRender(
+      {
         type: 'page',
         name: 'thepage',
         initApi: {
-            method: 'get',
-            url: '/api/xxx?id=${id}',
+          method: 'get',
+          url: '/api/xxx?id=${id}'
         },
         toolbar: {
-            type: 'form',
-            target: 'thepage',
-            controls: [
-                {
-                    type: 'text',
-                    name: 'a',
-                    value: '3'
-                }
-            ],
-            actions: [
-                {
-                    type: 'submit',
-                    label: 'Submit'
-                }
-            ]
+          type: 'button',
+          label: 'Reload',
+          actionType: 'reload',
+          target: 'thepage'
         },
         body: 'The variable value is ${a}'
-    }, {
-    }, makeEnv({
+      },
+      {},
+      makeEnv({
+        fetcher
+      })
+    )
+  );
+
+  await wait(100);
+  expect(container).toMatchSnapshot();
+
+  fireEvent.click(getByText(/Reload/));
+
+  await wait(100);
+  expect(fetcher).toHaveBeenCalledTimes(2);
+  expect(container).toMatchSnapshot();
+});
+
+test('Renderer:Page Tpl JumpTo', () => {
+  const jumpTo = jest.fn();
+  const {getByText} = render(
+    amisRender(
+      {
+        type: 'page',
+        toolbar: ['<a data-link="/goToPath?a=${a}">JumpTo</a>']
+      },
+      {
+        data: {
+          a: 1
+        }
+      },
+      makeEnv({
+        jumpTo
+      })
+    )
+  );
+
+  fireEvent.click(getByText(/JumpTo/));
+  expect(jumpTo).toHaveBeenCalled();
+  expect(jumpTo.mock.calls[0][0]).toEqual('/goToPath?a=1');
+});
+
+test('Renderer:Page initApi reload by Dialog action', async () => {
+  let count = 1;
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: count++
+        }
+      }
+    })
+  );
+  const {container, getByText, rerender}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        name: 'thepage',
+        initApi: {
+          method: 'get',
+          url: '/api/xxx?id=${id}'
+        },
+        toolbar: {
+          type: 'button',
+          label: 'OpenDialog',
+          actionType: 'dialog',
+          reload: 'thepage',
+          dialog: {
+            body: {
+              type: 'form',
+              controls: [
+                {
+                  type: 'text',
+                  name: 'a',
+                  value: '3'
+                }
+              ]
+            }
+          }
+        },
+        body: 'The variable value is ${a}'
+      },
+      {},
+      makeEnv({
         fetcher,
         getModalContainer: () => container
-    })));
-    
-    await wait(100);
-    expect(container).toMatchSnapshot();
+      })
+    )
+  );
 
-    fireEvent.click(getByText(/Submit/));
-    await wait(100);
+  await wait(100);
+  expect(container).toMatchSnapshot();
 
-    expect(container).toMatchSnapshot();
-    expect(fetcher).toHaveBeenCalledTimes(2);
-});
\ No newline at end of file
+  fireEvent.click(getByText(/OpenDialog/));
+  await wait(400);
+
+  expect(container).toMatchSnapshot();
+  fireEvent.click(getByText(/确认/));
+  await wait(500);
+
+  expect(container).toMatchSnapshot();
+  expect(fetcher).toHaveBeenCalledTimes(2);
+});
+
+test('Renderer:Page initApi reload by Drawer action', async () => {
+  let count = 1;
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: count++
+        }
+      }
+    })
+  );
+  const {container, getByText, rerender}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        name: 'thepage',
+        initApi: {
+          method: 'get',
+          url: '/api/xxx?id=${id}'
+        },
+        toolbar: {
+          type: 'button',
+          label: 'OpenDialog',
+          actionType: 'drawer',
+          reload: 'thepage',
+          drawer: {
+            body: {
+              type: 'form',
+              controls: [
+                {
+                  type: 'text',
+                  name: 'a',
+                  value: '3'
+                }
+              ]
+            }
+          }
+        },
+        body: 'The variable value is ${a}'
+      },
+      {},
+      makeEnv({
+        fetcher,
+        getModalContainer: () => container
+      })
+    )
+  );
+
+  await wait(100);
+  expect(container).toMatchSnapshot();
+
+  fireEvent.click(getByText(/OpenDialog/));
+  await wait(400);
+
+  expect(container).toMatchSnapshot();
+  fireEvent.click(getByText(/确认/));
+  await wait(600);
+
+  expect(container).toMatchSnapshot();
+  expect(fetcher).toHaveBeenCalledTimes(2);
+});
+
+test('Renderer:Page initApi reload by Form submit', async () => {
+  let count = 1;
+  const fetcher = jest.fn().mockImplementation(() =>
+    Promise.resolve({
+      data: {
+        status: 0,
+        msg: 'ok',
+        data: {
+          a: count++
+        }
+      }
+    })
+  );
+  const {container, getByText, rerender}: any = render(
+    amisRender(
+      {
+        type: 'page',
+        name: 'thepage',
+        initApi: {
+          method: 'get',
+          url: '/api/xxx?id=${id}'
+        },
+        toolbar: {
+          type: 'form',
+          target: 'thepage',
+          controls: [
+            {
+              type: 'text',
+              name: 'a',
+              value: '3'
+            }
+          ],
+          actions: [
+            {
+              type: 'submit',
+              label: 'Submit'
+            }
+          ]
+        },
+        body: 'The variable value is ${a}'
+      },
+      {},
+      makeEnv({
+        fetcher,
+        getModalContainer: () => container
+      })
+    )
+  );
+
+  await wait(100);
+  expect(container).toMatchSnapshot();
+
+  fireEvent.click(getByText(/Submit/));
+  await wait(100);
+
+  expect(container).toMatchSnapshot();
+  expect(fetcher).toHaveBeenCalledTimes(2);
+});
diff --git a/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap b/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
index 352921eaa..7abf951e7 100644
--- a/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
+++ b/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
@@ -64,7 +64,13 @@ exports[`Renderer:Wizard 1`] = `
             className="a-Form-label"
           >
             <span>
-              网址
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  网址
+                </span>
+              </span>
               <span
                 className="a-Form-star"
               >
@@ -100,7 +106,13 @@ exports[`Renderer:Wizard 1`] = `
             className="a-Form-label"
           >
             <span>
-              名称
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  名称
+                </span>
+              </span>
               <span
                 className="a-Form-star"
               >
@@ -340,7 +352,13 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
               class="a-Form-label"
             >
               <span>
-                网址
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    网址
+                  </span>
+                </span>
               </span>
             </label>
             <div
@@ -368,7 +386,13 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
               class="a-Form-label"
             >
               <span>
-                名称
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    名称
+                  </span>
+                </span>
               </span>
             </label>
             <div
@@ -524,7 +548,13 @@ exports[`Renderer:Wizard dialog 1`] = `
                       class="a-Form-label"
                     >
                       <span>
-                        网址
+                        <span
+                          class="a-TplField"
+                        >
+                          <span>
+                            网址
+                          </span>
+                        </span>
                       </span>
                     </label>
                     <div
@@ -552,7 +582,13 @@ exports[`Renderer:Wizard dialog 1`] = `
                       class="a-Form-label"
                     >
                       <span>
-                        名称
+                        <span
+                          class="a-TplField"
+                        >
+                          <span>
+                            名称
+                          </span>
+                        </span>
                       </span>
                     </label>
                     <div
@@ -725,7 +761,13 @@ exports[`Renderer:Wizard dialog 2`] = `
                       class="a-Form-label"
                     >
                       <span>
-                        网址
+                        <span
+                          class="a-TplField"
+                        >
+                          <span>
+                            网址
+                          </span>
+                        </span>
                       </span>
                     </label>
                     <div
@@ -753,7 +795,13 @@ exports[`Renderer:Wizard dialog 2`] = `
                       class="a-Form-label"
                     >
                       <span>
-                        名称
+                        <span
+                          class="a-TplField"
+                        >
+                          <span>
+                            名称
+                          </span>
+                        </span>
                       </span>
                     </label>
                     <div
@@ -926,7 +974,13 @@ exports[`Renderer:Wizard initApi 1`] = `
             className="a-Form-label"
           >
             <span>
-              网址
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  网址
+                </span>
+              </span>
               <span
                 className="a-Form-star"
               >
@@ -962,7 +1016,13 @@ exports[`Renderer:Wizard initApi 1`] = `
             className="a-Form-label"
           >
             <span>
-              名称
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  名称
+                </span>
+              </span>
               <span
                 className="a-Form-star"
               >
@@ -1092,7 +1152,13 @@ exports[`Renderer:Wizard initApi reload 1`] = `
                       class="a-Form-label"
                     >
                       <span>
-                        网址
+                        <span
+                          class="a-TplField"
+                        >
+                          <span>
+                            网址
+                          </span>
+                        </span>
                       </span>
                     </label>
                     <div
@@ -1120,7 +1186,13 @@ exports[`Renderer:Wizard initApi reload 1`] = `
                       class="a-Form-label"
                     >
                       <span>
-                        名称
+                        <span
+                          class="a-TplField"
+                        >
+                          <span>
+                            名称
+                          </span>
+                        </span>
                       </span>
                     </label>
                     <div
@@ -1619,7 +1691,13 @@ exports[`Renderer:Wizard initApi show loading 2`] = `
             className="a-Form-label"
           >
             <span>
-              网址
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  网址
+                </span>
+              </span>
               <span
                 className="a-Form-star"
               >
@@ -1655,7 +1733,13 @@ exports[`Renderer:Wizard initApi show loading 2`] = `
             className="a-Form-label"
           >
             <span>
-              名称
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  名称
+                </span>
+              </span>
               <span
                 className="a-Form-star"
               >
@@ -1791,7 +1875,13 @@ exports[`Renderer:Wizard readOnly 1`] = `
             className="a-Form-label"
           >
             <span>
-              网址
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  网址
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -1823,7 +1913,13 @@ exports[`Renderer:Wizard readOnly 1`] = `
             className="a-Form-label"
           >
             <span>
-              名称
+              <span
+                className="a-TplField"
+              >
+                <span>
+                  名称
+                </span>
+              </span>
             </span>
           </label>
           <div
@@ -2068,7 +2164,13 @@ exports[`Renderer:Wizard step initApi 1`] = `
               class="a-Form-label"
             >
               <span>
-                邮箱
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    邮箱
+                  </span>
+                </span>
                 <span
                   class="a-Form-star"
                 >
@@ -2354,7 +2456,13 @@ exports[`Renderer:Wizard target 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      Website
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          Website
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
@@ -2382,7 +2490,13 @@ exports[`Renderer:Wizard target 1`] = `
                     class="a-Form-label"
                   >
                     <span>
-                      Name
+                      <span
+                        class="a-TplField"
+                      >
+                        <span>
+                          Name
+                        </span>
+                      </span>
                     </span>
                   </label>
                   <div
@@ -2533,7 +2647,13 @@ exports[`Renderer:Wizard validate 1`] = `
               class="a-Form-label"
             >
               <span>
-                网址
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    网址
+                  </span>
+                </span>
                 <span
                   class="a-Form-star"
                 >
@@ -2573,7 +2693,13 @@ exports[`Renderer:Wizard validate 1`] = `
               class="a-Form-label"
             >
               <span>
-                名称
+                <span
+                  class="a-TplField"
+                >
+                  <span>
+                    名称
+                  </span>
+                </span>
                 <span
                   class="a-Form-star"
                 >
diff --git a/src/renderers/CRUD.tsx b/src/renderers/CRUD.tsx
index 2c7502941..19b644f7f 100644
--- a/src/renderers/CRUD.tsx
+++ b/src/renderers/CRUD.tsx
@@ -376,7 +376,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
   control: any;
   lastQuery: any;
   dataInvalid: boolean = false;
-  timer: NodeJS.Timeout | number;
+  timer: NodeJS.Timeout;
   mounted: boolean;
   constructor(props: CRUDProps) {
     super(props);
diff --git a/src/renderers/Chart.tsx b/src/renderers/Chart.tsx
index 356e76add..94b349b47 100644
--- a/src/renderers/Chart.tsx
+++ b/src/renderers/Chart.tsx
@@ -148,8 +148,8 @@ export interface ChartProps extends RendererProps, Omit<ChartSchema, 'type'> {
   chartRef?: (echart: any) => void;
   onDataFilter?: (config: any, echarts: any) => any;
   onChartWillMount?: (echarts: any) => void | Promise<void>;
-  onChartMount?: (chart: echarts.ECharts, echarts: any) => void;
-  onChartUnMount?: (chart: echarts.ECharts, echarts: any) => void;
+  onChartMount?: (chart: any, echarts: any) => void;
+  onChartUnMount?: (chart: any, echarts: any) => void;
   store: IServiceStore;
 }
 export class Chart extends React.Component<ChartProps> {
@@ -161,7 +161,7 @@ export class Chart extends React.Component<ChartProps> {
   static propsList: Array<string> = [];
 
   ref: any;
-  echarts?: echarts.ECharts;
+  echarts?: any;
   unSensor: Function;
   pending?: object;
   pendingCtx?: any;
diff --git a/src/renderers/Form/ChartRadios.tsx b/src/renderers/Form/ChartRadios.tsx
index 6033ac3dd..3f067d7e2 100644
--- a/src/renderers/Form/ChartRadios.tsx
+++ b/src/renderers/Form/ChartRadios.tsx
@@ -36,10 +36,10 @@ export default class ChartRadiosControl extends React.Component<
 > {
   highlightIndex: number = -1;
   prevIndex: number = -1;
-  chart?: echarts.ECharts;
+  chart?: any;
 
   @autobind
-  chartRef(chart?: echarts.ECharts) {
+  chartRef(chart?: any) {
     this.chart = chart;
 
     this.chart?.on('click', 'series', (params: any) => {
diff --git a/tsconfig.json b/tsconfig.json
index fc48d935d..9a0d26611 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,10 +19,9 @@
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "typeRoots": ["./node_modules/@types", "./types"],
-    "skipLibCheck": true,
-    "types": ["node", "typePatches"]
+    "skipLibCheck": true
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "acceptance-tests", "webpack", "jest"],
-  "types": ["typePatches"]
+  "types": ["node", "typePatches"]
 }