修复测试用例

__tests__/renderers/Form/__snapshots__/array.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:array 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -139,6 +140,27 @@ exports[`Renderer:array 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/button.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:button 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -78,6 +79,27 @@ exports[`Renderer:button 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -86,6 +108,7 @@ exports[`Renderer:button 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -160,6 +183,27 @@ exports[`Renderer:button 2`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
   <div
     class="amis-dialog-widget a-Modal a-Modal--1th"

__tests__/renderers/Form/__snapshots__/buttonGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:button-group 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -90,6 +91,27 @@ exports[`Renderer:button-group 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -98,6 +120,7 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -180,6 +203,27 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -188,6 +232,7 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -270,6 +315,27 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/buttonToolBar.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:button-toolbar 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -59,6 +60,27 @@ exports[`Renderer:button-toolbar 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -67,6 +89,7 @@ exports[`Renderer:button-toolbar 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -122,6 +145,27 @@ exports[`Renderer:button-toolbar 2`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
   <div
     class="amis-dialog-widget a-Modal a-Modal--1th"

__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:checkbox 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -57,6 +58,27 @@ exports[`Renderer:checkbox 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:checkboxes 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -114,6 +115,27 @@ exports[`Renderer:checkboxes 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -122,6 +144,7 @@ exports[`Renderer:checkboxes 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -232,6 +255,27 @@ exports[`Renderer:checkboxes 2`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/city.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:city 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -105,6 +106,27 @@ exports[`Renderer:city 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/color.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:color 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -79,6 +80,27 @@ exports[`Renderer:color 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/combo.test.tsx.snap

@@ -1,109 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Renderer:combo:single 1`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              combo
-            </span>
-          </label>
-          <div
-            class="a-ComboControl a-Form-control"
-          >
-            <div
-              class="a-Combo a-Combo--single a-Combo--hor"
-            >
-              <div
-                class="a-Combo-item"
-              >
-                <div
-                  class="a-Combo-itemInner"
-                >
-                  <div
-                    class="a-Form a-Form--row a-Combo-form"
-                    novalidate=""
-                  >
-                    <div
-                      class="a-Form-row"
-                    >
-                      <div
-                        class="a-Form-col"
-                      >
-                        <div
-                          class="a-Form-item a-Form-item--row"
-                        >
-                          <div
-                            class="a-Form-rowInner"
-                          >
-                            <div
-                              class="a-Form-control a-TextControl"
-                            >
-                              <div
-                                class="a-TextControl-input"
-                              >
-                                <input
-                                  autocomplete="off"
-                                  name="text1"
-                                  placeholder=""
-                                  type="text"
-                                  value="1"
-                                />
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-    <div>
-      <div
-        class="a-Panel-btnToolbar a-Panel-footer"
-      >
-        <button
-          class="a-Button a-Button--primary"
-          type="submit"
-        >
-          <span>
-            提交
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</div>
-`;

__tests__/renderers/Form/__snapshots__/container.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:container 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -90,6 +91,27 @@ exports[`Renderer:container 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/date.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:date 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -72,6 +73,27 @@ exports[`Renderer:date 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/dateRang.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:dateRange 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -76,6 +77,27 @@ exports[`Renderer:dateRange 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:date 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -72,6 +73,27 @@ exports[`Renderer:date 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/diffEditor.test.tsx.snap

@@ -1,50 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Renderer:diff-editor 1`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              diff-editor
-            </span>
-          </label>
-          <div
-            class="a-EditorControl a-Form-control"
-          >
-            <div>
-              加载中...
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;

__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:fieldSet 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -67,6 +68,27 @@ exports[`Renderer:fieldSet 1`] = `
         </fieldset>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:formula 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -332,6 +333,27 @@ exports[`Renderer:formula 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/grid.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:hbox 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -71,6 +72,27 @@ exports[`Renderer:hbox 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/group.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:group 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -219,6 +220,27 @@ exports[`Renderer:group 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/hbox.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:hbox 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -71,6 +72,27 @@ exports[`Renderer:hbox 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:icon-picker 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -70,6 +71,27 @@ exports[`Renderer:icon-picker 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/index.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:Form 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -67,6 +68,27 @@ exports[`Renderer:Form 1`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -91,6 +113,7 @@ exports[`Renderer:Form initApi 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -180,6 +203,27 @@ exports[`Renderer:Form initApi 1`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -188,6 +232,7 @@ exports[`Renderer:Form sendOn:true 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -277,6 +322,27 @@ exports[`Renderer:Form sendOn:true 1`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -285,6 +351,7 @@ exports[`Renderer:Form:onValidate 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -391,6 +458,27 @@ exports[`Renderer:Form:onValidate 1`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -406,6 +494,7 @@ exports[`Renderer:Form:onValidate 3`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -495,6 +584,27 @@ exports[`Renderer:Form:onValidate 3`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -510,6 +620,7 @@ exports[`Renderer:Form:remoteValidate 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -580,6 +691,27 @@ exports[`Renderer:Form:remoteValidate 1`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -588,6 +720,7 @@ exports[`Renderer:Form:valdiate 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -664,6 +797,27 @@ exports[`Renderer:Form:valdiate 1`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -672,6 +826,7 @@ exports[`Renderer:Form:valdiate 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -740,6 +895,27 @@ exports[`Renderer:Form:valdiate 2`] = `
         </button>
       </div>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:fieldSet 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -57,6 +58,27 @@ exports[`Renderer:fieldSet 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/list.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:list 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -81,6 +82,27 @@ exports[`Renderer:list 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -89,6 +111,7 @@ exports[`Renderer:list:multiple clearable 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -173,6 +196,27 @@ exports[`Renderer:list:multiple clearable 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -181,6 +225,7 @@ exports[`Renderer:list:multiple clearable 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -265,6 +310,27 @@ exports[`Renderer:list:multiple clearable 2`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/matrix.test.tsx.snap

@@ -1,140 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Renderer:matrix 1`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              matrix
-            </span>
-          </label>
-          <div
-            class="a-MatrixControl a-Form-control"
-          >
-            <div
-              class="a-Table m-b-none"
-            >
-              <div
-                class="a-Table-content"
-              >
-                <table
-                  class="a-Table-table"
-                >
-                  <thead>
-                    <tr>
-                      <th>
-                        行标题说明
-                      </th>
-                      <th
-                        class="text-center"
-                      >
-                        列1
-                      </th>
-                      <th
-                        class="text-center"
-                      >
-                        列2
-                      </th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>
-                        行1
-                      </td>
-                      <td
-                        class="text-center"
-                      >
-                        <label
-                          class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                        >
-                          <input
-                            type="checkbox"
-                          />
-                          <i />
-                          <span />
-                        </label>
-                      </td>
-                      <td
-                        class="text-center"
-                      >
-                        <label
-                          class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                        >
-                          <input
-                            type="checkbox"
-                          />
-                          <i />
-                          <span />
-                        </label>
-                      </td>
-                    </tr>
-                    <tr>
-                      <td>
-                        行2
-                      </td>
-                      <td
-                        class="text-center"
-                      >
-                        <label
-                          class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                        >
-                          <input
-                            type="checkbox"
-                          />
-                          <i />
-                          <span />
-                        </label>
-                      </td>
-                      <td
-                        class="text-center"
-                      >
-                        <label
-                          class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                        >
-                          <input
-                            type="checkbox"
-                          />
-                          <i />
-                          <span />
-                        </label>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;

__tests__/renderers/Form/__snapshots__/number.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:number 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -88,6 +89,27 @@ exports[`Renderer:number 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/panel.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:panel 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -39,6 +40,7 @@ exports[`Renderer:panel 1`] = `
               >
                 <div
                   class="a-Panel a-Panel--default"
+                  style="position: relative;"
                 >
                   <div
                     class="a-Panel-heading"
@@ -79,6 +81,27 @@ exports[`Renderer:panel 1`] = `
                       </span>
                     </div>
                   </div>
+                  <div
+                    class="resize-sensor"
+                    style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+                  >
+                    <div
+                      class="resize-sensor-expand"
+                      style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+                    >
+                      <div
+                        style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+                      />
+                    </div>
+                    <div
+                      class="resize-sensor-shrink"
+                      style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+                    >
+                      <div
+                        style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+                      />
+                    </div>
+                  </div>
                 </div>
               </div>
               <div
@@ -86,6 +109,7 @@ exports[`Renderer:panel 1`] = `
               >
                 <div
                   class="a-Panel a-Panel--default"
+                  style="position: relative;"
                 >
                   <div
                     class="a-Panel-heading"
@@ -142,6 +166,27 @@ exports[`Renderer:panel 1`] = `
                       </div>
                     </div>
                   </div>
+                  <div
+                    class="resize-sensor"
+                    style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+                  >
+                    <div
+                      class="resize-sensor-expand"
+                      style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+                    >
+                      <div
+                        style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+                      />
+                    </div>
+                    <div
+                      class="resize-sensor-shrink"
+                      style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+                    >
+                      <div
+                        style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+                      />
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -149,6 +194,27 @@ exports[`Renderer:panel 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:radios 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -114,6 +115,27 @@ exports[`Renderer:radios 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -122,6 +144,7 @@ exports[`Renderer:radios 2`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -232,6 +255,27 @@ exports[`Renderer:radios 2`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/range.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:number 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -132,6 +133,27 @@ exports[`Renderer:number 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;
@@ -140,6 +162,7 @@ exports[`Renderer:range:multiple 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -302,6 +325,27 @@ exports[`Renderer:range:multiple 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:rating 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -81,6 +82,27 @@ exports[`Renderer:rating 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:repeat 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -218,6 +219,27 @@ exports[`Renderer:repeat 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/select.test.tsx.snap

@@ -1,342 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Renderer:select 1`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              select
-            </span>
-          </label>
-          <div
-            class="a-SelectControl a-Form-control"
-          >
-            <div
-              aria-expanded="false"
-              aria-haspopup="listbox"
-              aria-labelledby="downshift-0-label"
-              class="a-Select a-Select--multi"
-              role="combobox"
-              tabindex="0"
-            >
-              <div
-                class="a-Select-valueWrap"
-              >
-                <div
-                  class="a-Select-value"
-                >
-                  <span
-                    class="a-Select-valueIcon"
-                  >
-                    ×
-                  </span>
-                  <span
-                    class="a-Select-valueLabel"
-                  >
-                    Option B
-                  </span>
-                </div>
-                <div
-                  class="a-Select-value"
-                >
-                  <span
-                    class="a-Select-valueIcon"
-                  >
-                    ×
-                  </span>
-                  <span
-                    class="a-Select-valueLabel"
-                  >
-                    Option A
-                  </span>
-                </div>
-              </div>
-              <a
-                class="a-Select-clear"
-              >
-                <svg
-                  class="icon"
-                  p-id="1463"
-                  version="1.1"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M967.81435 106.836237 917.16274 56.18565 512 461.34839 106.836237 56.18565 56.184627 106.836237 461.34839 512 56.184627 917.163763 106.836237 967.815373 512 562.65161 917.16274 967.815373 967.81435 917.163763 562.650587 512Z"
-                    data-spm-anchor-id="a313x.7781069.0.i0"
-                    p-id="1464"
-                  />
-                </svg>
-              </a>
-              <span
-                class="a-Select-arrow"
-              />
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Renderer:select 2`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              select
-            </span>
-          </label>
-          <div
-            class="a-SelectControl a-Form-control"
-          >
-            <div
-              aria-expanded="false"
-              aria-haspopup="listbox"
-              aria-labelledby="downshift-0-label"
-              class="a-Select a-Select--multi"
-              role="combobox"
-              tabindex="0"
-            >
-              <div
-                class="a-Select-valueWrap"
-              >
-                <div
-                  class="a-Select-placeholder"
-                >
-                  请选择
-                </div>
-              </div>
-              <span
-                class="a-Select-arrow"
-              />
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Renderer:select:checkAll 1`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              select
-            </span>
-          </label>
-          <div
-            class="a-SelectControl a-Form-control"
-          >
-            <div
-              aria-expanded="true"
-              aria-haspopup="listbox"
-              aria-labelledby="downshift-1-label"
-              aria-owns="downshift-1-menu"
-              class="a-Select a-Select--multi is-opened"
-              role="combobox"
-              tabindex="0"
-            >
-              <div
-                class="a-Select-valueWrap"
-              >
-                <div
-                  class="a-Select-value"
-                >
-                  <span
-                    class="a-Select-valueIcon"
-                  >
-                    ×
-                  </span>
-                  <span
-                    class="a-Select-valueLabel"
-                  >
-                    Option A
-                  </span>
-                </div>
-                <div
-                  class="a-Select-value"
-                >
-                  <span
-                    class="a-Select-valueIcon"
-                  >
-                    ×
-                  </span>
-                  <span
-                    class="a-Select-valueLabel"
-                  >
-                    Option B
-                  </span>
-                </div>
-              </div>
-              <a
-                class="a-Select-clear"
-              >
-                <svg
-                  class="icon"
-                  p-id="1463"
-                  version="1.1"
-                  viewBox="0 0 1024 1024"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M967.81435 106.836237 917.16274 56.18565 512 461.34839 106.836237 56.18565 56.184627 106.836237 461.34839 512 56.184627 917.163763 106.836237 967.815373 512 562.65161 917.16274 967.815373 967.81435 917.163763 562.650587 512Z"
-                    data-spm-anchor-id="a313x.7781069.0.i0"
-                    p-id="1464"
-                  />
-                </svg>
-              </a>
-              <span
-                class="a-Select-arrow"
-              />
-              <div
-                class="a-Select-menuOuter"
-              >
-                <div
-                  class="a-Select-menu"
-                >
-                  <div
-                    class="a-Select-checkAll"
-                  >
-                    <label
-                      class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                    >
-                      <input
-                        type="checkbox"
-                      />
-                      <i />
-                      <span>
-                        全选
-                      </span>
-                    </label>
-                  </div>
-                  <div
-                    aria-selected="false"
-                    class="a-Select-option is-active"
-                    id="downshift-1-item-0"
-                    role="option"
-                  >
-                    <label
-                      class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                    >
-                      <input
-                        type="checkbox"
-                      />
-                      <i />
-                      <span>
-                        Option A
-                      </span>
-                    </label>
-                  </div>
-                  <div
-                    aria-selected="false"
-                    class="a-Select-option is-active"
-                    id="downshift-1-item-1"
-                    role="option"
-                  >
-                    <label
-                      class="a-Checkbox a-Checkbox--checkbox a-Checkbox--full"
-                    >
-                      <input
-                        type="checkbox"
-                      />
-                      <i />
-                      <span>
-                        Option B
-                      </span>
-                    </label>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;

__tests__/renderers/Form/__snapshots__/service.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:service 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -133,6 +134,27 @@ exports[`Renderer:service 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/static.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:static 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -98,6 +99,27 @@ exports[`Renderer:static 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:switch 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -56,6 +57,27 @@ exports[`Renderer:switch 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:tabs 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -149,6 +150,27 @@ exports[`Renderer:tabs 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/testarea.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:textarea 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -47,6 +48,27 @@ exports[`Renderer:textarea 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/__snapshots__/text.test.tsx.snap

@@ -1,80 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Renderer:text 1`] = `
-<div>
-  <div
-    class="a-Panel a-Panel--default a-Panel--form"
-  >
-    <div
-      class="a-Panel-heading"
-    >
-      <h3
-        class="a-Panel-title"
-      >
-        <span
-          class="a-TplField"
-        >
-          The form
-        </span>
-      </h3>
-    </div>
-    <div
-      class="a-Panel-body"
-    >
-      <form
-        class="a-Form a-Form--normal"
-        novalidate=""
-      >
-        <div
-          class="a-Form-item a-Form-item--normal is-required"
-        >
-          <label
-            class="a-Form-label"
-          >
-            <span>
-              text
-              <span
-                class="a-Form-star"
-              >
-                *
-              </span>
-            </span>
-          </label>
-          <div
-            class="a-Form-control is-inline a-TextControl a-TextControl--withAddOn is-focused"
-          >
-            <div
-              class="a-TextControl-input"
-            >
-              <input
-                autocomplete="off"
-                name="text"
-                placeholder=""
-                type="text"
-                value=""
-              />
-            </div>
-            <div
-              class="a-TextControl-button"
-            >
-              <button
-                class="a-Button a-Button--default"
-                type="submit"
-              >
-                <span>
-                  提交
-                </span>
-              </button>
-            </div>
-          </div>
-          <span
-            class="a-TplField a-Form-hint"
-          >
-            text 输入
-          </span>
-        </div>
-      </form>
-    </div>
-  </div>
-</div>
-`;

__tests__/renderers/Form/__snapshots__/time.test.tsx.snap

@@ -4,6 +4,7 @@ exports[`Renderer:time 1`] = `
 <div>
   <div
     class="a-Panel a-Panel--default a-Panel--form"
+    style="position: relative;"
   >
     <div
       class="a-Panel-heading"
@@ -72,6 +73,27 @@ exports[`Renderer:time 1`] = `
         </div>
       </form>
     </div>
+    <div
+      class="resize-sensor"
+      style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+    >
+      <div
+        class="resize-sensor-expand"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+        />
+      </div>
+      <div
+        class="resize-sensor-shrink"
+        style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+      >
+        <div
+          style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+        />
+      </div>
+    </div>
   </div>
 </div>
 `;

__tests__/renderers/Form/range.test.tsx

@@ -21,7 +21,7 @@ test('Renderer:number', async () => {
                 min: 0,
                 max: 20,
                 step: 2,
-                value: '10',
+                value: 10,
                 showInput: true
             }
         ],

__tests__/renderers/__snapshots__/Page.test.tsx.snap

@@ -1453,6 +1453,7 @@ exports[`Renderer:Page initApi reload by Form submit 1`] = `
         >
           <div
             class="a-Panel a-Panel--default a-Panel--form"
+            style="position: relative;"
           >
             <div
               class="a-Panel-heading"
@@ -1509,6 +1510,27 @@ exports[`Renderer:Page initApi reload by Form submit 1`] = `
                 </button>
               </div>
             </div>
+            <div
+              class="resize-sensor"
+              style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+            >
+              <div
+                class="resize-sensor-expand"
+                style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+              >
+                <div
+                  style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+                />
+              </div>
+              <div
+                class="resize-sensor-shrink"
+                style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+              >
+                <div
+                  style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+                />
+              </div>
+            </div>
           </div>
         </div>
         <div
@@ -1542,6 +1564,7 @@ exports[`Renderer:Page initApi reload by Form submit 2`] = `
         >
           <div
             class="a-Panel a-Panel--default a-Panel--form"
+            style="position: relative;"
           >
             <div
               class="a-Panel-heading"
@@ -1598,6 +1621,27 @@ exports[`Renderer:Page initApi reload by Form submit 2`] = `
                 </button>
               </div>
             </div>
+            <div
+              class="resize-sensor"
+              style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+            >
+              <div
+                class="resize-sensor-expand"
+                style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+              >
+                <div
+                  style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+                />
+              </div>
+              <div
+                class="resize-sensor-shrink"
+                style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+              >
+                <div
+                  style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+                />
+              </div>
+            </div>
           </div>
         </div>
         <div

__tests__/renderers/__snapshots__/Wizard.test.tsx.snap

@@ -1803,6 +1803,7 @@ exports[`Renderer:Wizard target 1`] = `
           </div>
           <div
             class="a-Panel a-Panel--default a-Panel--form"
+            style="position: relative;"
           >
             <div
               class="a-Panel-heading"
@@ -1892,6 +1893,27 @@ exports[`Renderer:Wizard target 1`] = `
                 </button>
               </div>
             </div>
+            <div
+              class="resize-sensor"
+              style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: scroll; z-index: -1; visibility: hidden;"
+            >
+              <div
+                class="resize-sensor-expand"
+                style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+              >
+                <div
+                  style="position: absolute; left: 0px; top: 0px; width: 10px; height: 10px;"
+                />
+              </div>
+              <div
+                class="resize-sensor-shrink"
+                style="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: scroll; z-index: -1; visibility: hidden;"
+              >
+                <div
+                  style="position: absolute; left: 0; top: 0; width: 200%; height: 200%"
+                />
+              </div>
+            </div>
           </div>
         </div>
       </div>