feat: add modal and drawer components and examples (#4229)

* feat: add modal component

* feat: add drawer component

* feat: apply new modal and drawer components to the layout

* chore: typo

* feat: add some unit tests

internal/node-utils/src/__tests__/hash.test.ts

@@ -2,7 +2,7 @@ import { createHash } from 'node:crypto';
 
 import { describe, expect, it } from 'vitest';
 
-import { generatorContentHash } from './hash';
+import { generatorContentHash } from '../hash';
 
 describe('generatorContentHash', () => {
   it('should generate an MD5 hash for the content', () => {

internal/node-utils/src/__tests__/path.test.ts

@@ -2,7 +2,7 @@
 
 import { describe, expect, it } from 'vitest';
 
-import { toPosixPath } from './path';
+import { toPosixPath } from '../path';
 
 describe('toPosixPath', () => {
   // 测试 Windows 风格路径到 POSIX 风格路径的转换

internal/vite-config/src/plugins/inject-app-loading/default-loading-antd.html

@@ -34,13 +34,6 @@
     transition: all 0.6s ease-out;
   }
 
-  .loading .dots {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 98px;
-  }
-
   .loading .title {
     margin-top: 36px;
     font-size: 30px;
@@ -109,6 +102,6 @@
   }
 </style>
 <div class="loading" id="__app-loading__">
-  <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+  <span class="dot"><i></i><i></i><i></i><i></i></span>
   <div class="title"><%= VITE_APP_TITLE %></div>
 </div>