From 46423bae1186de30ef115eb24ddb4db4eb6bcf73 Mon Sep 17 00:00:00 2001
From: jinmao88 <50581550+jinmao88@users.noreply.github.com>
Date: Wed, 21 Dec 2022 08:35:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=95=B4=E7=90=86=E4=BE=9D=E8=B5=96?=
 =?UTF-8?q?=EF=BC=8C@vben/use=20=E5=B9=B6=E5=85=A5=20@vben/hooks=20=20=20?=
 =?UTF-8?q?=20=20=20@vueuse=E7=9B=B8=E5=85=B3=E6=94=BE=E5=85=A5@vben/utils?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/admin/package.json                       |  1 -
 apps/admin/src/app.vue                        |  6 +-
 .../src/hooks/event/use-event-listener.ts     |  2 +-
 apps/admin/src/hooks/web/useAppContext.ts     |  2 +-
 apps/admin/src/hooks/web/useLockScreen.ts     | 81 ++++++++++---------
 .../src/layout/components/useLockPage.ts      |  2 +-
 apps/admin/src/pages/sys/lock/use-now.ts      |  2 +-
 apps/admin/src/store/multipleTab.ts           |  4 +-
 packages/components/package.json              |  1 -
 packages/components/src/count-to/index.vue    |  3 +-
 .../src/countdown-input/use-countdown.ts      |  2 +-
 packages/components/src/time/index.vue        |  2 +-
 packages/hooks/package.json                   |  6 +-
 packages/hooks/src/index.ts                   |  4 +
 .../src/useContext.ts}                        |  0
 packages/{use => hooks}/src/usePage.ts        |  0
 packages/hooks/src/usePromise.ts              |  8 +-
 .../src/use-refs.ts => hooks/src/useRefs.ts}  |  0
 .../use-title.ts => hooks/src/useTitle.ts}    |  2 +-
 packages/layouts/package.json                 |  1 -
 .../layouts/src/components/FullScreen.vue     |  2 +-
 .../src/components/breadcrumb/index.vue       |  2 +-
 .../src/components/search/AppSearchModal.vue  |  2 +-
 .../src/components/search/useMenuSearch.ts    | 11 ++-
 .../layouts/src/components/tabs/index.vue     |  2 +-
 packages/layouts/src/data.ts                  |  6 +-
 packages/locale/package.json                  |  1 -
 packages/locale/src/store.ts                  |  2 +-
 packages/use/index.ts                         |  2 -
 packages/use/package.json                     | 18 -----
 packages/use/src/index.ts                     |  4 -
 packages/utils/index.ts                       |  9 +++
 packages/utils/src/bem.ts                     |  5 +-
 packages/utils/src/event.ts                   |  2 +-
 packages/utils/src/index.ts                   |  2 +-
 packages/utils/src/util.ts                    | 11 +--
 36 files changed, 99 insertions(+), 111 deletions(-)
 rename packages/{use/src/use-context.ts => hooks/src/useContext.ts} (100%)
 rename packages/{use => hooks}/src/usePage.ts (100%)
 rename packages/{use/src/use-refs.ts => hooks/src/useRefs.ts} (100%)
 rename packages/{use/src/use-title.ts => hooks/src/useTitle.ts} (94%)
 delete mode 100644 packages/use/index.ts
 delete mode 100644 packages/use/package.json
 delete mode 100644 packages/use/src/index.ts

diff --git a/apps/admin/package.json b/apps/admin/package.json
index 2b97cc30..f1602fca 100644
--- a/apps/admin/package.json
+++ b/apps/admin/package.json
@@ -34,7 +34,6 @@
     "@vben/locale": "workspace:*",
     "@vben/request": "workspace:*",
     "@vben/styles": "workspace:*",
-    "@vben/use": "workspace:*",
     "@vben/utils": "workspace:*",
     "@vben/vbencomponents": "workspace:*",
     "dayjs": "^1.11.7",
