fix(modal): add loading default value

fix #627

Author: LuckyFBB

src/modal/__tests__/__snapshots__/modal.test.tsx.snap

@@ -77,32 +77,8 @@ exports[`Test Modal Component Should Match snapshot 1`] = `
               <div
                 class="ant-spin-nested-loading"
               >
-                <div>
-                  <div
-                    aria-busy="true"
-                    aria-live="polite"
-                    class="ant-spin ant-spin-spinning"
-                  >
-                    <span
-                      class="ant-spin-dot ant-spin-dot-spin"
-                    >
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                    </span>
-                  </div>
-                </div>
                 <div
-                  class="ant-spin-container ant-spin-blur"
+                  class="ant-spin-container"
                 >
                   <div>
                     test
@@ -224,32 +200,8 @@ exports[`Test Modal Component Should support banner Should match snapshot for dr
                 <div
                   class="ant-spin-nested-loading"
                 >
-                  <div>
-                    <div
-                      aria-busy="true"
-                      aria-live="polite"
-                      class="ant-spin ant-spin-spinning"
-                    >
-                      <span
-                        class="ant-spin-dot ant-spin-dot-spin"
-                      >
-                        <i
-                          class="ant-spin-dot-item"
-                        />
-                        <i
-                          class="ant-spin-dot-item"
-                        />
-                        <i
-                          class="ant-spin-dot-item"
-                        />
-                        <i
-                          class="ant-spin-dot-item"
-                        />
-                      </span>
-                    </div>
-                  </div>
                   <div
-                    class="ant-spin-container ant-spin-blur"
+                    class="ant-spin-container"
                   >
                     test
                   </div>
@@ -366,32 +318,8 @@ exports[`Test Modal Component Should support banner Should match snapshot for re
               <div
                 class="ant-spin-nested-loading"
               >
-                <div>
-                  <div
-                    aria-busy="true"
-                    aria-live="polite"
-                    class="ant-spin ant-spin-spinning"
-                  >
-                    <span
-                      class="ant-spin-dot ant-spin-dot-spin"
-                    >
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                      <i
-                        class="ant-spin-dot-item"
-                      />
-                    </span>
-                  </div>
-                </div>
                 <div
-                  class="ant-spin-container ant-spin-blur"
+                  class="ant-spin-container"
                 >
                   test
                 </div>

src/modal/__tests__/modal.test.tsx

@@ -162,6 +162,26 @@ describe('Test Modal Component', () => {
             expect(asFragment()).toMatchSnapshot();
         });
 
+        it('Should render Spin correct', () => {
+            const { container } = render(
+                <Modal visible title="title" getContainer={false} loading>
+                    test
+                </Modal>
+            );
+            const spin = modal.query(container)!.querySelector<HTMLDivElement>('.ant-spin-blur')!;
+            expect(spin).toBeTruthy();
+        });
+
+        it('Should render no Spin correct', () => {
+            const { container } = render(
+                <Modal visible title="title" getContainer={false} loading={false}>
+                    test
+                </Modal>
+            );
+            const spin = modal.query(container)!.querySelector<HTMLDivElement>('.ant-spin-blur')!;
+            expect(spin).toBeFalsy();
+        });
+
         it('Should call onRectChange for resizable modal', () => {
             const onRectChange = jest.fn();
             const { container } = render(

src/modal/modal.tsx

@@ -42,7 +42,7 @@ export default function InternalModal({
     position,
     resizable = false,
     rect,
-    loading,
+    loading = false,
     onRectChange,
     onPositionChange,
     modalRender,