feat: remove mxgraph and rename slidePane to drawer (#507)

* feat: remove mxgraph and rename slidePane to drawer

* feat: rename all slidePane to drawer and rename switchWindow folder to useWindowSwitchListener

* test(drawer): change unit test

Author: LuckyFBB

…_tests/__snapshots__/index.test.tsx.snap …_tests/__snapshots__/index.test.tsx.snapsrc/slidePane/__tests/__snapshots__/index.test.tsx.snap renamed to src/drawer/__tests/__snapshots__/index.test.tsx.snap src/slidePane/__tests/__snapshots__/index.test.tsx.snap renamed to src/drawer/__tests/__snapshots__/index.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`test SlidePane  snapshot match 1`] = `
     <div />
     <div>
       <div
-        class="dtc-slide-pane dtc-slide-pane-right dtc-slide-pane-open"
+        class="dtc-drawer dtc-drawer-right dtc-drawer-open"
         tabindex="-1"
       >
         <div
@@ -17,27 +17,27 @@ exports[`test SlidePane  snapshot match 1`] = `
           tabindex="0"
         />
         <div
-          class="dtc-slide-pane-content-wrapper"
+          class="dtc-drawer-content-wrapper"
           style="width: 1000px;"
         >
           <div
             aria-modal="true"
-            class="dtc-slide-pane-content"
+            class="dtc-drawer-content"
             role="dialog"
           >
             <div
-              class="ant-spin-nested-loading dtc-slide-pane-nested-loading"
+              class="ant-spin-nested-loading dtc-drawer-nested-loading"
             >
               <div
                 class="ant-spin-container"
               >
                 <img
                   alt="closeBtn"
-                  class="dtc-slide-pane-icon"
+                  class="dtc-drawer-icon"
                   src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABwCAYAAAAE0LDPAAAAAXNSR0IArs4c6QAAAnlJREFUaEPtmk9IVHEQx78jufpw7ykouuEaBG6dEmrXOmRRt476VgvyEngKlNqQMu3PoSU7iCBq4CW2olNdRMRr7HasnnZb0y57WGODzUDjt/RIonbeyzfQYd51h/m8+c7395u3MOSs5Xexr4dKRLt5AhYJtbPRaNO7velo/4Bf6YhoB8B0R3vzNSLaNr8ECnBRRLTc0d583kBEAJU3J5o6HG0ZkgTs1OBATAxgqqghTIoCiPBeFABQSRggZFOxg/anC0ElYq9JlUglYhVgA9RFKhGrABugLlKJWAXYAHWRSsQqwAaoi1QiVgE2gHVRejKDUKgWQ1cvmj/XbMLfA3jA42dwVvPo7+tBd/xo8ICNzQLG7y3AskIYvz2IcEO9LwhbgcmWebGCpeUcEvEYBvrOBg8ol7cxOjaP4lYJqZEkIm2NniGeKjDZ3mQ/YPbJa7S1NiI1YntuuGeAgTx8lMHqx3XYvWdwOnHMUxW+AJufC7hzdwH1VggTt64gHLZYiC+Ayfb85QoWl3KIn+jEpeS54AHlb98xOjaHYrGEG8M2DkWaqkJ8V2CyZd86mJl7hdaWg7h5PVm14f8EMJD0zxM+ePkCuo4f+WsV/ycgm3MwMy8k0d4mp4ZtRIJusmvTxMlODNgB21T8oLlXRbK3B6cS3maDZxeJXnbudb315Wvl9AZ+XbsDpzseQ3/QA+fTRgET9wVHpvmqcNbWK6PSjEy/D9vkB+mnaLDq5D5b/L6x7+8iBbBNVolUItYDKpFKxCrABqiLVCJWATZAXaQSsQqwAeoilYhVgA1QFzESCS8wia9giS6Rma1B0TU40UU+sVVEoWXK6uugPwBjVkdxauLcgwAAAABJRU5ErkJggg=="
                 />
                 <div
-                  class="dtc-slide-pane-body"
+                  class="dtc-drawer-body"
                 >
                   Hello World
                 </div>

src/slidePane/__tests/index.test.tsx src/drawer/__tests/index.test.tsxsrc/slidePane/__tests/index.test.tsx renamed to src/drawer/__tests/index.test.tsx

@@ -29,15 +29,15 @@ describe('test SlidePane ', () => {
     });
     test('should render mask correct ', () => {
         const { unmount } = render(<SlidePane open>Hello World</SlidePane>);
-        const dom = document.querySelector('.dtc-slide-pane-mask');
+        const dom = document.querySelector('.dtc-drawer-mask');
         expect(dom).toBe(null);
         unmount();
         render(
             <SlidePane open mask>
                 Hello World
             </SlidePane>
         );
-        const domMask = document.querySelector('.dtc-slide-pane-mask');
+        const domMask = document.querySelector('.dtc-drawer-mask');
         expect(domMask).not.toBe(null);
     });
     test('should render width correct', () => {
@@ -46,7 +46,7 @@ describe('test SlidePane ', () => {
                 Hello World
             </SlidePane>
         );
-        expect(document.querySelector('.dtc-slide-pane-content-wrapper')).toHaveStyle({
+        expect(document.querySelector('.dtc-drawer-content-wrapper')).toHaveStyle({
             width: '640px',
         });
     });
@@ -56,7 +56,7 @@ describe('test SlidePane ', () => {
                 Hello World
             </SlidePane>
         );
-        expect(document.querySelector('.dtc-slide-pane-content-wrapper')).toHaveStyle({
+        expect(document.querySelector('.dtc-drawer-content-wrapper')).toHaveStyle({
             width: '1256px',
         });
     });
@@ -72,10 +72,10 @@ describe('test SlidePane ', () => {
                 Hello World
             </SlidePane>
         );
-        expect(document.querySelector('.dtc-slide-pane')).toHaveClass('root-className');
-        expect(document.querySelector('.dtc-slide-pane-body')).toHaveClass('body-className');
-        expect(document.querySelector('.dtc-slide-pane')).toHaveStyle({ color: 'red' });
-        expect(document.querySelector('.dtc-slide-pane-body')).toHaveStyle({
+        expect(document.querySelector('.dtc-drawer')).toHaveClass('root-className');
+        expect(document.querySelector('.dtc-drawer-body')).toHaveClass('body-className');
+        expect(document.querySelector('.dtc-drawer')).toHaveStyle({ color: 'red' });
+        expect(document.querySelector('.dtc-drawer-body')).toHaveStyle({
             backgroundColor: 'forestgreen',
         });
         unmount();
@@ -102,7 +102,7 @@ describe('test SlidePane ', () => {
                 }}
             </SlidePane>
         );
-        expect(document.querySelector('.dtc-slide-pane-tabs')).not.toBe(null);
+        expect(document.querySelector('.dtc-drawer-tabs')).not.toBe(null);
         expect(getByText('tab1')).toBeTruthy();
         expect(getByText('基本信息')).toBeTruthy();
         unmount();

src/slidePane/demos/basic.tsx src/drawer/demos/basic.tsxsrc/slidePane/demos/basic.tsx renamed to src/drawer/demos/basic.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Button, Space } from 'antd';
 import { SlidePane } from 'dt-react-component';
-import { SlidePaneProps } from 'dt-react-component/slidePane';
+import { SlidePaneProps } from 'dt-react-component/drawer';
 
 export default () => {
     const [visible, setVisible] = useState(false);