diff --git a/apps/admin/src/app.vue b/apps/admin/src/app.vue
index f4a48484..cb506a9e 100644
--- a/apps/admin/src/app.vue
+++ b/apps/admin/src/app.vue
@@ -1,8 +1,9 @@
 <script lang="ts" setup>
 import { useLocale } from '@vben/locale'
-import { computedAsync, useWebTitle } from '@vben/use'
+import { useWebTitle } from '@vben/hooks'
+
 import { REDIRECT_NAME } from '@vben/constants'
-import { getGlobalConfig } from '@vben/utils'
+import { getGlobalConfig, computedAsync } from '@vben/utils'
 import AppProvider from '@/layout/components/app/AppProvider'
 import { dateEnUS, dateZhCN, enUS, zhCN } from 'naive-ui'
 import { useAppStore } from '@/store/modules/app'
@@ -13,7 +14,6 @@ const { title } = getGlobalConfig(import.meta.env)
 useWebTitle(title, (route) => route.name !== REDIRECT_NAME)
 const appStore = useAppStore()
 
-
 // Dynamic switch component library language
 const dateLocale = computedAsync(async () => {
   const message = {
diff --git a/apps/admin/src/hooks/event/use-event-listener.ts b/apps/admin/src/hooks/event/use-event-listener.ts
index 2afa974a..f1bb9f99 100644
--- a/apps/admin/src/hooks/event/use-event-listener.ts
+++ b/apps/admin/src/hooks/event/use-event-listener.ts
@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
 import { ref, watch, unref } from 'vue'
-import { useThrottleFn, useDebounceFn } from '@vben/use'
+import { useThrottleFn, useDebounceFn } from '@vben/utils'
 
 export type RemoveEventFn = () => void
 export interface UseEventParams {
diff --git a/apps/admin/src/hooks/web/useAppContext.ts b/apps/admin/src/hooks/web/useAppContext.ts
index 966c5215..3a38324b 100644
--- a/apps/admin/src/hooks/web/useAppContext.ts
+++ b/apps/admin/src/hooks/web/useAppContext.ts
@@ -1,4 +1,4 @@
-import { createContext, useContext } from '@vben/use'
+import { createContext, useContext } from '@vben/hooks'
 import { InjectionKey, Ref } from 'vue'
 
 export interface AppProviderContextProps {
diff --git a/apps/admin/src/hooks/web/useLockScreen.ts b/apps/admin/src/hooks/web/useLockScreen.ts
index 7bf7705f..a537ed28 100644
--- a/apps/admin/src/hooks/web/useLockScreen.ts
+++ b/apps/admin/src/hooks/web/useLockScreen.ts
@@ -1,85 +1,88 @@
-import {computed, onUnmounted, unref, watch, watchEffect} from 'vue';
-import {useThrottleFn} from '@vben/use';
+import { computed, onUnmounted, unref, watch, watchEffect } from 'vue'
+import { useThrottleFn } from '@vben/utils'
 
-import {useLockStore} from '@/store/lock';
-import {useConfigStore} from '@/store/config'
-import {useUserStore} from '@/store/user';
-import {useRootSetting} from '../setting/useRootSetting';
-import {BASIC_LOCK_PATH} from '@vben/constants'
-import {router} from "@/router";
+import { useLockStore } from '@/store/lock'
+import { useConfigStore } from '@/store/config'
+import { useUserStore } from '@/store/user'
+import { useRootSetting } from '../setting/useRootSetting'
+import { BASIC_LOCK_PATH } from '@vben/constants'
+import { router } from '@/router'
 
-const LOCK_PATH = BASIC_LOCK_PATH;
+const LOCK_PATH = BASIC_LOCK_PATH
 
 export function useLockScreen() {
-  const {getLockTime} = useRootSetting();
-  const lockStore = useLockStore();
-  const userStore = useUserStore();
+  const { getLockTime } = useRootSetting()
+  const lockStore = useLockStore()
+  const userStore = useUserStore()
   const configStore = useConfigStore()
 
-  let timeId: TimeoutHandle;
+  let timeId: TimeoutHandle
 
   function clear(): void {
-    window.clearTimeout(timeId);
+    window.clearTimeout(timeId)
   }
 
   function resetCalcLockTimeout(): void {
     // not login
     if (!userStore.getAccessToken) {
-      clear();
-      return;
+      clear()
+      return
     }
-    const lockTime = configStore.getProjectConfig.lockTime;
+    const lockTime = configStore.getProjectConfig.lockTime
     if (!lockTime || lockTime < 1) {
-      clear();
-      return;
+      clear()
+      return
     }
-    clear();
+    clear()
 
     timeId = setTimeout(() => {
-      lockPage();
-    }, lockTime * 60 * 1000);
+      lockPage()
+    }, lockTime * 60 * 1000)
   }
 
   function lockPage(): void {
     lockStore.setLockInfo({
       isLock: true,
-      pwd: undefined
-    });
+      pwd: undefined,
+    })
   }
 
   watchEffect((onClean) => {
     if (userStore.getAccessToken) {
-      resetCalcLockTimeout();
+      resetCalcLockTimeout()
     } else {
-      clear();
+      clear()
     }
     onClean(() => {
-      clear();
-    });
-  });
+      clear()
+    })
+  })
 
