diff --git a/packages/sula/src/table/__tests__/__snapshots__/table.test.js.snap b/packages/sula/src/table/__tests__/__snapshots__/table.test.js.snap
index 497d3f4..f0b9c95 100644
--- a/packages/sula/src/table/__tests__/__snapshots__/table.test.js.snap
+++ b/packages/sula/src/table/__tests__/__snapshots__/table.test.js.snap
@@ -341,9 +341,149 @@ Array [
   </div>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class=""
+    >
+      <div
+        class="ant-drawer ant-drawer-right"
+        tabindex="-1"
+      >
+        <div
+          class="ant-drawer-mask"
+        />
+        <div
+          class="ant-drawer-content-wrapper"
+          style="transform: translateX(100%); width: 550px;"
+        >
+          <div
+            class="ant-drawer-content"
+          >
+            <div
+              class="ant-drawer-wrapper-body"
+            >
+              <div
+                class="ant-drawer-header-no-title"
+              >
+                <button
+                  aria-label="Close"
+                  class="ant-drawer-close"
+                >
+                  <span
+                    aria-label="close"
+                    class="anticon anticon-close"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="close"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="ant-drawer-body"
+              >
+                <div
+                  class="ant-spin-nested-loading"
+                >
+                  <div
+                    class="ant-spin-container"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class="ant-modal-root"
+    >
+      <div
+        class="ant-modal-mask ant-modal-mask-hidden"
+      />
+      <div
+        class="ant-modal-wrap "
+        role="dialog"
+        style="display: none;"
+        tabindex="-1"
+      >
+        <div
+          class="ant-modal "
+          role="document"
+          style="width: 520px;"
+        >
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+          <div
+            class="ant-modal-content"
+          >
+            <button
+              aria-label="Close"
+              class="ant-modal-close"
+              type="button"
+            >
+              <span
+                class="ant-modal-close-x"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close ant-modal-close-icon"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </button>
+            <div
+              class="ant-modal-body"
+            >
+              <div
+                class="ant-spin-nested-loading"
+              >
+                <div
+                  class="ant-spin-container"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+        </div>
+      </div>
+    </div>
+  </form>,
 ]
 `;
diff --git a/packages/sula/src/template-query-table/__tests__/__snapshots__/index.test.js.snap b/packages/sula/src/template-query-table/__tests__/__snapshots__/index.test.js.snap
index 6de0feb..909465b 100644
--- a/packages/sula/src/template-query-table/__tests__/__snapshots__/index.test.js.snap
+++ b/packages/sula/src/template-query-table/__tests__/__snapshots__/index.test.js.snap
@@ -242,10 +242,150 @@ Array [
   </div>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class=""
+    >
+      <div
+        class="ant-drawer ant-drawer-right"
+        tabindex="-1"
+      >
+        <div
+          class="ant-drawer-mask"
+        />
+        <div
+          class="ant-drawer-content-wrapper"
+          style="transform: translateX(100%); width: 550px;"
+        >
+          <div
+            class="ant-drawer-content"
+          >
+            <div
+              class="ant-drawer-wrapper-body"
+            >
+              <div
+                class="ant-drawer-header-no-title"
+              >
+                <button
+                  aria-label="Close"
+                  class="ant-drawer-close"
+                >
+                  <span
+                    aria-label="close"
+                    class="anticon anticon-close"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="close"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="ant-drawer-body"
+              >
+                <div
+                  class="ant-spin-nested-loading"
+                >
+                  <div
+                    class="ant-spin-container"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class="ant-modal-root"
+    >
+      <div
+        class="ant-modal-mask ant-modal-mask-hidden"
+      />
+      <div
+        class="ant-modal-wrap "
+        role="dialog"
+        style="display: none;"
+        tabindex="-1"
+      >
+        <div
+          class="ant-modal "
+          role="document"
+          style="width: 520px;"
+        >
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+          <div
+            class="ant-modal-content"
+          >
+            <button
+              aria-label="Close"
+              class="ant-modal-close"
+              type="button"
+            >
+              <span
+                class="ant-modal-close-x"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close ant-modal-close-icon"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </button>
+            <div
+              class="ant-modal-body"
+            >
+              <div
+                class="ant-spin-nested-loading"
+              >
+                <div
+                  class="ant-spin-container"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+        </div>
+      </div>
+    </div>
+  </form>,
 ]
 `;
 
