Merge pull request #200 from wehuss/enhance-use-menu-tree

enhance(use-menu-tree): deep clone with lodash

arco-design-pro-vite/src/components/menu/use-menu-tree.ts

@@ -3,6 +3,7 @@ import { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
 import usePermission from '@/hooks/permission';
 import { useAppStore } from '@/store';
 import appClientMenus from '@/router/app-menus';
+import { cloneDeep } from 'lodash';
 
 export default function useMenuTree() {
   const permission = usePermission();
@@ -14,7 +15,7 @@ export default function useMenuTree() {
     return appClientMenus;
   });
   const menuTree = computed(() => {
-    const copyRouter = JSON.parse(JSON.stringify(appRoute.value));
+    const copyRouter = cloneDeep(appRoute.value) as RouteRecordNormalized[]
     copyRouter.sort((a: RouteRecordNormalized, b: RouteRecordNormalized) => {
       return (a.meta.order || 0) - (b.meta.order || 0);
     });