-  watch(() => lockStore.getLockInfo?.isLock,
+  watch(
+    () => lockStore.getLockInfo?.isLock,
     (newValue) => {
       if (newValue) {
         router.replace({
           path: LOCK_PATH,
-          query: {redirect: unref(router.currentRoute).path}
+          query: { redirect: unref(router.currentRoute).path },
         })
       }
-    }, {deep: true})
+    },
+    { deep: true },
+  )
 
   onUnmounted(() => {
-    clear();
-  });
+    clear()
+  })
 
-  const keyupFn = useThrottleFn(resetCalcLockTimeout, 2000);
+  const keyupFn = useThrottleFn(resetCalcLockTimeout, 2000)
 
   return computed(() => {
     if (unref(getLockTime)) {
-      return {onKeyup: keyupFn, onMousemove: keyupFn};
+      return { onKeyup: keyupFn, onMousemove: keyupFn }
     } else {
-      clear();
-      return {};
+      clear()
+      return {}
     }
-  });
+  })
 }
diff --git a/apps/admin/src/layout/components/useLockPage.ts b/apps/admin/src/layout/components/useLockPage.ts
index 298faf5f..447ebf50 100644
--- a/apps/admin/src/layout/components/useLockPage.ts
+++ b/apps/admin/src/layout/components/useLockPage.ts
@@ -1,5 +1,5 @@
 import { computed, onUnmounted, watchEffect } from 'vue'
-import { useThrottleFn } from '@vben/use'
+import { useThrottleFn } from '@vben/hooks'
 import { useLockStore } from '@/store/lock'
 import { useUserStore } from '@/store/user'
 
diff --git a/apps/admin/src/pages/sys/lock/use-now.ts b/apps/admin/src/pages/sys/lock/use-now.ts
index 53fb0e78..ce04b7cb 100644
--- a/apps/admin/src/pages/sys/lock/use-now.ts
+++ b/apps/admin/src/pages/sys/lock/use-now.ts
@@ -1,5 +1,5 @@
 import { dateUtil } from '@vben/utils'