@@ -643,10 +783,150 @@ Array [
   </div>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class=""
+    >
+      <div
+        class="ant-drawer ant-drawer-right"
+        tabindex="-1"
+      >
+        <div
+          class="ant-drawer-mask"
+        />
+        <div
+          class="ant-drawer-content-wrapper"
+          style="transform: translateX(100%); width: 550px;"
+        >
+          <div
+            class="ant-drawer-content"
+          >
+            <div
+              class="ant-drawer-wrapper-body"
+            >
+              <div
+                class="ant-drawer-header-no-title"
+              >
+                <button
+                  aria-label="Close"
+                  class="ant-drawer-close"
+                >
+                  <span
+                    aria-label="close"
+                    class="anticon anticon-close"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="close"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="ant-drawer-body"
+              >
+                <div
+                  class="ant-spin-nested-loading"
+                >
+                  <div
+                    class="ant-spin-container"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class="ant-modal-root"
+    >
+      <div
+        class="ant-modal-mask ant-modal-mask-hidden"
+      />
+      <div
+        class="ant-modal-wrap "
+        role="dialog"
+        style="display: none;"
+        tabindex="-1"
+      >
+        <div
+          class="ant-modal "
+          role="document"
+          style="width: 520px;"
+        >
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+          <div
+            class="ant-modal-content"
+          >
+            <button
+              aria-label="Close"
+              class="ant-modal-close"
+              type="button"
+            >
+              <span
+                class="ant-modal-close-x"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close ant-modal-close-icon"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </button>
+            <div
+              class="ant-modal-body"
+            >
+              <div
+                class="ant-spin-nested-loading"
+              >
+                <div
+                  class="ant-spin-container"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+        </div>
+      </div>
+    </div>
+  </form>,
 ]
 `;
 
@@ -1188,10 +1468,150 @@ Array [
   </div>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class=""
+    >
+      <div
+        class="ant-drawer ant-drawer-right"
+        tabindex="-1"
+      >
+        <div
+          class="ant-drawer-mask"
+        />
+        <div
+          class="ant-drawer-content-wrapper"
+          style="transform: translateX(100%); width: 550px;"
+        >
+          <div
+            class="ant-drawer-content"
+          >
+            <div
+              class="ant-drawer-wrapper-body"
+            >
+              <div
+                class="ant-drawer-header-no-title"
+              >
+                <button
+                  aria-label="Close"
+                  class="ant-drawer-close"
+                >
+                  <span
+                    aria-label="close"
+                    class="anticon anticon-close"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="close"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="ant-drawer-body"
+              >
+                <div
+                  class="ant-spin-nested-loading"
+                >
+                  <div
+                    class="ant-spin-container"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class="ant-modal-root"
+    >
+      <div
+        class="ant-modal-mask ant-modal-mask-hidden"
+      />
+      <div
+        class="ant-modal-wrap "
+        role="dialog"
+        style="display: none;"
+        tabindex="-1"
+      >
+        <div
+          class="ant-modal "
+          role="document"
+          style="width: 520px;"
+        >
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+          <div
+            class="ant-modal-content"
+          >
+            <button
+              aria-label="Close"
+              class="ant-modal-close"
+              type="button"
+            >
+              <span
+                class="ant-modal-close-x"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close ant-modal-close-icon"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </button>
+            <div
+              class="ant-modal-body"
+            >
+              <div
+                class="ant-spin-nested-loading"
+              >
+                <div
+                  class="ant-spin-container"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+        </div>
+      </div>
+    </div>
+  </form>,
 ]
 `;
 
