refactor(projects): replace cloneDeep of lodash-es with klona

Author: honghuangdc

package.json

@@ -57,7 +57,6 @@
     "clipboard": "2.0.11",
     "dayjs": "1.11.12",
     "echarts": "5.5.1",
-    "lodash-es": "4.17.21",
     "naive-ui": "2.39.0",
     "nprogress": "0.2.0",
     "pinia": "2.1.7",
@@ -73,7 +72,6 @@
     "@sa/scripts": "workspace:*",
     "@sa/uno-preset": "workspace:*",
     "@soybeanjs/eslint-config": "1.3.7",
-    "@types/lodash-es": "4.17.12",
     "@types/node": "20.14.11",
     "@types/nprogress": "0.2.3",
     "@unocss/eslint-config": "0.61.5",

packages/utils/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "colord": "2.9.3",
     "crypto-js": "4.2.0",
+    "klona": "2.0.6",
     "localforage": "1.10.0",
     "nanoid": "5.0.7"
   },

packages/utils/src/index.ts

@@ -1,3 +1,4 @@
 export * from './crypto';
 export * from './storage';
 export * from './nanoid';
+export * from './klona';

packages/utils/src/klona.ts

@@ -0,0 +1,3 @@
+import { klona as jsonClone } from 'klona/json';
+
+export { jsonClone };

pnpm-lock.yaml

@@ -1,7 +1,7 @@
 import { computed, effectScope, onScopeDispose, reactive, ref, watch } from 'vue';
 import type { Ref } from 'vue';
 import type { PaginationProps } from 'naive-ui';
-import { cloneDeep } from 'lodash-es';
+import { jsonClone } from '@sa/utils';
 import { useBoolean, useHookTable } from '@sa/hooks';
 import { useAppStore } from '@/store/modules/app';
 import { $t } from '@/locales';
@@ -225,7 +225,7 @@ export function useTableOperate<T extends TableData = TableData>(data: Ref<T[]>,
   function handleEdit(id: T['id']) {
     operateType.value = 'edit';
     const findItem = data.value.find(item => item.id === id) || null;
-    editingData.value = cloneDeep(findItem);
+    editingData.value = jsonClone(findItem);
 
     openDrawer();
   }

src/hooks/common/table.ts

@@ -1,5 +1,5 @@
 import type { PiniaPluginContext } from 'pinia';
-import { cloneDeep } from 'lodash-es';
+import { jsonClone } from '@sa/utils';
 import { SetupStoreId } from '@/enum';
 
 /**
@@ -13,7 +13,7 @@ export function resetSetupStore(context: PiniaPluginContext) {
   if (setupSyntaxIds.includes(context.store.$id)) {
     const { $state } = context.store;
 
-    const defaultStore = cloneDeep($state);
+    const defaultStore = jsonClone($state);
 
     context.store.$reset = () => {
       context.store.$patch(defaultStore);