fix: maximum call stack size

packages/@core/base/shared/package.json

@@ -81,7 +81,6 @@
   "dependencies": {
     "@ctrl/tinycolor": "catalog:",
     "@tanstack/vue-store": "catalog:",
-    "@vue/reactivity": "catalog:",
     "@vue/shared": "catalog:",
     "clsx": "catalog:",
     "defu": "catalog:",

packages/@core/base/shared/src/utils/index.ts

@@ -5,7 +5,6 @@ export * from './inference';
 export * from './letter';
 export * from './merge';
 export * from './nprogress';
-export * from './reactivity';
 export * from './state-handler';
 export * from './to';
 export * from './tree';

packages/@core/ui-kit/tabs-ui/src/components/tabs-chrome/tabs.vue

@@ -7,7 +7,6 @@ import { computed, ref } from 'vue';
 
 import { Pin, X } from '@vben-core/icons';
 import { VbenContextMenu, VbenIcon } from '@vben-core/shadcn-ui';
-import { deepToRaw } from '@vben-core/shared/utils';
 
 interface Props extends TabsProps {}
 
@@ -41,16 +40,15 @@ const style = computed(() => {
 });
 
 const tabsView = computed((): TabConfig[] => {
-  return props.tabs.map((_tab) => {
-    const tab = deepToRaw(_tab);
+  return props.tabs.map((tab) => {
     return {
-      ...tab,
       affixTab: !!tab.meta?.affixTab,
       closable: Reflect.has(tab.meta, 'tabClosable')
         ? !!tab.meta.tabClosable
         : true,
       icon: tab.meta.icon as string,
       key: tab.fullPath || tab.path,
+      name: tab.name,
       title: (tab.meta?.newTabTitle || tab.meta?.title || tab.name) as string,
     };
   });

packages/@core/ui-kit/tabs-ui/src/components/tabs/tabs.vue

@@ -1,13 +1,12 @@
 <script lang="ts" setup>
 import type { TabDefinition } from '@vben-core/typings';
 
-import type { TabConfig, TabsProps } from '../../types';
+import type { TabsProps } from '../../types';
 
 import { computed } from 'vue';
 
 import { Pin, X } from '@vben-core/icons';
 import { VbenContextMenu, VbenIcon } from '@vben-core/shadcn-ui';
-import { deepToRaw } from '@vben-core/shared/utils';
 
 interface Props extends TabsProps {}
 
@@ -46,17 +45,16 @@ const typeWithClass = computed(() => {
   return typeClasses[props.styleType || 'plain'] || { content: '' };
 });
 
-const tabsView = computed((): TabConfig[] => {
-  return props.tabs.map((_tab) => {
-    const tab = deepToRaw(_tab);
+const tabsView = computed(() => {
+  return props.tabs.map((tab) => {
     return {
-      ...tab,
       affixTab: !!tab.meta?.affixTab,
       closable: Reflect.has(tab.meta, 'tabClosable')
         ? !!tab.meta.tabClosable
         : true,
       icon: tab.meta.icon as string,
       key: tab.fullPath || tab.path,
+      name: tab.name,
       title: (tab.meta?.newTabTitle || tab.meta?.title || tab.name) as string,
     };
   });

packages/effects/layouts/src/basic/layout.vue

@@ -11,7 +11,7 @@ import {
   usePreferences,
 } from '@vben/preferences';
 import { useLockStore } from '@vben/stores';
-import { deepToRaw, mapTree } from '@vben/utils';
+import { cloneDeep, mapTree } from '@vben/utils';
 import { VbenAdminLayout } from '@vben-core/layout-ui';
 import { VbenBackTop, VbenLogo } from '@vben-core/shadcn-ui';
 
@@ -112,7 +112,7 @@ const {
 
 function wrapperMenus(menus: MenuRecordRaw[]) {
   return mapTree(menus, (item) => {
-    return { ...deepToRaw(item), name: $t(item.name) };
+    return { ...cloneDeep(item), name: $t(item.name) };
   });
 }