@@ -1491,10 +1911,150 @@ Array [
   </div>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class=""
+    >
+      <div
+        class="ant-drawer ant-drawer-right"
+        tabindex="-1"
+      >
+        <div
+          class="ant-drawer-mask"
+        />
+        <div
+          class="ant-drawer-content-wrapper"
+          style="transform: translateX(100%); width: 550px;"
+        >
+          <div
+            class="ant-drawer-content"
+          >
+            <div
+              class="ant-drawer-wrapper-body"
+            >
+              <div
+                class="ant-drawer-header-no-title"
+              >
+                <button
+                  aria-label="Close"
+                  class="ant-drawer-close"
+                >
+                  <span
+                    aria-label="close"
+                    class="anticon anticon-close"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="close"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="ant-drawer-body"
+              >
+                <div
+                  class="ant-spin-nested-loading"
+                >
+                  <div
+                    class="ant-spin-container"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class="ant-modal-root"
+    >
+      <div
+        class="ant-modal-mask ant-modal-mask-hidden"
+      />
+      <div
+        class="ant-modal-wrap "
+        role="dialog"
+        style="display: none;"
+        tabindex="-1"
+      >
+        <div
+          class="ant-modal "
+          role="document"
+          style="width: 520px;"
+        >
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+          <div
+            class="ant-modal-content"
+          >
+            <button
+              aria-label="Close"
+              class="ant-modal-close"
+              type="button"
+            >
+              <span
+                class="ant-modal-close-x"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close ant-modal-close-icon"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </button>
+            <div
+              class="ant-modal-body"
+            >
+              <div
+                class="ant-spin-nested-loading"
+              >
+                <div
+                  class="ant-spin-container"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+        </div>
+      </div>
+    </div>
+  </form>,
 ]
 `;
 
@@ -1735,9 +2295,149 @@ Array [
   </div>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class=""
+    >
+      <div
+        class="ant-drawer ant-drawer-right"
+        tabindex="-1"
+      >
+        <div
+          class="ant-drawer-mask"
+        />
+        <div
+          class="ant-drawer-content-wrapper"
+          style="transform: translateX(100%); width: 550px;"
+        >
+          <div
+            class="ant-drawer-content"
+          >
+            <div
+              class="ant-drawer-wrapper-body"
+            >
+              <div
+                class="ant-drawer-header-no-title"
+              >
+                <button
+                  aria-label="Close"
+                  class="ant-drawer-close"
+                >
+                  <span
+                    aria-label="close"
+                    class="anticon anticon-close"
+                    role="img"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      data-icon="close"
+                      fill="currentColor"
+                      focusable="false"
+                      height="1em"
+                      viewBox="64 64 896 896"
+                      width="1em"
+                    >
+                      <path
+                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                      />
+                    </svg>
+                  </span>
+                </button>
+              </div>
+              <div
+                class="ant-drawer-body"
+              >
+                <div
+                  class="ant-spin-nested-loading"
+                >
+                  <div
+                    class="ant-spin-container"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </form>,
   <form
     class="ant-form ant-form-horizontal"
-  />,
+  >
+    <div
+      class="ant-modal-root"
+    >
+      <div
+        class="ant-modal-mask ant-modal-mask-hidden"
+      />
+      <div
+        class="ant-modal-wrap "
+        role="dialog"
+        style="display: none;"
+        tabindex="-1"
+      >
+        <div
+          class="ant-modal "
+          role="document"
+          style="width: 520px;"
+        >
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+          <div
+            class="ant-modal-content"
+          >
+            <button
+              aria-label="Close"
+              class="ant-modal-close"
+              type="button"
+            >
+              <span
+                class="ant-modal-close-x"
+              >
+                <span
+                  aria-label="close"
+                  class="anticon anticon-close ant-modal-close-icon"
+                  role="img"
+                >
+                  <svg
+                    aria-hidden="true"
+                    data-icon="close"
+                    fill="currentColor"
+                    focusable="false"
+                    height="1em"
+                    viewBox="64 64 896 896"
+                    width="1em"
+                  >
+                    <path
+                      d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                    />
+                  </svg>
+                </span>
+              </span>
+            </button>
+            <div
+              class="ant-modal-body"
+            >
+              <div
+                class="ant-spin-nested-loading"
+              >
+                <div
+                  class="ant-spin-container"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            aria-hidden="true"
+            style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+            tabindex="0"
+          />
+        </div>
+      </div>
+    </div>
+  </form>,
 ]
 `;
