From 105d79b0d98747b464432b754c664ea3bcbebf29 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Thu, 20 Apr 2023 20:00:49 +0800
Subject: [PATCH] refactor: extract isClient and isNumber isBoolean (#12504)

* refactor: extract isClient and isNumber isBoolean

* test: update test

* refactor: extract isClient to browser
---
 packages/components/cascader-panel/src/index.vue  |  2 +-
 packages/components/cascader/src/cascader.vue     | 10 ++++++++--
 .../color-picker/src/utils/draggable.ts           |  2 +-
 packages/components/dialog/src/use-dialog.ts      |  4 ++--
 .../components/image-viewer/src/image-viewer.vue  |  4 ++--
 packages/components/image/src/image.vue           |  3 ++-
 packages/components/input/src/input.vue           |  3 ++-
 packages/components/loading/src/service.ts        | 10 +++++++---
 packages/components/message-box/src/messageBox.ts |  2 +-
 packages/components/message/src/message.ts        |  2 +-
 packages/components/message/src/method.ts         |  2 +-
 packages/components/notification/src/notify.ts    |  9 +++++++--
 packages/components/popper/src/utils.ts           |  3 ++-
 packages/components/scrollbar/src/thumb.vue       |  4 ++--
 packages/components/select/src/select.vue         |  4 ++--
 packages/components/select/src/useSelect.ts       |  2 +-
 packages/components/table/src/table-body/index.ts |  3 +--
 .../table/src/table-header/event-helper.ts        |  3 +--
 packages/components/table/src/table-layout.ts     |  3 +--
 .../virtual-list/src/builders/build-grid.ts       |  2 +-
 .../virtual-list/src/builders/build-list.ts       |  3 +--
 packages/directives/click-outside/index.ts        |  3 +--
 packages/hooks/use-escape-keydown/index.ts        |  2 +-
 packages/hooks/use-floating/index.ts              |  4 ++--
 packages/hooks/use-id/index.ts                    |  3 +--
 packages/hooks/use-lockscreen/index.ts            |  2 +-
 packages/hooks/use-model-toggle/index.ts          |  8 ++++++--
 packages/hooks/use-popper-container/index.ts      |  2 +-
 packages/hooks/use-teleport/index.ts              |  7 +++++--
 packages/utils/__tests__/types.test.ts            | 15 +++++++++------
 packages/utils/browser.ts                         |  4 +++-
 packages/utils/dom/position.ts                    |  2 +-
 packages/utils/dom/scroll.ts                      |  2 +-
 packages/utils/dom/style.ts                       |  2 +-
 packages/utils/raf.ts                             |  2 +-
 packages/utils/types.ts                           |  3 ++-
 packages/utils/vue/global-node.ts                 |  2 +-
 37 files changed, 84 insertions(+), 59 deletions(-)

diff --git a/packages/components/cascader-panel/src/index.vue b/packages/components/cascader-panel/src/index.vue
index 6cb33b9e5e188..6e121c0768943 100644
--- a/packages/components/cascader-panel/src/index.vue
+++ b/packages/components/cascader-panel/src/index.vue
@@ -27,11 +27,11 @@ import {
   watch,
 } from 'vue'
 import { cloneDeep, flattenDeep, isEqual } from 'lodash-unified'
-import { isClient } from '@vueuse/core'
 import {
   castArray,
   focusNode,
   getSibling,
+  isClient,
   isEmpty,
   scrollIntoView,
   unique,
diff --git a/packages/components/cascader/src/cascader.vue b/packages/components/cascader/src/cascader.vue
index bc3c34b43ba7b..c73b8aca698ac 100644
--- a/packages/components/cascader/src/cascader.vue
+++ b/packages/components/cascader/src/cascader.vue
@@ -189,7 +189,7 @@
 import { computed, nextTick, onMounted, ref, useAttrs, watch } from 'vue'
 import { isPromise } from '@vue/shared'
 import { cloneDeep, debounce } from 'lodash-unified'
-import { isClient, useCssVar, useResizeObserver } from '@vueuse/core'
+import { useCssVar, useResizeObserver } from '@vueuse/core'
 import ElCascaderPanel from '@element-plus/components/cascader-panel'
 import ElInput from '@element-plus/components/input'
 import ElTooltip from '@element-plus/components/tooltip'
@@ -199,7 +199,13 @@ import ElIcon from '@element-plus/components/icon'
 import { useFormItem, useFormSize } from '@element-plus/components/form'
 import { ClickOutside as vClickoutside } from '@element-plus/directives'
 import { useLocale, useNamespace } from '@element-plus/hooks'
-import { debugWarn, focusNode, getSibling, isKorean } from '@element-plus/utils'
+import {
+  debugWarn,
+  focusNode,
+  getSibling,
+  isClient,
+  isKorean,
+} from '@element-plus/utils'
 import {
   CHANGE_EVENT,
   EVENT_CODE,
diff --git a/packages/components/color-picker/src/utils/draggable.ts b/packages/components/color-picker/src/utils/draggable.ts
index 9ce8e437afd55..07455c5efbad6 100644
--- a/packages/components/color-picker/src/utils/draggable.ts
+++ b/packages/components/color-picker/src/utils/draggable.ts
@@ -1,4 +1,4 @@
-import { isClient } from '@vueuse/core'
+import { isClient } from '@element-plus/utils'
 
 let isDragging = false
 
diff --git a/packages/components/dialog/src/use-dialog.ts b/packages/components/dialog/src/use-dialog.ts
index f1ffcb5119fef..2763f556f04bb 100644
--- a/packages/components/dialog/src/use-dialog.ts
+++ b/packages/components/dialog/src/use-dialog.ts
@@ -6,7 +6,7 @@ import {
   ref,
   watch,
 } from 'vue'
-import { isClient, useTimeoutFn } from '@vueuse/core'
+import { useTimeoutFn } from '@vueuse/core'
 
 import {
   defaultNamespace,
@@ -15,7 +15,7 @@ import {
   useZIndex,
 } from '@element-plus/hooks'
 import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { addUnit } from '@element-plus/utils'
+import { addUnit, isClient } from '@element-plus/utils'
 import { useGlobalConfig } from '@element-plus/components/config-provider'
 
 import type { CSSProperties, Ref, SetupContext } from 'vue'
diff --git a/packages/components/image-viewer/src/image-viewer.vue b/packages/components/image-viewer/src/image-viewer.vue
index d7c878ee6f0cb..a7e4dcc03ffcc 100644
--- a/packages/components/image-viewer/src/image-viewer.vue
+++ b/packages/components/image-viewer/src/image-viewer.vue
@@ -91,11 +91,11 @@ import {
   shallowRef,
   watch,
 } from 'vue'
-import { isNumber, useEventListener } from '@vueuse/core'
+import { useEventListener } from '@vueuse/core'
 import { throttle } from 'lodash-unified'
 import { useLocale, useNamespace, useZIndex } from '@element-plus/hooks'
 import { EVENT_CODE } from '@element-plus/constants'
-import { keysOf } from '@element-plus/utils'
+import { isNumber, keysOf } from '@element-plus/utils'
 import ElIcon from '@element-plus/components/icon'
 import {
   ArrowLeft,
diff --git a/packages/components/image/src/image.vue b/packages/components/image/src/image.vue
index 233bca039bee7..7567681245632 100644
--- a/packages/components/image/src/image.vue
+++ b/packages/components/image/src/image.vue
@@ -56,11 +56,12 @@ import {
   useAttrs as useRawAttrs,
   watch,
 } from 'vue'
-import { isClient, useEventListener, useThrottleFn } from '@vueuse/core'
+import { useEventListener, useThrottleFn } from '@vueuse/core'
 import { useAttrs, useLocale, useNamespace } from '@element-plus/hooks'
 import ImageViewer from '@element-plus/components/image-viewer'
 import {
   getScrollContainer,
+  isClient,
   isElement,
   isInContainer,
   isString,
diff --git a/packages/components/input/src/input.vue b/packages/components/input/src/input.vue
index 132fa4947662b..16f647be8ccfb 100644
--- a/packages/components/input/src/input.vue
+++ b/packages/components/input/src/input.vue
@@ -150,7 +150,7 @@ import {
   useSlots,
   watch,
 } from 'vue'
-import { isClient, useResizeObserver } from '@vueuse/core'
+import { useResizeObserver } from '@vueuse/core'
 import { isNil } from 'lodash-unified'
 import { ElIcon } from '@element-plus/components/icon'
 import {
@@ -168,6 +168,7 @@ import {
   NOOP,
   ValidateComponentsMap,
   debugWarn,
+  isClient,
   isKorean,
   isObject,
 } from '@element-plus/utils'
diff --git a/packages/components/loading/src/service.ts b/packages/components/loading/src/service.ts
index bb8b599e0510a..d5f16448f2e51 100644
--- a/packages/components/loading/src/service.ts
+++ b/packages/components/loading/src/service.ts
@@ -1,8 +1,12 @@
 // @ts-nocheck
 import { nextTick } from 'vue'
-import { isString } from '@vue/shared'
-import { isClient } from '@vueuse/core'
-import { addClass, getStyle, removeClass } from '@element-plus/utils'
+import {
+  addClass,
+  getStyle,
+  isClient,
+  isString,
+  removeClass,
+} from '@element-plus/utils'
 import { createLoadingComponent } from './loading'
 
 import type { UseNamespaceReturn, UseZIndexReturn } from '@element-plus/hooks'
diff --git a/packages/components/message-box/src/messageBox.ts b/packages/components/message-box/src/messageBox.ts
index 73e391ea83c12..fd162207ab44d 100644
--- a/packages/components/message-box/src/messageBox.ts
+++ b/packages/components/message-box/src/messageBox.ts
@@ -1,8 +1,8 @@
 import { createVNode, render } from 'vue'
-import { isClient } from '@vueuse/core'
 import {
   debugWarn,
   hasOwn,
+  isClient,
   isElement,
   isFunction,
   isObject,
diff --git a/packages/components/message/src/message.ts b/packages/components/message/src/message.ts
index 3291dc51fd334..3438e98699013 100644
--- a/packages/components/message/src/message.ts
+++ b/packages/components/message/src/message.ts
@@ -1,8 +1,8 @@
-import { isClient } from '@vueuse/core'
 import {
   buildProps,
   definePropType,
   iconPropType,
+  isClient,
   mutable,
 } from '@element-plus/utils'
 import type { AppContext, ExtractPropTypes, VNode } from 'vue'
diff --git a/packages/components/message/src/method.ts b/packages/components/message/src/method.ts
index 1d976777c3f75..ff4e1fe0909f6 100644
--- a/packages/components/message/src/method.ts
+++ b/packages/components/message/src/method.ts
@@ -1,7 +1,7 @@
 import { createVNode, render } from 'vue'
-import { isClient } from '@vueuse/core'
 import {
   debugWarn,
+  isClient,
   isElement,
   isFunction,
   isNumber,
diff --git a/packages/components/notification/src/notify.ts b/packages/components/notification/src/notify.ts
index 0b6d7483c5958..38d3f708b6322 100644
--- a/packages/components/notification/src/notify.ts
+++ b/packages/components/notification/src/notify.ts
@@ -1,6 +1,11 @@
 import { createVNode, render } from 'vue'
-import { isClient } from '@vueuse/core'
-import { debugWarn, isElement, isString, isVNode } from '@element-plus/utils'
+import {
+  debugWarn,
+  isClient,
+  isElement,
+  isString,
+  isVNode,
+} from '@element-plus/utils'
 import NotificationConstructor from './notification.vue'
 import { notificationTypes } from './notification'
 
diff --git a/packages/components/popper/src/utils.ts b/packages/components/popper/src/utils.ts
index 4f225a37f2050..93fee1ffa559e 100644
--- a/packages/components/popper/src/utils.ts
+++ b/packages/components/popper/src/utils.ts
@@ -1,4 +1,5 @@
-import { isClient, unrefElement } from '@vueuse/core'
+import { unrefElement } from '@vueuse/core'
+import { isClient } from '@element-plus/utils'
 
 import type { ComponentPublicInstance } from 'vue'
 import type { MaybeRef } from '@vueuse/core'
diff --git a/packages/components/scrollbar/src/thumb.vue b/packages/components/scrollbar/src/thumb.vue
index 89399f686d331..f73981fdcdf07 100644
--- a/packages/components/scrollbar/src/thumb.vue
+++ b/packages/components/scrollbar/src/thumb.vue
@@ -18,8 +18,8 @@
 
 <script lang="ts" setup>
 import { computed, inject, onBeforeUnmount, ref, toRef } from 'vue'
-import { isClient, useEventListener } from '@vueuse/core'
-import { throwError } from '@element-plus/utils'
+import { useEventListener } from '@vueuse/core'
+import { isClient, throwError } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { scrollbarContextKey } from './constants'
 import { BAR_MAP, renderThumbStyle } from './util'
diff --git a/packages/components/select/src/select.vue b/packages/components/select/src/select.vue
index df7602b8ed44f..2ac1a7dcbb2ae 100644
--- a/packages/components/select/src/select.vue
+++ b/packages/components/select/src/select.vue
@@ -302,7 +302,7 @@ import {
   toRefs,
   unref,
 } from 'vue'
-import { isIOS, useResizeObserver } from '@vueuse/core'
+import { useResizeObserver } from '@vueuse/core'
 import { placements } from '@popperjs/core'
 import { ClickOutside } from '@element-plus/directives'
 import { useFocus, useLocale, useNamespace } from '@element-plus/hooks'
@@ -314,7 +314,7 @@ import ElScrollbar from '@element-plus/components/scrollbar'
 import ElTag, { tagProps } from '@element-plus/components/tag'
 import ElIcon from '@element-plus/components/icon'
 import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
-import { iconPropType, isValidComponentSize } from '@element-plus/utils'
+import { iconPropType, isIOS, isValidComponentSize } from '@element-plus/utils'
 import { ArrowDown, CircleClose } from '@element-plus/icons-vue'
 import ElOption from './option.vue'
 import ElSelectMenu from './select-dropdown.vue'
diff --git a/packages/components/select/src/useSelect.ts b/packages/components/select/src/useSelect.ts
index 6834862e01b99..59e52a27a9eeb 100644
--- a/packages/components/select/src/useSelect.ts
+++ b/packages/components/select/src/useSelect.ts
@@ -11,7 +11,6 @@ import {
 } from 'vue'
 import { isObject, toRawType } from '@vue/shared'
 import { get, isEqual, debounce as lodashDebounce } from 'lodash-unified'
-import { isClient } from '@vueuse/core'
 import {
   CHANGE_EVENT,
   EVENT_CODE,
@@ -20,6 +19,7 @@ import {
 import {
   debugWarn,
   getComponentSize,
+  isClient,
   isFunction,
   isKorean,
   isNumber,
diff --git a/packages/components/table/src/table-body/index.ts b/packages/components/table/src/table-body/index.ts
index 812cc58081990..f5b7003bf364d 100644
--- a/packages/components/table/src/table-body/index.ts
+++ b/packages/components/table/src/table-body/index.ts
@@ -7,8 +7,7 @@ import {
   onUnmounted,
   watch,
 } from 'vue'
-import { isClient } from '@vueuse/core'
-import { addClass, removeClass } from '@element-plus/utils'
+import { addClass, isClient, removeClass } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import useLayoutObserver from '../layout-observer'
 import { removePopper } from '../util'
diff --git a/packages/components/table/src/table-header/event-helper.ts b/packages/components/table/src/table-header/event-helper.ts
index c85be4a709efc..37351192a7276 100644
--- a/packages/components/table/src/table-header/event-helper.ts
+++ b/packages/components/table/src/table-header/event-helper.ts
@@ -1,7 +1,6 @@
 // @ts-nocheck
 import { getCurrentInstance, inject, ref } from 'vue'
-import { isClient } from '@vueuse/core'
-import { addClass, hasClass, removeClass } from '@element-plus/utils'
+import { addClass, hasClass, isClient, removeClass } from '@element-plus/utils'
 import { TABLE_INJECTION_KEY } from '../tokens'
 import type { TableHeaderProps } from '.'
 import type { TableColumnCtx } from '../table-column/defaults'
diff --git a/packages/components/table/src/table-layout.ts b/packages/components/table/src/table-layout.ts
index d1eea95629549..2b44d7abdda92 100644
--- a/packages/components/table/src/table-layout.ts
+++ b/packages/components/table/src/table-layout.ts
@@ -1,7 +1,6 @@
 // @ts-nocheck
 import { isRef, nextTick, ref } from 'vue'
-import { isClient } from '@vueuse/core'
-import { hasOwn } from '@element-plus/utils'
+import { hasOwn, isClient } from '@element-plus/utils'
 import { parseHeight } from './util'
 import type { Ref } from 'vue'
 
diff --git a/packages/components/virtual-list/src/builders/build-grid.ts b/packages/components/virtual-list/src/builders/build-grid.ts
index ceb1d9d8b0d2a..fcbaccc1f7e5e 100644
--- a/packages/components/virtual-list/src/builders/build-grid.ts
+++ b/packages/components/virtual-list/src/builders/build-grid.ts
@@ -10,10 +10,10 @@ import {
   resolveDynamicComponent,
   unref,
 } from 'vue'
-import { isClient } from '@vueuse/core'
 import {
   getScrollBarWidth,
   hasOwn,
+  isClient,
   isNumber,
   isString,
 } from '@element-plus/utils'
diff --git a/packages/components/virtual-list/src/builders/build-list.ts b/packages/components/virtual-list/src/builders/build-list.ts
index 2f5db74de65db..98b19224e2a3e 100644
--- a/packages/components/virtual-list/src/builders/build-list.ts
+++ b/packages/components/virtual-list/src/builders/build-list.ts
@@ -11,8 +11,7 @@ import {
   resolveDynamicComponent,
   unref,
 } from 'vue'
-import { isClient } from '@vueuse/core'
-import { hasOwn, isNumber, isString } from '@element-plus/utils'
+import { hasOwn, isClient, isNumber, isString } from '@element-plus/utils'
 import { useNamespace } from '@element-plus/hooks'
 import { useCache } from '../hooks/use-cache'
 import useWheel from '../hooks/use-wheel'
diff --git a/packages/directives/click-outside/index.ts b/packages/directives/click-outside/index.ts
index be1e7b7e0e0ad..f6f75d80ec697 100644
--- a/packages/directives/click-outside/index.ts
+++ b/packages/directives/click-outside/index.ts
@@ -1,5 +1,4 @@
-import { isClient } from '@vueuse/core'
-import { isElement } from '@element-plus/utils'
+import { isClient, isElement } from '@element-plus/utils'
 
 import type {
   ComponentPublicInstance,
diff --git a/packages/hooks/use-escape-keydown/index.ts b/packages/hooks/use-escape-keydown/index.ts
index 4359edd5abb3e..a7c4e8ba1ec2b 100644
--- a/packages/hooks/use-escape-keydown/index.ts
+++ b/packages/hooks/use-escape-keydown/index.ts
@@ -1,5 +1,5 @@
 import { onBeforeUnmount, onMounted } from 'vue'
-import { isClient } from '@vueuse/core'
+import { isClient } from '@element-plus/utils'
 import { EVENT_CODE } from '@element-plus/constants'
 
 let registeredEscapeHandlers: ((e: KeyboardEvent) => void)[] = []
diff --git a/packages/hooks/use-floating/index.ts b/packages/hooks/use-floating/index.ts
index b39fd0f14dc74..74a6959d8b2fe 100644
--- a/packages/hooks/use-floating/index.ts
+++ b/packages/hooks/use-floating/index.ts
@@ -1,8 +1,8 @@
 import { isRef, onMounted, ref, unref, watchEffect } from 'vue'
-import { isClient, unrefElement } from '@vueuse/core'
+import { unrefElement } from '@vueuse/core'
 import { isNil } from 'lodash-unified'
 import { arrow as arrowCore, computePosition } from '@floating-ui/dom'
-import { buildProps, keysOf } from '@element-plus/utils'
+import { buildProps, isClient, keysOf } from '@element-plus/utils'
 
 import type { Ref, ToRefs } from 'vue'
 import type {
diff --git a/packages/hooks/use-id/index.ts b/packages/hooks/use-id/index.ts
index c84055fc75191..55dc05d5eecbe 100644
--- a/packages/hooks/use-id/index.ts
+++ b/packages/hooks/use-id/index.ts
@@ -1,6 +1,5 @@
 import { computed, getCurrentInstance, inject, unref } from 'vue'
-import { isClient } from '@vueuse/core'
-import { debugWarn } from '@element-plus/utils'
+import { debugWarn, isClient } from '@element-plus/utils'
 import { useGetDerivedNamespace } from '../use-namespace'
 
 import type { InjectionKey, Ref } from 'vue'
diff --git a/packages/hooks/use-lockscreen/index.ts b/packages/hooks/use-lockscreen/index.ts
index c6c3f3492040a..6389b1c585dae 100644
--- a/packages/hooks/use-lockscreen/index.ts
+++ b/packages/hooks/use-lockscreen/index.ts
@@ -1,11 +1,11 @@
 import { isRef, onScopeDispose, watch } from 'vue'
 import { computed } from '@vue/reactivity'
-import { isClient } from '@vueuse/core'
 import {
   addClass,
   getScrollBarWidth,
   getStyle,
   hasClass,
+  isClient,
   removeClass,
   throwError,
 } from '@element-plus/utils'
diff --git a/packages/hooks/use-model-toggle/index.ts b/packages/hooks/use-model-toggle/index.ts
index ae27e247f38ab..07a73a18f02a9 100644
--- a/packages/hooks/use-model-toggle/index.ts
+++ b/packages/hooks/use-model-toggle/index.ts
@@ -1,7 +1,11 @@
 import { computed, getCurrentInstance, onMounted, watch } from 'vue'
 import { isFunction } from '@vue/shared'
-import { isClient } from '@vueuse/core'
-import { buildProp, definePropType, isBoolean } from '@element-plus/utils'
+import {
+  buildProp,
+  definePropType,
+  isBoolean,
+  isClient,
+} from '@element-plus/utils'
 import type { ExtractPropType } from '@element-plus/utils'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
 
diff --git a/packages/hooks/use-popper-container/index.ts b/packages/hooks/use-popper-container/index.ts
index 5afb72059e917..119b273edf3f7 100644
--- a/packages/hooks/use-popper-container/index.ts
+++ b/packages/hooks/use-popper-container/index.ts
@@ -1,5 +1,5 @@
 import { computed, onBeforeMount } from 'vue'
-import { isClient } from '@vueuse/core'
+import { isClient } from '@element-plus/utils'
 import { useGetDerivedNamespace } from '../use-namespace'
 import { useIdInjection } from '../use-id'
 
diff --git a/packages/hooks/use-teleport/index.ts b/packages/hooks/use-teleport/index.ts
index 61d2986895d2d..921202b5dfeac 100644
--- a/packages/hooks/use-teleport/index.ts
+++ b/packages/hooks/use-teleport/index.ts
@@ -1,7 +1,10 @@
 import { Teleport, h, onUnmounted, ref } from 'vue'
 import { NOOP } from '@vue/shared'
-import { isClient } from '@vueuse/core'
-import { createGlobalNode, removeGlobalNode } from '@element-plus/utils'
+import {
+  createGlobalNode,
+  isClient,
+  removeGlobalNode,
+} from '@element-plus/utils'
 
 import type { Ref, VNode } from 'vue'
 
diff --git a/packages/utils/__tests__/types.test.ts b/packages/utils/__tests__/types.test.ts
index e89c2533ee945..3cf6baac70c1d 100644
--- a/packages/utils/__tests__/types.test.ts
+++ b/packages/utils/__tests__/types.test.ts
@@ -1,6 +1,5 @@
 import * as vue from 'vue'
 import * as vueShared from '@vue/shared'
-import * as vueuse from '@vueuse/core'
 import { describe, expect, it } from 'vitest'
 import {
   isArray,
@@ -30,15 +29,19 @@ describe('types', () => {
     expect(isSymbol).toBe(vueShared.isSymbol)
   })
 
-  it('re-export from vueuse', () => {
-    expect(isBoolean).toBe(vueuse.isBoolean)
-    expect(isNumber).toBe(vueuse.isNumber)
-  })
-
   it('re-export from vue', () => {
     expect(isVNode).toBe(vue.isVNode)
   })
 
+  it('isBoolean and isNumber should work', () => {
+    expect(isBoolean(true)).toBe(true)
+    expect(isBoolean(false)).toBe(true)
+    expect(isBoolean('true')).toBe(false)
+    expect(isBoolean('false')).toBe(false)
+    expect(isNumber(0)).toBe(true)
+    expect(isNumber('0')).toBe(false)
+  })
+
   it('isUndefined should work', () => {
     expect(isUndefined(undefined)).toBe(true)
     expect(isUndefined(null)).toBe(false)
diff --git a/packages/utils/browser.ts b/packages/utils/browser.ts
index d4468ad891590..29ca9b51c8c36 100644
--- a/packages/utils/browser.ts
+++ b/packages/utils/browser.ts
@@ -1,4 +1,6 @@
-import { isClient } from '@vueuse/core'
+import { isClient, isIOS } from '@vueuse/core'
 
 export const isFirefox = (): boolean =>
   isClient && /firefox/i.test(window.navigator.userAgent)
+
+export { isClient, isIOS }
diff --git a/packages/utils/dom/position.ts b/packages/utils/dom/position.ts
index 6cca512c98be2..353b5b9b71581 100644
--- a/packages/utils/dom/position.ts
+++ b/packages/utils/dom/position.ts
@@ -1,4 +1,4 @@
-import { isClient } from '@vueuse/core'
+import { isClient } from '../browser'
 
 export const isInContainer = (
   el?: Element,
diff --git a/packages/utils/dom/scroll.ts b/packages/utils/dom/scroll.ts
index 83dfeebf3b400..b3f7c23ce2aca 100644
--- a/packages/utils/dom/scroll.ts
+++ b/packages/utils/dom/scroll.ts
@@ -1,4 +1,4 @@
-import { isClient } from '@vueuse/core'
+import { isClient } from '../browser'
 import { getStyle } from './style'
 
 export const isScroll = (el: HTMLElement, isVertical?: boolean): boolean => {
diff --git a/packages/utils/dom/style.ts b/packages/utils/dom/style.ts
index 4f8a1ef2e6810..8fdd898016812 100644
--- a/packages/utils/dom/style.ts
+++ b/packages/utils/dom/style.ts
@@ -1,5 +1,5 @@
-import { isClient } from '@vueuse/core'
 import { isNumber, isObject, isString, isStringNumber } from '../types'
+import { isClient } from '../browser'
 import { camelize } from '../strings'
 import { entriesOf, keysOf } from '../objects'
 import { debugWarn } from '../error'
diff --git a/packages/utils/raf.ts b/packages/utils/raf.ts
index b21c7190005d2..0f567356d8f69 100644
--- a/packages/utils/raf.ts
+++ b/packages/utils/raf.ts
@@ -1,4 +1,4 @@
-import { isClient } from '@vueuse/core'
+import { isClient } from './browser'
 
 export const rAF = (fn: () => void) =>
   isClient
diff --git a/packages/utils/types.ts b/packages/utils/types.ts
index 142d270b93598..2c9d424cf9923 100644
--- a/packages/utils/types.ts
+++ b/packages/utils/types.ts
@@ -10,10 +10,11 @@ export {
   isPromise,
   isSymbol,
 } from '@vue/shared'
-export { isBoolean, isNumber } from '@vueuse/core'
 export { isVNode } from 'vue'
 
 export const isUndefined = (val: any): val is undefined => val === undefined
+export const isBoolean = (val: any): val is boolean => typeof val === 'boolean'
+export const isNumber = (val: any): val is number => typeof val === 'number'
 
 export const isEmpty = (val: unknown) =>
   (!val && val !== 0) ||
diff --git a/packages/utils/vue/global-node.ts b/packages/utils/vue/global-node.ts
index db32d728f339f..5eec277c97f35 100644
--- a/packages/utils/vue/global-node.ts
+++ b/packages/utils/vue/global-node.ts
@@ -1,4 +1,4 @@
-import { isClient } from '@vueuse/core'
+import { isClient } from '../browser'
 
 const globalNodes: HTMLElement[] = []
 let target: HTMLElement = !isClient ? (undefined as any) : document.body