-import { tryOnMounted, tryOnUnmounted } from '@vben/use'
+import { tryOnMounted, tryOnUnmounted } from '@vben/utils'
 import { reactive, toRefs } from 'vue'
 
 export function useNow(immediate = true) {
diff --git a/apps/admin/src/store/multipleTab.ts b/apps/admin/src/store/multipleTab.ts
index 390976c4..748f362a 100644
--- a/apps/admin/src/store/multipleTab.ts
+++ b/apps/admin/src/store/multipleTab.ts
@@ -8,12 +8,12 @@ import { toRaw, unref } from 'vue'
 import { defineStore } from 'pinia'
 // import { store } from '/@/store';
 
-import { useGo, useRedo, useLocalStorage, RemovableRef } from '@vben/use'
+import { useGo, useRedo } from '@vben/hooks'
 // import { Persistent } from '/@/utils/cache/persistent';
 
 import { PageEnum } from '@vben/constants'
 import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic'
-import { getRawRoute } from '@vben/utils'
+import { getRawRoute, useLocalStorage, RemovableRef } from '@vben/utils'
 import { useUserStore } from '@/store/user'
 // import { useRouter, useRoute } from 'vue-router'
 // import { router } from '@/router'
diff --git a/packages/components/package.json b/packages/components/package.json
index e37e6576..4752b02c 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -11,7 +11,6 @@
     "@iconify/iconify": "^3.0.0",
     "@vben/constants": "workspace:*",
     "@vben/locale": "workspace:*",
-    "@vben/use": "workspace:*",
     "@vben/utils": "workspace:*",
     "qrcode": "^1.5.1",
     "vue": "3.2.45",
diff --git a/packages/components/src/count-to/index.vue b/packages/components/src/count-to/index.vue
index e265f083..2736c930 100644
--- a/packages/components/src/count-to/index.vue
+++ b/packages/components/src/count-to/index.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, watchEffect, unref, onMounted, watch } from 'vue'
-import { useTransition, TransitionPresets } from '@vben/use'
-import { isNumber } from '@vben/utils'
+import { isNumber, useTransition, TransitionPresets } from '@vben/utils'
 
 const props = defineProps({
   startVal: { type: Number, default: 0 },
diff --git a/packages/components/src/countdown-input/use-countdown.ts b/packages/components/src/countdown-input/use-countdown.ts
index f4704d63..2f872310 100644
--- a/packages/components/src/countdown-input/use-countdown.ts
+++ b/packages/components/src/countdown-input/use-countdown.ts
@@ -1,5 +1,5 @@
 import { ref, unref } from 'vue'
-import { tryOnUnmounted } from '@vben/use'
+import { tryOnUnmounted } from '@vben/utils'
 
 export function useCountdown(count: number) {
   const currentCount = ref(count)
diff --git a/packages/components/src/time/index.vue b/packages/components/src/time/index.vue
index 6978b359..a38bea60 100644
--- a/packages/components/src/time/index.vue
+++ b/packages/components/src/time/index.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 import { useI18n } from '@vben/locale'
-import { useIntervalFn } from '@vben/use'
 import {
   formatToDateTime,
   formatToDate,
@@ -9,6 +8,7 @@ import {
   isNumber,
   isObject,
   isString,
+  useIntervalFn,
 } from '@vben/utils'
 
 const ONE_SECONDS = 1000
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index a0c1be19..16e202f5 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -8,13 +8,15 @@
     "clean": "pnpm rimraf node_modules && pnpm rimraf dist && pnpm rimraf .turbo"
   },
   "dependencies": {
+  "@vben/locale": "workspace:*",
     "@vben/constants": "workspace:*",
     "@vben/utils": "workspace:*",
-    "@vben/use": "workspace:*",
-    "vue": "^3.2.45"
+    "vue": "^3.2.45",
+    "vue-router": "^4.1.6"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.6",
     "@vben/types": "workspace:*"
+
   }
 }
diff --git a/packages/hooks/src/index.ts b/packages/hooks/src/index.ts
index 3eb60737..1b3a62b3 100644
--- a/packages/hooks/src/index.ts
+++ b/packages/hooks/src/index.ts
@@ -1,2 +1,6 @@
 export * from './usePromise'
 export * from './web'
+export * from './useTitle'
+export * from './usePage'
+export * from './useContext'
+export * from './useRefs'
diff --git a/packages/use/src/use-context.ts b/packages/hooks/src/useContext.ts
similarity index 100%
rename from packages/use/src/use-context.ts
rename to packages/hooks/src/useContext.ts
diff --git a/packages/use/src/usePage.ts b/packages/hooks/src/usePage.ts
similarity index 100%
rename from packages/use/src/usePage.ts
rename to packages/hooks/src/usePage.ts
diff --git a/packages/hooks/src/usePromise.ts b/packages/hooks/src/usePromise.ts
index 702bb800..f6b634f7 100644
--- a/packages/hooks/src/usePromise.ts
+++ b/packages/hooks/src/usePromise.ts
@@ -1,7 +1,11 @@
 import type { Ref, ShallowRef, UnwrapRef } from 'vue'
 import { effectScope, ref, shallowRef, unref, watch } from 'vue'
-import { containsProp, tryOnBeforeUnmount, useDebounceFn } from '@vben/use'
-import { isEqual } from '@vben/utils'
+import {
+  isEqual,
+  containsProp,
+  tryOnBeforeUnmount,
+  useDebounceFn,
+} from '@vben/utils'
 
 export interface UsePromiseConfig {
   /**
diff --git a/packages/use/src/use-refs.ts b/packages/hooks/src/useRefs.ts
similarity index 100%
rename from packages/use/src/use-refs.ts
rename to packages/hooks/src/useRefs.ts
diff --git a/packages/use/src/use-title.ts b/packages/hooks/src/useTitle.ts
similarity index 94%
rename from packages/use/src/use-title.ts
rename to packages/hooks/src/useTitle.ts
index 4814dc3d..eb666990 100644
--- a/packages/use/src/use-title.ts
+++ b/packages/hooks/src/useTitle.ts
@@ -2,7 +2,7 @@ import type { RouteLocationNormalizedLoaded } from 'vue-router'
 
 import { watch, unref } from 'vue'
 import { useRouter } from 'vue-router'
-import { useTitle as _useTitle } from '@vueuse/core'
+import { useTitle as _useTitle } from '@vben/utils'
 import { useI18n, useLocale } from '@vben/locale'
 
 /**
diff --git a/packages/layouts/package.json b/packages/layouts/package.json
index b1f9a327..4027118c 100644
--- a/packages/layouts/package.json
+++ b/packages/layouts/package.json
@@ -13,7 +13,6 @@
     "@vben/hooks": "workspace:*",
     "@vben/locale": "workspace:*",
     "@vben/types": "workspace:*",
-    "@vben/use": "workspace:*",
     "@vben/utils": "workspace:*",
     "@vben/vbencomponents": "workspace:*",
     "vue": "3.2.45",
diff --git a/packages/layouts/src/components/FullScreen.vue b/packages/layouts/src/components/FullScreen.vue
index 9a2dc44f..42a99ccc 100644
--- a/packages/layouts/src/components/FullScreen.vue
+++ b/packages/layouts/src/components/FullScreen.vue
@@ -2,7 +2,7 @@
 import { computed, unref } from 'vue'
 import { useI18n } from '@vben/locale'
 
-import { useFullscreen } from '@vben/use'
+import { useFullscreen } from '@vben/utils'
 const { t } = useI18n()
 const { toggle, isFullscreen } = useFullscreen()
 
diff --git a/packages/layouts/src/components/breadcrumb/index.vue b/packages/layouts/src/components/breadcrumb/index.vue
index 3616756c..daa72317 100644
--- a/packages/layouts/src/components/breadcrumb/index.vue
+++ b/packages/layouts/src/components/breadcrumb/index.vue
@@ -2,7 +2,7 @@
 import { RouteLocationMatched, useRouter } from 'vue-router'
 import { h, ref, watchEffect } from 'vue'
 import { useI18n } from '@vben/locale'
-import { useGo } from '@vben/use'
+import { useGo } from '@vben/hooks'
 import { filterTree, isString } from '@vben/utils'
 import { REDIRECT_NAME } from '@vben/constants'
 import { VbenIconify } from '@vben/vbencomponents'
diff --git a/packages/layouts/src/components/search/AppSearchModal.vue b/packages/layouts/src/components/search/AppSearchModal.vue
index 874e9489..43d91ff3 100644
--- a/packages/layouts/src/components/search/AppSearchModal.vue
+++ b/packages/layouts/src/components/search/AppSearchModal.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { useI18n } from '@vben/locale'
-import { useRefs } from '@vben/use'
+import { useRefs } from '@vben/hooks'
 import { computed, unref, ref } from 'vue'
 import AppSearchFooter from './AppSearchFooter.vue'
 import { useMenuSearch } from './useMenuSearch'
diff --git a/packages/layouts/src/components/search/useMenuSearch.ts b/packages/layouts/src/components/search/useMenuSearch.ts
index 934ecdd4..2fb64c34 100644
--- a/packages/layouts/src/components/search/useMenuSearch.ts
+++ b/packages/layouts/src/components/search/useMenuSearch.ts
@@ -1,8 +1,13 @@
 import { ref, unref, Ref, nextTick, onMounted } from 'vue'
-import { cloneDeep, filterTree, forEachTree } from '@vben/utils'
-import { useDebounceFn, onKeyStroke } from '@vben/use'
+import {
+  cloneDeep,
+  filterTree,
+  forEachTree,
+  useDebounceFn,
+  onKeyStroke,
+} from '@vben/utils'
 import { useI18n } from '@vben/locale'
-import { useGo } from '@vben/use'
+import { useGo } from '@vben/hooks'
 import { getMenus } from '@/router'
 import { useScrollTo } from '@/hooks/event/use-scroll-to'
 
diff --git a/packages/layouts/src/components/tabs/index.vue b/packages/layouts/src/components/tabs/index.vue
index 54195b7a..4ee19205 100644
--- a/packages/layouts/src/components/tabs/index.vue
+++ b/packages/layouts/src/components/tabs/index.vue
@@ -5,7 +5,7 @@ import { useRouter } from 'vue-router'
 import { computed, nextTick, ref, unref, watch } from 'vue'
 import { useI18n } from '@vben/locale'
 import { REDIRECT_NAME } from '@vben/constants'
-import { useGo } from '@vben/use'
+import { useGo } from '@vben/hooks'
 import TabRedo from './components/TabRedo.vue'
 import TabDropdown from './components/TabDropdown.vue'
 import { context } from '../../../bridge'
diff --git a/packages/layouts/src/data.ts b/packages/layouts/src/data.ts
index 37360ec3..de50da19 100644
--- a/packages/layouts/src/data.ts
+++ b/packages/layouts/src/data.ts
@@ -1,7 +1,9 @@
-import { computed, ref, unref } from 'vue'
-import { useElementSize } from '@vben/use'
+import { ref } from 'vue'
+import { useElementSize } from '@vben/utils'
 import { context } from '../bridge'
 export const layoutHeader = ref(null)
 // 获取header高度
+// @ts-ignore
 export const headerRef = ref<HTMLElement | null>(null)
+// @ts-ignore
 export const { height, width } = useElementSize(headerRef)
diff --git a/packages/locale/package.json b/packages/locale/package.json
index f8348cf6..a34a6b9d 100644
--- a/packages/locale/package.json
+++ b/packages/locale/package.json
@@ -11,7 +11,6 @@
     "@vben/constants": "workspace:*",
     "@vben/types": "workspace:*",
     "@vben/utils": "workspace:*",
-    "@vben/use": "workspace:*",
     "vue": "3.2.45",
     "vue-i18n": "^9.2.2"
   }
diff --git a/packages/locale/src/store.ts b/packages/locale/src/store.ts
index 6a913be6..f6e7e37f 100644
--- a/packages/locale/src/store.ts
+++ b/packages/locale/src/store.ts
@@ -1,7 +1,7 @@
 import type { LocaleType } from '@vben/types'
 import { computed } from 'vue'
 import { LOCALE_KEY } from '@vben/constants'
-import { useLocalStorage } from '@vben/use'
+import { useLocalStorage } from '@vben/utils'
 import { localeSetting } from './config'
 
 const store = useLocalStorage(LOCALE_KEY, localeSetting)
diff --git a/packages/use/index.ts b/packages/use/index.ts
deleted file mode 100644
index 9ba91594..00000000
--- a/packages/use/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './src'
-export * from '@vueuse/core'
diff --git a/packages/use/package.json b/packages/use/package.json
deleted file mode 100644
index 24434898..00000000
--- a/packages/use/package.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "name": "@vben/use",
-  "version": "3.0.0-alpha.4",
-  "main": "index.ts",
-  "module": "index.ts",
-  "license": "MIT",
-  "scripts": {
-    "clean": "pnpm rimraf node_modules && pnpm rimraf dist && pnpm rimraf .turbo"
-  },
-  "dependencies": {
-    "@vben/locale": "workspace:*",
-    "@vben/constants": "workspace:*",
-    "@vben/utils": "workspace:*",
-    "@vueuse/core": "^9.6.0",
-    "vue": "3.2.45",
-    "vue-router": "^4.1.6"
-  }
-}
diff --git a/packages/use/src/index.ts b/packages/use/src/index.ts
deleted file mode 100644
index f7c63c36..00000000
--- a/packages/use/src/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './use-title'
-export * from './usePage'
-export * from './use-context'
-export * from './use-refs'
diff --git a/packages/utils/index.ts b/packages/utils/index.ts
index a5a96d5d..4b10813a 100644
--- a/packages/utils/index.ts
+++ b/packages/utils/index.ts
@@ -1,4 +1,13 @@
 export * from './src'
+export * from '@vueuse/core'
+export {
+  isEqual,
+  omit,
+  cloneDeep,
+  isUndefined,
+  clone,
+  isArray,
+} from 'lodash-es'
 // @ts-ignore
 import Sortable from 'sortablejs'
 export { Sortable }
diff --git a/packages/utils/src/bem.ts b/packages/utils/src/bem.ts
index 66f60e71..4a1ec07d 100644
--- a/packages/utils/src/bem.ts
+++ b/packages/utils/src/bem.ts
@@ -13,10 +13,7 @@ function generatorBEM(name: string, mods?: Mods): string {
   }
 
   if (Array.isArray(mods)) {
-    return mods.reduce<string>(
-      (ret, item) => ret + generatorBEM(name, item),
-      '',
-    )
+    return mods.reduce((ret, item) => ret + generatorBEM(name, item), '')
   }
 
   return Object.keys(mods).reduce(
diff --git a/packages/utils/src/event.ts b/packages/utils/src/event.ts
index feeae0ce..951abc39 100644
--- a/packages/utils/src/event.ts
+++ b/packages/utils/src/event.ts
@@ -1,4 +1,4 @@
-import { isClient } from './util'
+import { isClient } from '@vueuse/core'
 
 const resizeHandler = (entries: ResizeObserverEntry[]) => {
   for (const entry of entries) {
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index e25fdae1..e3a62adf 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -10,4 +10,4 @@ export * from './tree'
 export * from './router'
 export * from './mitt'
 
-export * from 'lodash-es'
+// export * from 'lodash-es'
diff --git a/packages/utils/src/util.ts b/packages/utils/src/util.ts
index 78845f07..f2a7399c 100644
--- a/packages/utils/src/util.ts
+++ b/packages/utils/src/util.ts
@@ -1,5 +1,4 @@
 import { isObject } from 'lodash-es'
-import { isClient, isWindow } from '@vueuse/core'
 
 // @ts-ignore
 function NOOP() {}
@@ -59,12 +58,4 @@ function isUrl(path: string): boolean {
   return reg.test(path)
 }
 
-export {
-  isUrl,
-  deepMerge,
-  appendUrlParams,
-  openWindow,
-  NOOP,
-  isClient,
-  isWindow,
-}
+export { isUrl, deepMerge, appendUrlParams, openWindow, NOOP }