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

packages/utils/src/helpers/__tests__/find-menu-by-path.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 
-import { findMenuByPath, findRootMenuByPath } from './find-menu-by-path';
+import { findMenuByPath, findRootMenuByPath } from '../find-menu-by-path';
 
 // 示例菜单数据
 const menus: any[] = [

packages/utils/src/helpers/__tests__/generate-menus.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it, vi } from 'vitest';
 
-import { generateMenus } from './generate-menus'; // 替换为您的实际路径
+import { generateMenus } from '../generate-menus'; // 替换为您的实际路径
 import {
   createRouter,
   createWebHistory,

packages/utils/src/helpers/__tests__/generate-routes-frontend.test.ts

@@ -5,7 +5,7 @@ import { describe, expect, it } from 'vitest';
 import {
   generateRoutesByFrontend,
   hasAuthority,
-} from './generate-routes-frontend';
+} from '../generate-routes-frontend';
 
 // Mock 路由数据
 const mockRoutes = [

packages/utils/src/helpers/__tests__/merge-route-modules.test.ts

@@ -1,10 +1,10 @@
 import type { RouteRecordRaw } from 'vue-router';
 
-import type { RouteModuleType } from './merge-route-modules';
+import type { RouteModuleType } from '../merge-route-modules';
 
 import { describe, expect, it } from 'vitest';
 
-import { mergeRouteModules } from './merge-route-modules';
+import { mergeRouteModules } from '../merge-route-modules';
 
 describe('mergeRouteModules', () => {
   it('should merge route modules correctly', () => {