diff --git a/packages/sula/src/template-step-query-table/__test__/__snapshots__/index.test.js.snap b/packages/sula/src/template-step-query-table/__test__/__snapshots__/index.test.js.snap
index 835d84e..6a4590f 100644
--- a/packages/sula/src/template-step-query-table/__test__/__snapshots__/index.test.js.snap
+++ b/packages/sula/src/template-step-query-table/__test__/__snapshots__/index.test.js.snap
@@ -341,10 +341,150 @@ exports[`step query table snapshot 1`] = `
         </div>
         <form
           class="ant-form ant-form-horizontal"
-        />
+        >
+          <div
+            class=""
+          >
+            <div
+              class="ant-drawer ant-drawer-right"
+              tabindex="-1"
+            >
+              <div
+                class="ant-drawer-mask"
+              />
+              <div
+                class="ant-drawer-content-wrapper"
+                style="transform: translateX(100%); width: 550px;"
+              >
+                <div
+                  class="ant-drawer-content"
+                >
+                  <div
+                    class="ant-drawer-wrapper-body"
+                  >
+                    <div
+                      class="ant-drawer-header-no-title"
+                    >
+                      <button
+                        aria-label="Close"
+                        class="ant-drawer-close"
+                      >
+                        <span
+                          aria-label="close"
+                          class="anticon anticon-close"
+                          role="img"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            data-icon="close"
+                            fill="currentColor"
+                            focusable="false"
+                            height="1em"
+                            viewBox="64 64 896 896"
+                            width="1em"
+                          >
+                            <path
+                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                            />
+                          </svg>
+                        </span>
+                      </button>
+                    </div>
+                    <div
+                      class="ant-drawer-body"
+                    >
+                      <div
+                        class="ant-spin-nested-loading"
+                      >
+                        <div
+                          class="ant-spin-container"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </form>
         <form
           class="ant-form ant-form-horizontal"
-        />
+        >
+          <div
+            class="ant-modal-root"
+          >
+            <div
+              class="ant-modal-mask ant-modal-mask-hidden"
+            />
+            <div
+              class="ant-modal-wrap "
+              role="dialog"
+              style="display: none;"
+              tabindex="-1"
+            >
+              <div
+                class="ant-modal "
+                role="document"
+                style="width: 520px;"
+              >
+                <div
+                  aria-hidden="true"
+                  style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+                  tabindex="0"
+                />
+                <div
+                  class="ant-modal-content"
+                >
+                  <button
+                    aria-label="Close"
+                    class="ant-modal-close"
+                    type="button"
+                  >
+                    <span
+                      class="ant-modal-close-x"
+                    >
+                      <span
+                        aria-label="close"
+                        class="anticon anticon-close ant-modal-close-icon"
+                        role="img"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          data-icon="close"
+                          fill="currentColor"
+                          focusable="false"
+                          height="1em"
+                          viewBox="64 64 896 896"
+                          width="1em"
+                        >
+                          <path
+                            d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
+                          />
+                        </svg>
+                      </span>
+                    </span>
+                  </button>
+                  <div
+                    class="ant-modal-body"
+                  >
+                    <div
+                      class="ant-spin-nested-loading"
+                    >
+                      <div
+                        class="ant-spin-container"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  aria-hidden="true"
+                  style="width: 0px; height: 0px; overflow: hidden; outline: none;"
+                  tabindex="0"
+                />
+              </div>
+            </div>
+          </div>
+        </form>
       </div>
     </div>
   </div>