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

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 };

src/hooks/common/table.ts

@@ -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/store/plugins/index.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);