From b1636f3b94fd5461a4c3f150fbc39a3de0842b0d Mon Sep 17 00:00:00 2001
From: orzi! <1063614727@qq.com>
Date: Fri, 25 Jun 2021 12:18:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/varlet-cli/src/commands/create.ts    |  2 +-
 .../varlet-cli/src/compiler/compileTypes.ts   |  2 +-
 packages/varlet-ui/src/action-sheet/index.ts  |  3 ++-
 packages/varlet-ui/src/action-sheet/props.ts  |  2 +-
 packages/varlet-ui/src/app-bar/index.ts       |  2 +-
 packages/varlet-ui/src/back-top/index.ts      |  2 +-
 packages/varlet-ui/src/badge/index.ts         |  2 +-
 packages/varlet-ui/src/button/index.ts        |  2 +-
 packages/varlet-ui/src/button/props.ts        |  2 +-
 packages/varlet-ui/src/card/index.ts          |  2 +-
 packages/varlet-ui/src/card/props.ts          |  2 +-
 packages/varlet-ui/src/cell/index.ts          |  2 +-
 .../varlet-ui/src/checkbox-group/index.ts     |  2 +-
 .../varlet-ui/src/checkbox-group/props.ts     |  2 +-
 .../varlet-ui/src/checkbox-group/provide.ts   |  2 +-
 packages/varlet-ui/src/checkbox/index.ts      |  2 +-
 packages/varlet-ui/src/checkbox/props.ts      |  2 +-
 packages/varlet-ui/src/chip/index.ts          |  2 +-
 packages/varlet-ui/src/chip/props.ts          |  2 +-
 packages/varlet-ui/src/col/index.ts           |  4 ++--
 packages/varlet-ui/src/col/props.ts           | 10 ++++----
 packages/varlet-ui/src/col/provide.ts         |  4 ++--
 packages/varlet-ui/src/collapse-item/index.ts |  2 +-
 .../varlet-ui/src/collapse-item/provide.ts    |  2 +-
 packages/varlet-ui/src/collapse/index.ts      |  2 +-
 packages/varlet-ui/src/collapse/props.ts      |  2 +-
 packages/varlet-ui/src/collapse/provide.ts    |  2 +-
 packages/varlet-ui/src/context/zIndex.ts      | 19 +++++++++------
 packages/varlet-ui/src/countdown/index.ts     |  2 +-
 packages/varlet-ui/src/counter/index.ts       |  4 ++--
 packages/varlet-ui/src/counter/props.ts       |  2 +-
 packages/varlet-ui/src/date-picker/index.ts   |  2 +-
 packages/varlet-ui/src/date-picker/props.ts   |  2 +-
 packages/varlet-ui/src/dialog/props.ts        |  2 +-
 packages/varlet-ui/src/divider/index.ts       |  2 +-
 packages/varlet-ui/src/form-details/index.ts  |  2 +-
 packages/varlet-ui/src/form/index.ts          |  2 +-
 packages/varlet-ui/src/form/provide.ts        |  2 +-
 packages/varlet-ui/src/icon/index.ts          |  2 +-
 packages/varlet-ui/src/icon/props.ts          |  2 +-
 packages/varlet-ui/src/image-preview/index.ts |  3 ++-
 packages/varlet-ui/src/image-preview/props.ts |  2 +-
 packages/varlet-ui/src/image/index.ts         |  4 ++--
 packages/varlet-ui/src/image/props.ts         |  2 +-
 packages/varlet-ui/src/index-anchor/index.ts  |  2 +-
 .../varlet-ui/src/index-anchor/provide.ts     |  2 +-
 packages/varlet-ui/src/index-bar/index.ts     |  2 +-
 packages/varlet-ui/src/index-bar/provide.ts   |  2 +-
 packages/varlet-ui/src/input/index.ts         |  4 ++--
 packages/varlet-ui/src/input/props.ts         |  2 +-
 packages/varlet-ui/src/lazy/index.ts          |  2 +-
 packages/varlet-ui/src/list/index.ts          |  4 ++--
 packages/varlet-ui/src/list/props.ts          |  2 +-
 packages/varlet-ui/src/loading/index.ts       |  2 +-
 packages/varlet-ui/src/loading/props.ts       |  2 +-
 packages/varlet-ui/src/locale/index.ts        |  3 ++-
 packages/varlet-ui/src/menu/index.ts          |  2 +-
 packages/varlet-ui/src/menu/props.ts          |  2 +-
 packages/varlet-ui/src/option/index.ts        |  2 +-
 packages/varlet-ui/src/option/provide.ts      |  2 +-
 packages/varlet-ui/src/picker/index.ts        |  3 ++-
 packages/varlet-ui/src/picker/props.ts        |  2 +-
 packages/varlet-ui/src/popup/index.ts         |  2 +-
 packages/varlet-ui/src/popup/props.ts         |  2 +-
 packages/varlet-ui/src/progress/index.ts      |  2 +-
 packages/varlet-ui/src/pull-refresh/index.ts  |  2 +-
 packages/varlet-ui/src/radio-group/index.ts   |  2 +-
 packages/varlet-ui/src/radio-group/props.ts   |  2 +-
 packages/varlet-ui/src/radio-group/provide.ts |  2 +-
 packages/varlet-ui/src/radio/index.ts         |  2 +-
 packages/varlet-ui/src/radio/props.ts         |  2 +-
 packages/varlet-ui/src/rate/index.ts          |  4 ++--
 packages/varlet-ui/src/rate/props.ts          |  2 +-
 packages/varlet-ui/src/ripple/index.ts        |  4 ++--
 packages/varlet-ui/src/row/index.ts           |  4 ++--
 packages/varlet-ui/src/row/props.ts           |  2 +-
 packages/varlet-ui/src/row/provide.ts         |  4 ++--
 packages/varlet-ui/src/select/index.ts        |  2 +-
 packages/varlet-ui/src/select/props.ts        |  2 +-
 packages/varlet-ui/src/select/provide.ts      |  6 ++---
 packages/varlet-ui/src/skeleton/index.ts      |  2 +-
 packages/varlet-ui/src/skeleton/props.ts      |  2 +-
 packages/varlet-ui/src/slider/index.ts        |  2 +-
 packages/varlet-ui/src/slider/props.ts        |  2 +-
 packages/varlet-ui/src/snackbar/index.ts      |  7 +++---
 packages/varlet-ui/src/snackbar/props.ts      |  2 +-
 packages/varlet-ui/src/step/index.ts          |  2 +-
 packages/varlet-ui/src/step/provide.ts        |  2 +-
 packages/varlet-ui/src/steps/index.ts         |  2 +-
 packages/varlet-ui/src/steps/props.ts         |  2 +-
 packages/varlet-ui/src/steps/provide.ts       |  4 ++--
 packages/varlet-ui/src/sticky/index.ts        |  2 +-
 packages/varlet-ui/src/sticky/props.ts        |  4 ++--
 .../varlet-ui/src/style-provider/index.ts     |  2 +-
 packages/varlet-ui/src/swipe-item/index.ts    |  4 ++--
 packages/varlet-ui/src/swipe-item/provide.ts  |  2 +-
 packages/varlet-ui/src/swipe/index.ts         |  4 ++--
 packages/varlet-ui/src/swipe/props.ts         |  2 +-
 packages/varlet-ui/src/swipe/provide.ts       |  4 ++--
 packages/varlet-ui/src/switch/index.ts        |  2 +-
 packages/varlet-ui/src/switch/props.ts        |  2 +-
 packages/varlet-ui/src/tab-item/index.ts      |  2 +-
 packages/varlet-ui/src/tab-item/provide.ts    | 12 +++++-----
 packages/varlet-ui/src/tab/index.ts           |  2 +-
 packages/varlet-ui/src/tab/props.ts           |  2 +-
 packages/varlet-ui/src/tab/provide.ts         | 10 ++++----
 packages/varlet-ui/src/tabs-items/index.ts    |  2 +-
 packages/varlet-ui/src/tabs-items/props.ts    |  2 +-
 packages/varlet-ui/src/tabs-items/provide.ts  | 24 +++++++++----------
 packages/varlet-ui/src/tabs/index.ts          |  2 +-
 packages/varlet-ui/src/tabs/props.ts          |  2 +-
 packages/varlet-ui/src/tabs/provide.ts        |  4 ++--
 packages/varlet-ui/src/time-picker/index.ts   |  2 +-
 packages/varlet-ui/src/time-picker/props.ts   |  2 +-
 packages/varlet-ui/src/time-picker/utils.ts   |  3 ++-
 packages/varlet-ui/src/uploader/index.ts      |  2 +-
 packages/varlet-ui/src/uploader/props.ts      |  2 +-
 packages/varlet-ui/src/utils/components.ts    |  6 +----
 packages/varlet-ui/src/utils/elements.ts      |  2 +-
 packages/varlet-ui/src/utils/jest.ts          | 12 ++++++----
 packages/varlet-ui/types/actionSheet.d.ts     |  2 +-
 packages/varlet-ui/types/dialog.d.ts          |  2 +-
 packages/varlet-ui/types/imagePreview.d.ts    |  2 +-
 packages/varlet-ui/types/index.d.ts           |  2 +-
 packages/varlet-ui/types/locale.d.ts          |  2 +-
 packages/varlet-ui/types/picker.d.ts          |  2 +-
 packages/varlet-ui/types/snackbar.d.ts        |  2 +-
 packages/varlet-ui/types/styleProvider.d.ts   |  2 +-
 packages/varlet-ui/types/varComponent.d.ts    |  2 +-
 packages/varlet-ui/types/varDirective.d.ts    |  2 +-
 130 files changed, 197 insertions(+), 188 deletions(-)

diff --git a/packages/varlet-cli/src/commands/create.ts b/packages/varlet-cli/src/commands/create.ts
index 5d74f6802f1..f13b8cb35ec 100644
--- a/packages/varlet-cli/src/commands/create.ts
+++ b/packages/varlet-cli/src/commands/create.ts
@@ -28,7 +28,7 @@ export default defineComponent({
 </style>
 `
   const indexTemplate = `\
-import { App } from 'vue'
+import type { App } from 'vue'
 import ${bigCamelize(name)} from './${bigCamelize(name)}.vue'
 
 ${bigCamelize(name)}.install = function(app: App) {
diff --git a/packages/varlet-cli/src/compiler/compileTypes.ts b/packages/varlet-cli/src/compiler/compileTypes.ts
index 77a44be26a5..2cb522699cf 100644
--- a/packages/varlet-cli/src/compiler/compileTypes.ts
+++ b/packages/varlet-cli/src/compiler/compileTypes.ts
@@ -19,7 +19,7 @@ export async function compileTypes() {
   })
 
   const template = `\
-import { App } from 'vue'
+import type { App } from 'vue'
 
 export const install: (app: App) => void
 
diff --git a/packages/varlet-ui/src/action-sheet/index.ts b/packages/varlet-ui/src/action-sheet/index.ts
index b270e1377a3..7ef1e53ce62 100644
--- a/packages/varlet-ui/src/action-sheet/index.ts
+++ b/packages/varlet-ui/src/action-sheet/index.ts
@@ -1,5 +1,6 @@
 import VarActionSheet from './ActionSheet.vue'
-import { App, nextTick, reactive } from 'vue'
+import { nextTick, reactive } from 'vue'
+import type { App } from 'vue'
 import { inBrowser } from '../utils/shared'
 import { mountInstance } from '../utils/components'
 
diff --git a/packages/varlet-ui/src/action-sheet/props.ts b/packages/varlet-ui/src/action-sheet/props.ts
index 374b51025fd..12d84dc6ae8 100644
--- a/packages/varlet-ui/src/action-sheet/props.ts
+++ b/packages/varlet-ui/src/action-sheet/props.ts
@@ -1,6 +1,6 @@
 import { pickProps } from '../utils/components'
 import { props as popupProps } from '../popup/props'
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 import { ActionItem } from './index'
 
 export const props = {
diff --git a/packages/varlet-ui/src/app-bar/index.ts b/packages/varlet-ui/src/app-bar/index.ts
index 6a51987cb48..be2af9808dd 100644
--- a/packages/varlet-ui/src/app-bar/index.ts
+++ b/packages/varlet-ui/src/app-bar/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import AppBar from './AppBar.vue'
 
 AppBar.install = function (app: App) {
diff --git a/packages/varlet-ui/src/back-top/index.ts b/packages/varlet-ui/src/back-top/index.ts
index 92abf412b9c..2151b7b8702 100644
--- a/packages/varlet-ui/src/back-top/index.ts
+++ b/packages/varlet-ui/src/back-top/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import BackTop from './BackTop.vue'
 
 BackTop.install = function (app: App) {
diff --git a/packages/varlet-ui/src/badge/index.ts b/packages/varlet-ui/src/badge/index.ts
index d10841f7fbe..1b109cb4dee 100644
--- a/packages/varlet-ui/src/badge/index.ts
+++ b/packages/varlet-ui/src/badge/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Badge from './Badge.vue'
 
 Badge.install = function (app: App) {
diff --git a/packages/varlet-ui/src/button/index.ts b/packages/varlet-ui/src/button/index.ts
index bdd10635e5f..95d829a07c0 100644
--- a/packages/varlet-ui/src/button/index.ts
+++ b/packages/varlet-ui/src/button/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Button from './Button.vue'
 
 Button.install = function (app: App) {
diff --git a/packages/varlet-ui/src/button/props.ts b/packages/varlet-ui/src/button/props.ts
index 68c375bab7d..617be79ae7c 100644
--- a/packages/varlet-ui/src/button/props.ts
+++ b/packages/varlet-ui/src/button/props.ts
@@ -1,6 +1,6 @@
 import { props as loadingProps } from '../loading/props'
 import { pickProps } from '../utils/components'
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function typeValidator(type: string): boolean {
   return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type)
diff --git a/packages/varlet-ui/src/card/index.ts b/packages/varlet-ui/src/card/index.ts
index fd96de54b83..3bf6a8a1caa 100644
--- a/packages/varlet-ui/src/card/index.ts
+++ b/packages/varlet-ui/src/card/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Card from './Card.vue'
 
 Card.install = function (app: App) {
diff --git a/packages/varlet-ui/src/card/props.ts b/packages/varlet-ui/src/card/props.ts
index 9120f94a55b..3000d0597cd 100644
--- a/packages/varlet-ui/src/card/props.ts
+++ b/packages/varlet-ui/src/card/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function fitValidator(fit: string) {
   return ['fill', 'contain', 'cover', 'none', 'scale-down'].includes(fit)
diff --git a/packages/varlet-ui/src/cell/index.ts b/packages/varlet-ui/src/cell/index.ts
index ebabdc4961c..2df60eca692 100644
--- a/packages/varlet-ui/src/cell/index.ts
+++ b/packages/varlet-ui/src/cell/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Cell from './Cell.vue'
 
 Cell.install = function (app: App) {
diff --git a/packages/varlet-ui/src/checkbox-group/index.ts b/packages/varlet-ui/src/checkbox-group/index.ts
index 5e019c0b18c..53ed59d96bf 100644
--- a/packages/varlet-ui/src/checkbox-group/index.ts
+++ b/packages/varlet-ui/src/checkbox-group/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import CheckboxGroup from './CheckboxGroup.vue'
 
 CheckboxGroup.install = function (app: App) {
diff --git a/packages/varlet-ui/src/checkbox-group/props.ts b/packages/varlet-ui/src/checkbox-group/props.ts
index 44690e96993..2501da08d08 100644
--- a/packages/varlet-ui/src/checkbox-group/props.ts
+++ b/packages/varlet-ui/src/checkbox-group/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export type ValidateTriggers = 'onChange'
 
diff --git a/packages/varlet-ui/src/checkbox-group/provide.ts b/packages/varlet-ui/src/checkbox-group/provide.ts
index 1a1a18f9939..219f1d46605 100644
--- a/packages/varlet-ui/src/checkbox-group/provide.ts
+++ b/packages/varlet-ui/src/checkbox-group/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { Validation } from '../form/provide'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
 import { CheckboxProvider } from '../checkbox/provide'
diff --git a/packages/varlet-ui/src/checkbox/index.ts b/packages/varlet-ui/src/checkbox/index.ts
index 04d0825a5e3..0440db70983 100644
--- a/packages/varlet-ui/src/checkbox/index.ts
+++ b/packages/varlet-ui/src/checkbox/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Checkbox from './Checkbox.vue'
 
 Checkbox.install = function (app: App) {
diff --git a/packages/varlet-ui/src/checkbox/props.ts b/packages/varlet-ui/src/checkbox/props.ts
index b2a99927cf1..93acb3b722c 100644
--- a/packages/varlet-ui/src/checkbox/props.ts
+++ b/packages/varlet-ui/src/checkbox/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export type ValidateTriggers = 'onChange'
 
diff --git a/packages/varlet-ui/src/chip/index.ts b/packages/varlet-ui/src/chip/index.ts
index 1dfb1b366e7..94b2c8376dc 100644
--- a/packages/varlet-ui/src/chip/index.ts
+++ b/packages/varlet-ui/src/chip/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Chip from './Chip.vue'
 
 Chip.install = function (app: App) {
diff --git a/packages/varlet-ui/src/chip/props.ts b/packages/varlet-ui/src/chip/props.ts
index 676255888e0..292c658fa2e 100644
--- a/packages/varlet-ui/src/chip/props.ts
+++ b/packages/varlet-ui/src/chip/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 import { pickProps } from '../utils/components'
 import { props as iconProps } from '../icon/props'
 
diff --git a/packages/varlet-ui/src/col/index.ts b/packages/varlet-ui/src/col/index.ts
index 28f86116524..acda300c8c4 100644
--- a/packages/varlet-ui/src/col/index.ts
+++ b/packages/varlet-ui/src/col/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Col from './Col.vue'
 
-Col.install = function(app: App) {
+Col.install = function (app: App) {
   app.component(Col.name, Col)
 }
 
diff --git a/packages/varlet-ui/src/col/props.ts b/packages/varlet-ui/src/col/props.ts
index 7f621c100d3..966de31afa2 100644
--- a/packages/varlet-ui/src/col/props.ts
+++ b/packages/varlet-ui/src/col/props.ts
@@ -1,15 +1,15 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   span: {
     type: [String, Number],
-    default: 24
+    default: 24,
   },
   offset: {
     type: [String, Number],
-    default: 0
+    default: 0,
   },
   onClick: {
-    type: Function as PropType<(e: Event) => void>
-  }
+    type: Function as PropType<(e: Event) => void>,
+  },
 }
diff --git a/packages/varlet-ui/src/col/provide.ts b/packages/varlet-ui/src/col/provide.ts
index d71a4f78c9d..524d20f235c 100644
--- a/packages/varlet-ui/src/col/provide.ts
+++ b/packages/varlet-ui/src/col/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import { ROW_BIND_COL_KEY, ROW_COUNT_COL_KEY, RowProvider } from '../row/provide'
 
@@ -24,6 +24,6 @@ export function useRow() {
   return {
     index,
     row: parentProvider,
-    bindRow: bindParent
+    bindRow: bindParent,
   }
 }
diff --git a/packages/varlet-ui/src/collapse-item/index.ts b/packages/varlet-ui/src/collapse-item/index.ts
index 0aa250dcc6f..7e113314b2a 100644
--- a/packages/varlet-ui/src/collapse-item/index.ts
+++ b/packages/varlet-ui/src/collapse-item/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import CollapseItem from './CollapseItem.vue'
 
 CollapseItem.install = function (app: App) {
diff --git a/packages/varlet-ui/src/collapse-item/provide.ts b/packages/varlet-ui/src/collapse-item/provide.ts
index 787210aaf0d..a20e1183d17 100644
--- a/packages/varlet-ui/src/collapse-item/provide.ts
+++ b/packages/varlet-ui/src/collapse-item/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import {
   COLLAPSE_BIND_COLLAPSE_ITEM_KEY,
diff --git a/packages/varlet-ui/src/collapse/index.ts b/packages/varlet-ui/src/collapse/index.ts
index d1a7259be79..2c42bb1c2e6 100644
--- a/packages/varlet-ui/src/collapse/index.ts
+++ b/packages/varlet-ui/src/collapse/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Collapse from './Collapse.vue'
 
 Collapse.install = function (app: App) {
diff --git a/packages/varlet-ui/src/collapse/props.ts b/packages/varlet-ui/src/collapse/props.ts
index f774ef17e3b..f297301c80f 100644
--- a/packages/varlet-ui/src/collapse/props.ts
+++ b/packages/varlet-ui/src/collapse/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   modelValue: {
diff --git a/packages/varlet-ui/src/collapse/provide.ts b/packages/varlet-ui/src/collapse/provide.ts
index d3465c7df73..90ee517f1e2 100644
--- a/packages/varlet-ui/src/collapse/provide.ts
+++ b/packages/varlet-ui/src/collapse/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
 import { CollapseItemProvider } from '../collapse-item/provide'
 
diff --git a/packages/varlet-ui/src/context/zIndex.ts b/packages/varlet-ui/src/context/zIndex.ts
index bd41d199f3b..4721046036b 100644
--- a/packages/varlet-ui/src/context/zIndex.ts
+++ b/packages/varlet-ui/src/context/zIndex.ts
@@ -1,15 +1,20 @@
 import context from './index'
-import { watch, ref, Ref } from 'vue'
+import { watch, ref } from 'vue'
+import type { Ref } from 'vue'
 
 export function useZIndex(source: any, count: number) {
   const zIndex: Ref<number> = ref(context.zIndex)
 
-  watch(source, (newValue) => {
-    if (newValue) {
-      context.zIndex += count
-      zIndex.value = context.zIndex
-    }
-  }, { immediate: true })
+  watch(
+    source,
+    (newValue) => {
+      if (newValue) {
+        context.zIndex += count
+        zIndex.value = context.zIndex
+      }
+    },
+    { immediate: true }
+  )
 
   return { zIndex }
 }
diff --git a/packages/varlet-ui/src/countdown/index.ts b/packages/varlet-ui/src/countdown/index.ts
index e83d51b7c78..498d2a0336d 100644
--- a/packages/varlet-ui/src/countdown/index.ts
+++ b/packages/varlet-ui/src/countdown/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Countdown from './Countdown.vue'
 
 Countdown.install = function (app: App) {
diff --git a/packages/varlet-ui/src/counter/index.ts b/packages/varlet-ui/src/counter/index.ts
index 7a4f646e1a5..e1cb6b5a2d8 100644
--- a/packages/varlet-ui/src/counter/index.ts
+++ b/packages/varlet-ui/src/counter/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Counter from './Counter.vue'
 
-Counter.install = function(app: App) {
+Counter.install = function (app: App) {
   app.component(Counter.name, Counter)
 }
 
diff --git a/packages/varlet-ui/src/counter/props.ts b/packages/varlet-ui/src/counter/props.ts
index 7d8f8a2313b..277d64364e5 100644
--- a/packages/varlet-ui/src/counter/props.ts
+++ b/packages/varlet-ui/src/counter/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export type ValidateTriggers = 'onIncrement' | 'onDecrement' | 'onInputChange' | 'onLazyChange'
 
diff --git a/packages/varlet-ui/src/date-picker/index.ts b/packages/varlet-ui/src/date-picker/index.ts
index 739c365210a..6841269e950 100644
--- a/packages/varlet-ui/src/date-picker/index.ts
+++ b/packages/varlet-ui/src/date-picker/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import DatePicker from './DatePicker.vue'
 
 DatePicker.install = function (app: App) {
diff --git a/packages/varlet-ui/src/date-picker/props.ts b/packages/varlet-ui/src/date-picker/props.ts
index 10e6635f23e..3a40c3ddac7 100644
--- a/packages/varlet-ui/src/date-picker/props.ts
+++ b/packages/varlet-ui/src/date-picker/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 type AllowedDates = (val: string) => boolean
 
diff --git a/packages/varlet-ui/src/dialog/props.ts b/packages/varlet-ui/src/dialog/props.ts
index 61a64cd48f9..5e6d2255408 100644
--- a/packages/varlet-ui/src/dialog/props.ts
+++ b/packages/varlet-ui/src/dialog/props.ts
@@ -1,6 +1,6 @@
 import { pickProps } from '../utils/components'
 import { props as popupProps } from '../popup/props'
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 import { DialogActions } from './index'
 
 function messageAlignValidator(messageAlign: string): boolean {
diff --git a/packages/varlet-ui/src/divider/index.ts b/packages/varlet-ui/src/divider/index.ts
index ee755c788f6..798f6efca45 100644
--- a/packages/varlet-ui/src/divider/index.ts
+++ b/packages/varlet-ui/src/divider/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Divider from './Divider.vue'
 
 Divider.install = function (app: App) {
diff --git a/packages/varlet-ui/src/form-details/index.ts b/packages/varlet-ui/src/form-details/index.ts
index e89142ffe9e..cbffc594bf9 100644
--- a/packages/varlet-ui/src/form-details/index.ts
+++ b/packages/varlet-ui/src/form-details/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import FormDetails from './FormDetails.vue'
 
 FormDetails.install = function (app: App) {
diff --git a/packages/varlet-ui/src/form/index.ts b/packages/varlet-ui/src/form/index.ts
index 33a4744fd57..592b7f9f8b2 100644
--- a/packages/varlet-ui/src/form/index.ts
+++ b/packages/varlet-ui/src/form/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Form from './Form.vue'
 
 Form.install = function (app: App) {
diff --git a/packages/varlet-ui/src/form/provide.ts b/packages/varlet-ui/src/form/provide.ts
index 985e524aeef..5ada35bd565 100644
--- a/packages/varlet-ui/src/form/provide.ts
+++ b/packages/varlet-ui/src/form/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useChildren, useParent } from '../utils/components'
 
 export interface Validation {
diff --git a/packages/varlet-ui/src/icon/index.ts b/packages/varlet-ui/src/icon/index.ts
index 179076aeb07..800ce57b13a 100644
--- a/packages/varlet-ui/src/icon/index.ts
+++ b/packages/varlet-ui/src/icon/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Icon from './Icon.vue'
 
 Icon.install = function (app: App) {
diff --git a/packages/varlet-ui/src/icon/props.ts b/packages/varlet-ui/src/icon/props.ts
index 7f5d0ec8acd..f073373af4c 100644
--- a/packages/varlet-ui/src/icon/props.ts
+++ b/packages/varlet-ui/src/icon/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   name: {
diff --git a/packages/varlet-ui/src/image-preview/index.ts b/packages/varlet-ui/src/image-preview/index.ts
index 3b9db0ca275..26ab0fb9b43 100644
--- a/packages/varlet-ui/src/image-preview/index.ts
+++ b/packages/varlet-ui/src/image-preview/index.ts
@@ -1,5 +1,6 @@
 import VarImagePreview from './ImagePreview.vue'
-import { App, nextTick, reactive } from 'vue'
+import { nextTick, reactive } from 'vue'
+import type { App } from 'vue'
 import { inBrowser, isArray, isString } from '../utils/shared'
 import { mountInstance } from '../utils/components'
 
diff --git a/packages/varlet-ui/src/image-preview/props.ts b/packages/varlet-ui/src/image-preview/props.ts
index 58ff641f24e..9b07a79579d 100644
--- a/packages/varlet-ui/src/image-preview/props.ts
+++ b/packages/varlet-ui/src/image-preview/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 import { pickProps } from '../utils/components'
 import { props as swipeProps } from '../swipe/props'
 import { props as popupProps } from '../popup/props'
diff --git a/packages/varlet-ui/src/image/index.ts b/packages/varlet-ui/src/image/index.ts
index 9b340d80264..33f401ed2fa 100644
--- a/packages/varlet-ui/src/image/index.ts
+++ b/packages/varlet-ui/src/image/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Image from './Image.vue'
 
-Image.install = function(app: App) {
+Image.install = function (app: App) {
   app.component(Image.name, Image)
 }
 
diff --git a/packages/varlet-ui/src/image/props.ts b/packages/varlet-ui/src/image/props.ts
index 4df3ef30547..17970dfce9a 100644
--- a/packages/varlet-ui/src/image/props.ts
+++ b/packages/varlet-ui/src/image/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function fitValidator(fit: string) {
   return ['fill', 'contain', 'cover', 'none', 'scale-down'].includes(fit)
diff --git a/packages/varlet-ui/src/index-anchor/index.ts b/packages/varlet-ui/src/index-anchor/index.ts
index 657284925b1..96c9c273884 100644
--- a/packages/varlet-ui/src/index-anchor/index.ts
+++ b/packages/varlet-ui/src/index-anchor/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import IndexAnchor from './IndexAnchor.vue'
 
 IndexAnchor.install = function (app: App) {
diff --git a/packages/varlet-ui/src/index-anchor/provide.ts b/packages/varlet-ui/src/index-anchor/provide.ts
index 200aedd533c..95da3ebddad 100644
--- a/packages/varlet-ui/src/index-anchor/provide.ts
+++ b/packages/varlet-ui/src/index-anchor/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import {
   INDEX_BAR_BIND_INDEX_ANCHOR_KEY,
diff --git a/packages/varlet-ui/src/index-bar/index.ts b/packages/varlet-ui/src/index-bar/index.ts
index 3b3f93e11be..694527ca025 100644
--- a/packages/varlet-ui/src/index-bar/index.ts
+++ b/packages/varlet-ui/src/index-bar/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import IndexBar from './IndexBar.vue'
 
 IndexBar.install = function (app: App) {
diff --git a/packages/varlet-ui/src/index-bar/provide.ts b/packages/varlet-ui/src/index-bar/provide.ts
index 28bfdee3b59..9b6d1324088 100644
--- a/packages/varlet-ui/src/index-bar/provide.ts
+++ b/packages/varlet-ui/src/index-bar/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
 import { IndexAnchorProvider } from '../index-anchor/provide'
 
diff --git a/packages/varlet-ui/src/input/index.ts b/packages/varlet-ui/src/input/index.ts
index c0c90df2a44..ffa4371fed7 100644
--- a/packages/varlet-ui/src/input/index.ts
+++ b/packages/varlet-ui/src/input/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Input from './Input.vue'
 
-Input.install = function(app: App) {
+Input.install = function (app: App) {
   app.component(Input.name, Input)
 }
 
diff --git a/packages/varlet-ui/src/input/props.ts b/packages/varlet-ui/src/input/props.ts
index 503973b24eb..eda7c42ed89 100644
--- a/packages/varlet-ui/src/input/props.ts
+++ b/packages/varlet-ui/src/input/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export function typeValidator(type: string) {
   return ['text', 'password'].includes(type)
diff --git a/packages/varlet-ui/src/lazy/index.ts b/packages/varlet-ui/src/lazy/index.ts
index b0518c250e6..8e29f58e3ee 100644
--- a/packages/varlet-ui/src/lazy/index.ts
+++ b/packages/varlet-ui/src/lazy/index.ts
@@ -1,4 +1,4 @@
-import { App, Directive, Plugin } from 'vue'
+import type { App, Directive, Plugin } from 'vue'
 import { DirectiveBinding } from '@vue/runtime-core'
 import { getParentScroller, inViewport } from '../utils/elements'
 import {
diff --git a/packages/varlet-ui/src/list/index.ts b/packages/varlet-ui/src/list/index.ts
index 236959a6d54..65c603c45a6 100644
--- a/packages/varlet-ui/src/list/index.ts
+++ b/packages/varlet-ui/src/list/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import List from './List.vue'
 
-List.install = function(app: App) {
+List.install = function (app: App) {
   app.component(List.name, List)
 }
 
diff --git a/packages/varlet-ui/src/list/props.ts b/packages/varlet-ui/src/list/props.ts
index 44d2679c0cf..fae11180b8e 100644
--- a/packages/varlet-ui/src/list/props.ts
+++ b/packages/varlet-ui/src/list/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   loading: {
diff --git a/packages/varlet-ui/src/loading/index.ts b/packages/varlet-ui/src/loading/index.ts
index 200554506f7..fdb2e0c064f 100644
--- a/packages/varlet-ui/src/loading/index.ts
+++ b/packages/varlet-ui/src/loading/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Loading from './Loading.vue'
 
 Loading.install = function (app: App) {
diff --git a/packages/varlet-ui/src/loading/props.ts b/packages/varlet-ui/src/loading/props.ts
index ad3c84171e3..71a07a46adc 100644
--- a/packages/varlet-ui/src/loading/props.ts
+++ b/packages/varlet-ui/src/loading/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 type LoadingType = 'circle' | 'wave' | 'cube' | 'rect' | 'disappear'
 
diff --git a/packages/varlet-ui/src/locale/index.ts b/packages/varlet-ui/src/locale/index.ts
index cbf47cb9b42..5c30df61b34 100644
--- a/packages/varlet-ui/src/locale/index.ts
+++ b/packages/varlet-ui/src/locale/index.ts
@@ -1,4 +1,5 @@
-import { ref, Ref } from 'vue'
+import { ref } from 'vue'
+import type { Ref } from 'vue'
 import zhCN from './zh-CN'
 
 export function useLocale() {
diff --git a/packages/varlet-ui/src/menu/index.ts b/packages/varlet-ui/src/menu/index.ts
index f2f6b353b87..1a80d328764 100644
--- a/packages/varlet-ui/src/menu/index.ts
+++ b/packages/varlet-ui/src/menu/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Menu from './Menu.vue'
 
 Menu.install = function (app: App) {
diff --git a/packages/varlet-ui/src/menu/props.ts b/packages/varlet-ui/src/menu/props.ts
index 993340b0aeb..e8396cb8a7c 100644
--- a/packages/varlet-ui/src/menu/props.ts
+++ b/packages/varlet-ui/src/menu/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function alignmentValidator(alignment: string) {
   return ['top', 'bottom'].includes(alignment)
diff --git a/packages/varlet-ui/src/option/index.ts b/packages/varlet-ui/src/option/index.ts
index 87eb0ce997e..fa7b9c7457f 100644
--- a/packages/varlet-ui/src/option/index.ts
+++ b/packages/varlet-ui/src/option/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Option from './Option.vue'
 
 Option.install = function (app: App) {
diff --git a/packages/varlet-ui/src/option/provide.ts b/packages/varlet-ui/src/option/provide.ts
index dfd3dbfadc6..116fe1c00c0 100644
--- a/packages/varlet-ui/src/option/provide.ts
+++ b/packages/varlet-ui/src/option/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import { SELECT_BIND_OPTION_KEY, SELECT_COUNT_OPTION_KEY, SelectProvider } from '../select/provide'
 
diff --git a/packages/varlet-ui/src/picker/index.ts b/packages/varlet-ui/src/picker/index.ts
index c3e7a605d2f..fce2ccc2517 100644
--- a/packages/varlet-ui/src/picker/index.ts
+++ b/packages/varlet-ui/src/picker/index.ts
@@ -1,5 +1,6 @@
 import VarPicker from './Picker.vue'
-import { App, Component, nextTick, reactive } from 'vue'
+import { nextTick, reactive } from 'vue'
+import type { App, Component } from 'vue'
 import { NormalColumn, CascadeColumn } from './props'
 import { isArray } from '../utils/shared'
 import { mountInstance } from '../utils/components'
diff --git a/packages/varlet-ui/src/picker/props.ts b/packages/varlet-ui/src/picker/props.ts
index 1301379b71c..53d15e1f30f 100644
--- a/packages/varlet-ui/src/picker/props.ts
+++ b/packages/varlet-ui/src/picker/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 import { pickProps } from '../utils/components'
 import { props as popupProps } from '../popup/props'
 import { Texts } from '.'
diff --git a/packages/varlet-ui/src/popup/index.ts b/packages/varlet-ui/src/popup/index.ts
index 91749350135..1125830b04a 100644
--- a/packages/varlet-ui/src/popup/index.ts
+++ b/packages/varlet-ui/src/popup/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Popup from './Popup.vue'
 
 Popup.install = function (app: App) {
diff --git a/packages/varlet-ui/src/popup/props.ts b/packages/varlet-ui/src/popup/props.ts
index c9f7ad8e770..b81b52c1efc 100644
--- a/packages/varlet-ui/src/popup/props.ts
+++ b/packages/varlet-ui/src/popup/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function positionValidator(position: string): boolean {
   return ['top', 'bottom', 'right', 'left', 'center'].includes(position)
diff --git a/packages/varlet-ui/src/progress/index.ts b/packages/varlet-ui/src/progress/index.ts
index 98bab27e156..e69f75b7d26 100644
--- a/packages/varlet-ui/src/progress/index.ts
+++ b/packages/varlet-ui/src/progress/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Progress from './Progress.vue'
 
 Progress.install = function (app: App) {
diff --git a/packages/varlet-ui/src/pull-refresh/index.ts b/packages/varlet-ui/src/pull-refresh/index.ts
index c0db119090c..114ebeb49f7 100644
--- a/packages/varlet-ui/src/pull-refresh/index.ts
+++ b/packages/varlet-ui/src/pull-refresh/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import PullRefresh from './PullRefresh.vue'
 
 PullRefresh.install = function (app: App) {
diff --git a/packages/varlet-ui/src/radio-group/index.ts b/packages/varlet-ui/src/radio-group/index.ts
index 1d931211e06..4b1f966775d 100644
--- a/packages/varlet-ui/src/radio-group/index.ts
+++ b/packages/varlet-ui/src/radio-group/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import RadioGroup from './RadioGroup.vue'
 
 RadioGroup.install = function (app: App) {
diff --git a/packages/varlet-ui/src/radio-group/props.ts b/packages/varlet-ui/src/radio-group/props.ts
index 9629ccefa1b..25f3ca23e5d 100644
--- a/packages/varlet-ui/src/radio-group/props.ts
+++ b/packages/varlet-ui/src/radio-group/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export type ValidateTriggers = 'onChange'
 
diff --git a/packages/varlet-ui/src/radio-group/provide.ts b/packages/varlet-ui/src/radio-group/provide.ts
index e72b1899a49..7182496ca7d 100644
--- a/packages/varlet-ui/src/radio-group/provide.ts
+++ b/packages/varlet-ui/src/radio-group/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { Validation } from '../form/provide'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
 import { RadioProvider } from '../radio/provide'
diff --git a/packages/varlet-ui/src/radio/index.ts b/packages/varlet-ui/src/radio/index.ts
index 227b436e308..f8cc01b53ad 100644
--- a/packages/varlet-ui/src/radio/index.ts
+++ b/packages/varlet-ui/src/radio/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Radio from './Radio.vue'
 
 Radio.install = function (app: App) {
diff --git a/packages/varlet-ui/src/radio/props.ts b/packages/varlet-ui/src/radio/props.ts
index 4f6da481250..28ad2a07aae 100644
--- a/packages/varlet-ui/src/radio/props.ts
+++ b/packages/varlet-ui/src/radio/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export type ValidateTriggers = 'onChange'
 
diff --git a/packages/varlet-ui/src/rate/index.ts b/packages/varlet-ui/src/rate/index.ts
index c3d9e1f2bf0..6956735db97 100644
--- a/packages/varlet-ui/src/rate/index.ts
+++ b/packages/varlet-ui/src/rate/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Rate from './Rate.vue'
 
-Rate.install = function(app: App) {
+Rate.install = function (app: App) {
   app.component(Rate.name, Rate)
 }
 
diff --git a/packages/varlet-ui/src/rate/props.ts b/packages/varlet-ui/src/rate/props.ts
index 0a44d46e8d1..0a50f2e6734 100644
--- a/packages/varlet-ui/src/rate/props.ts
+++ b/packages/varlet-ui/src/rate/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   modelValue: {
diff --git a/packages/varlet-ui/src/ripple/index.ts b/packages/varlet-ui/src/ripple/index.ts
index d7ce3ba8366..3f933d47971 100644
--- a/packages/varlet-ui/src/ripple/index.ts
+++ b/packages/varlet-ui/src/ripple/index.ts
@@ -1,8 +1,8 @@
 import context from '../context'
 import './ripple.less'
 import '../styles/common.less'
-import { Directive, Plugin, App } from 'vue'
-import { DirectiveBinding } from '@vue/runtime-core'
+import type { Directive, Plugin, App } from 'vue'
+import type { DirectiveBinding } from '@vue/runtime-core'
 
 interface RippleStyles {
   x: number
diff --git a/packages/varlet-ui/src/row/index.ts b/packages/varlet-ui/src/row/index.ts
index 2f58cd422cd..b855ca164e4 100644
--- a/packages/varlet-ui/src/row/index.ts
+++ b/packages/varlet-ui/src/row/index.ts
@@ -1,7 +1,7 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Row from './Row.vue'
 
-Row.install = function(app: App) {
+Row.install = function (app: App) {
   app.component(Row.name, Row)
 }
 
diff --git a/packages/varlet-ui/src/row/props.ts b/packages/varlet-ui/src/row/props.ts
index c9994efbb07..bdac42e15ee 100644
--- a/packages/varlet-ui/src/row/props.ts
+++ b/packages/varlet-ui/src/row/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function justifyValidator(justify: string) {
   return ['flex-start', 'flex-end', 'center', 'space-between', 'space-around'].includes(justify)
diff --git a/packages/varlet-ui/src/row/provide.ts b/packages/varlet-ui/src/row/provide.ts
index 92e9aec5659..b19d413afec 100644
--- a/packages/varlet-ui/src/row/provide.ts
+++ b/packages/varlet-ui/src/row/provide.ts
@@ -1,5 +1,5 @@
 import { useAtChildrenCounter, useChildren } from '../utils/components'
-import { ColProvider } from '../col/provide'
+import type { ColProvider } from '../col/provide'
 
 export interface RowProvider {
   computePadding: () => void
@@ -15,6 +15,6 @@ export function useCols() {
   return {
     length,
     cols: childProviders,
-    bindCols: bindChildren
+    bindCols: bindChildren,
   }
 }
diff --git a/packages/varlet-ui/src/select/index.ts b/packages/varlet-ui/src/select/index.ts
index 76b9c7fed65..e79203e5d0b 100644
--- a/packages/varlet-ui/src/select/index.ts
+++ b/packages/varlet-ui/src/select/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Select from './Select.vue'
 
 Select.install = function (app: App) {
diff --git a/packages/varlet-ui/src/select/props.ts b/packages/varlet-ui/src/select/props.ts
index d556573924e..a3aa5d76e8a 100644
--- a/packages/varlet-ui/src/select/props.ts
+++ b/packages/varlet-ui/src/select/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export function textAlignValidator(textAlign: string) {
   return ['left', 'right', 'center'].includes(textAlign)
diff --git a/packages/varlet-ui/src/select/provide.ts b/packages/varlet-ui/src/select/provide.ts
index 8316b86fd5f..96098f507de 100644
--- a/packages/varlet-ui/src/select/provide.ts
+++ b/packages/varlet-ui/src/select/provide.ts
@@ -1,6 +1,6 @@
-import { ComputedRef } from 'vue'
-import { OptionProvider } from '../option/provide'
-import { Validation } from '../form/provide'
+import type { ComputedRef } from 'vue'
+import type { OptionProvider } from '../option/provide'
+import type { Validation } from '../form/provide'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
 
 export const SELECT_BIND_OPTION_KEY = Symbol('SELECT_BIND_OPTION_KEY')
diff --git a/packages/varlet-ui/src/skeleton/index.ts b/packages/varlet-ui/src/skeleton/index.ts
index 455df3a4fca..7cfca4866ec 100644
--- a/packages/varlet-ui/src/skeleton/index.ts
+++ b/packages/varlet-ui/src/skeleton/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Skeleton from './Skeleton.vue'
 
 Skeleton.install = function (app: App) {
diff --git a/packages/varlet-ui/src/skeleton/props.ts b/packages/varlet-ui/src/skeleton/props.ts
index fa29e64f66e..53f6a43167c 100644
--- a/packages/varlet-ui/src/skeleton/props.ts
+++ b/packages/varlet-ui/src/skeleton/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   loading: {
diff --git a/packages/varlet-ui/src/slider/index.ts b/packages/varlet-ui/src/slider/index.ts
index 17a602983c3..9cd20694e6f 100644
--- a/packages/varlet-ui/src/slider/index.ts
+++ b/packages/varlet-ui/src/slider/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Slider from './Slider.vue'
 
 Slider.install = function (app: App) {
diff --git a/packages/varlet-ui/src/slider/props.ts b/packages/varlet-ui/src/slider/props.ts
index 8f6145b982f..2942600c616 100644
--- a/packages/varlet-ui/src/slider/props.ts
+++ b/packages/varlet-ui/src/slider/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function labelValidator(label: string) {
   return ['always', 'normal', 'never'].includes(label)
diff --git a/packages/varlet-ui/src/snackbar/index.ts b/packages/varlet-ui/src/snackbar/index.ts
index 6f3c33fab54..0ed1d7e9a0b 100644
--- a/packages/varlet-ui/src/snackbar/index.ts
+++ b/packages/varlet-ui/src/snackbar/index.ts
@@ -1,4 +1,5 @@
-import { h, reactive, TransitionGroup, App, Component } from 'vue'
+import { h, reactive, TransitionGroup } from 'vue'
+import type { App, Component } from 'vue'
 import VarSnackbarCore from './core.vue'
 import VarSnackbar from './Snackbar.vue'
 import { mountInstance } from '../utils/components'
@@ -144,7 +145,7 @@ const Snackbar: Snackbar = <Snackbar>function (options: any): SnackbarHandel {
   const snackOptions: SnackbarOptions = isPlainObject(options) ? options : { content: String(options) }
   const reactiveSnackOptions: SnackbarOptions = reactive<SnackbarOptions>({
     ...defaultOption,
-    ...snackOptions
+    ...snackOptions,
   })
   reactiveSnackOptions.show = true
 
@@ -263,7 +264,7 @@ function getTop(position = 'top'): string {
   return '5%'
 }
 
-VarSnackbar.install = function(app: App) {
+VarSnackbar.install = function (app: App) {
   app.component(VarSnackbar.name, VarSnackbar)
 }
 
diff --git a/packages/varlet-ui/src/snackbar/props.ts b/packages/varlet-ui/src/snackbar/props.ts
index f368352987a..b7ca53a7cc1 100644
--- a/packages/varlet-ui/src/snackbar/props.ts
+++ b/packages/varlet-ui/src/snackbar/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 import { pickProps } from '../utils/components'
 import { props as loadingProps } from '../loading/props'
 import { SNACKBAR_TYPE, SnackbarType } from './index'
diff --git a/packages/varlet-ui/src/step/index.ts b/packages/varlet-ui/src/step/index.ts
index d1773e2fc3e..4793bcdfc3e 100644
--- a/packages/varlet-ui/src/step/index.ts
+++ b/packages/varlet-ui/src/step/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Step from './Step.vue'
 
 Step.install = function (app: App) {
diff --git a/packages/varlet-ui/src/step/provide.ts b/packages/varlet-ui/src/step/provide.ts
index 533279ace75..05d005feba0 100644
--- a/packages/varlet-ui/src/step/provide.ts
+++ b/packages/varlet-ui/src/step/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import { StepsProvider, STEPS_BIND_STEP_KEY, STEPS_COUNT_STEP_KEY } from '../steps/provide'
 
diff --git a/packages/varlet-ui/src/steps/index.ts b/packages/varlet-ui/src/steps/index.ts
index 7bc196db43f..f64239b91eb 100644
--- a/packages/varlet-ui/src/steps/index.ts
+++ b/packages/varlet-ui/src/steps/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Steps from './Steps.vue'
 
 Steps.install = function (app: App) {
diff --git a/packages/varlet-ui/src/steps/props.ts b/packages/varlet-ui/src/steps/props.ts
index 11005f72740..ac3d5ee1b26 100644
--- a/packages/varlet-ui/src/steps/props.ts
+++ b/packages/varlet-ui/src/steps/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 type Direction = 'horizontal' | 'vertical'
 
diff --git a/packages/varlet-ui/src/steps/provide.ts b/packages/varlet-ui/src/steps/provide.ts
index a3d2fb1ac7c..733443df9e7 100644
--- a/packages/varlet-ui/src/steps/provide.ts
+++ b/packages/varlet-ui/src/steps/provide.ts
@@ -1,6 +1,6 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
-import { StepProvider } from '../step/provide'
+import type { StepProvider } from '../step/provide'
 
 export interface StepsProvider {
   active: ComputedRef<number | string>
diff --git a/packages/varlet-ui/src/sticky/index.ts b/packages/varlet-ui/src/sticky/index.ts
index 91aa42151ea..2687e6ea15f 100644
--- a/packages/varlet-ui/src/sticky/index.ts
+++ b/packages/varlet-ui/src/sticky/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Sticky from './Sticky.vue'
 
 Sticky.install = function (app: App) {
diff --git a/packages/varlet-ui/src/sticky/props.ts b/packages/varlet-ui/src/sticky/props.ts
index 04e2e6ab1ad..89f82d0be2f 100644
--- a/packages/varlet-ui/src/sticky/props.ts
+++ b/packages/varlet-ui/src/sticky/props.ts
@@ -1,5 +1,5 @@
 import { isPx, isRem } from '../utils/elements'
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function offsetTopValidator(offsetTop: string | number): boolean {
   return isPx(offsetTop) || isRem(offsetTop)
@@ -16,6 +16,6 @@ export const props = {
     default: 10,
   },
   onScroll: {
-    type: Function as PropType<(offsetTop: number, isFixed: boolean) => void>
+    type: Function as PropType<(offsetTop: number, isFixed: boolean) => void>,
   },
 }
diff --git a/packages/varlet-ui/src/style-provider/index.ts b/packages/varlet-ui/src/style-provider/index.ts
index c5cac020704..92c70e882a8 100644
--- a/packages/varlet-ui/src/style-provider/index.ts
+++ b/packages/varlet-ui/src/style-provider/index.ts
@@ -1,5 +1,5 @@
 import VarStyleProvider from './StyleProvider.vue'
-import { App } from 'vue'
+import type { App } from 'vue'
 import { formatStyleVars } from '../utils/elements'
 
 export type StyleVars = Record<string, string>
diff --git a/packages/varlet-ui/src/swipe-item/index.ts b/packages/varlet-ui/src/swipe-item/index.ts
index 188d390ac67..cba87d92b6b 100644
--- a/packages/varlet-ui/src/swipe-item/index.ts
+++ b/packages/varlet-ui/src/swipe-item/index.ts
@@ -1,8 +1,8 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import SwipeItem from './SwipeItem.vue'
 
 SwipeItem.install = function (app: App) {
-	app.component(SwipeItem.name, SwipeItem)
+  app.component(SwipeItem.name, SwipeItem)
 }
 
 export default SwipeItem
diff --git a/packages/varlet-ui/src/swipe-item/provide.ts b/packages/varlet-ui/src/swipe-item/provide.ts
index ec668d4aa5d..7ccb87616f0 100644
--- a/packages/varlet-ui/src/swipe-item/provide.ts
+++ b/packages/varlet-ui/src/swipe-item/provide.ts
@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import { SWIPE_BIND_SWIPE_ITEM_KEY, SWIPE_COUNT_SWIPE_ITEM_KEY, SwipeProvider } from '../swipe/provide'
 
diff --git a/packages/varlet-ui/src/swipe/index.ts b/packages/varlet-ui/src/swipe/index.ts
index 3e796c20b66..227540274d9 100644
--- a/packages/varlet-ui/src/swipe/index.ts
+++ b/packages/varlet-ui/src/swipe/index.ts
@@ -1,8 +1,8 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Swipe from './Swipe.vue'
 
 Swipe.install = function (app: App) {
-	app.component(Swipe.name, Swipe)
+  app.component(Swipe.name, Swipe)
 }
 
 export default Swipe
diff --git a/packages/varlet-ui/src/swipe/props.ts b/packages/varlet-ui/src/swipe/props.ts
index 4ba41d22d5e..a076ba574b3 100644
--- a/packages/varlet-ui/src/swipe/props.ts
+++ b/packages/varlet-ui/src/swipe/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   loop: {
diff --git a/packages/varlet-ui/src/swipe/provide.ts b/packages/varlet-ui/src/swipe/provide.ts
index fe66da53224..91295f4d9c5 100644
--- a/packages/varlet-ui/src/swipe/provide.ts
+++ b/packages/varlet-ui/src/swipe/provide.ts
@@ -1,6 +1,6 @@
-import { ComputedRef, Ref } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
-import { SwipeItemProvider } from '../swipe-item/provide'
+import type { SwipeItemProvider } from '../swipe-item/provide'
 
 export interface SwipeProvider {
   size: Ref<number>
diff --git a/packages/varlet-ui/src/switch/index.ts b/packages/varlet-ui/src/switch/index.ts
index b542f19ea70..4d970fe2dc2 100644
--- a/packages/varlet-ui/src/switch/index.ts
+++ b/packages/varlet-ui/src/switch/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Switch from './Switch.vue'
 
 Switch.install = function (app: App) {
diff --git a/packages/varlet-ui/src/switch/props.ts b/packages/varlet-ui/src/switch/props.ts
index f9c1bc11e1d..df86f25c342 100644
--- a/packages/varlet-ui/src/switch/props.ts
+++ b/packages/varlet-ui/src/switch/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   modelValue: {
diff --git a/packages/varlet-ui/src/tab-item/index.ts b/packages/varlet-ui/src/tab-item/index.ts
index 86304dcb3a1..3fa0e939072 100644
--- a/packages/varlet-ui/src/tab-item/index.ts
+++ b/packages/varlet-ui/src/tab-item/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import TabItem from './TabItem.vue'
 
 TabItem.install = function (app: App) {
diff --git a/packages/varlet-ui/src/tab-item/provide.ts b/packages/varlet-ui/src/tab-item/provide.ts
index d7b95da69dd..7ec0eb7490d 100644
--- a/packages/varlet-ui/src/tab-item/provide.ts
+++ b/packages/varlet-ui/src/tab-item/provide.ts
@@ -1,12 +1,12 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import { TABS_ITEMS_BIND_TAB_ITEM_KEY, TABS_ITEMS_COUNT_TAB_ITEM_KEY, TabsItemsProvider } from '../tabs-items/provide'
 
 export interface TabItemProvider {
-	index: ComputedRef<number>
-	name: ComputedRef<string | number | undefined>
-	element: ComputedRef<HTMLElement | null>
-	transition(newIndex: number, oldIndex: number): void
+  index: ComputedRef<number>
+  name: ComputedRef<string | number | undefined>
+  element: ComputedRef<HTMLElement | null>
+  transition(newIndex: number, oldIndex: number): void
 }
 
 export function useTabsItems() {
@@ -20,6 +20,6 @@ export function useTabsItems() {
   return {
     index,
     tabsItems: parentProvider,
-    bindTabsItems: bindParent
+    bindTabsItems: bindParent,
   }
 }
diff --git a/packages/varlet-ui/src/tab/index.ts b/packages/varlet-ui/src/tab/index.ts
index ef69eeb21b6..56256b283bc 100644
--- a/packages/varlet-ui/src/tab/index.ts
+++ b/packages/varlet-ui/src/tab/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Tab from './Tab.vue'
 
 Tab.install = function (app: App) {
diff --git a/packages/varlet-ui/src/tab/props.ts b/packages/varlet-ui/src/tab/props.ts
index d10cc5a369a..e6f63fd29f3 100644
--- a/packages/varlet-ui/src/tab/props.ts
+++ b/packages/varlet-ui/src/tab/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   name: {
diff --git a/packages/varlet-ui/src/tab/provide.ts b/packages/varlet-ui/src/tab/provide.ts
index 117997ed7c1..29a83d3618e 100644
--- a/packages/varlet-ui/src/tab/provide.ts
+++ b/packages/varlet-ui/src/tab/provide.ts
@@ -1,12 +1,12 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtParentIndex, useParent } from '../utils/components'
 import { TABS_BIND_TAB_KEY, TABS_COUNT_TAB_KEY, TabsProvider } from '../tabs/provide'
 
 export interface TabProvider {
-	name: ComputedRef<number | string | undefined>
-	index: ComputedRef<number>
+  name: ComputedRef<number | string | undefined>
+  index: ComputedRef<number>
   disabled: ComputedRef<boolean>
-	element: ComputedRef<HTMLElement | null>
+  element: ComputedRef<HTMLElement | null>
 }
 
 export function useTabs() {
@@ -20,6 +20,6 @@ export function useTabs() {
   return {
     index,
     tabs: parentProvider,
-    bindTabs: bindParent
+    bindTabs: bindParent,
   }
 }
diff --git a/packages/varlet-ui/src/tabs-items/index.ts b/packages/varlet-ui/src/tabs-items/index.ts
index afff7ef6064..9393c8dbc39 100644
--- a/packages/varlet-ui/src/tabs-items/index.ts
+++ b/packages/varlet-ui/src/tabs-items/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import TabsItems from './TabsItems.vue'
 
 TabsItems.install = function (app: App) {
diff --git a/packages/varlet-ui/src/tabs-items/props.ts b/packages/varlet-ui/src/tabs-items/props.ts
index 10574d9bdf0..6d03f09b72a 100644
--- a/packages/varlet-ui/src/tabs-items/props.ts
+++ b/packages/varlet-ui/src/tabs-items/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export const props = {
   active: {
diff --git a/packages/varlet-ui/src/tabs-items/provide.ts b/packages/varlet-ui/src/tabs-items/provide.ts
index a679f9bea20..041c01b2cb0 100644
--- a/packages/varlet-ui/src/tabs-items/provide.ts
+++ b/packages/varlet-ui/src/tabs-items/provide.ts
@@ -1,23 +1,23 @@
-import { ComputedRef } from 'vue'
+import type { ComputedRef } from 'vue'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
-import { TabItemProvider } from '../tab-item/provide'
+import type { TabItemProvider } from '../tab-item/provide'
 
 export interface TabsItemsProvider {
-	active: ComputedRef<number | string>
-	resize(): void
-	resetTransitionHeight(): void
+  active: ComputedRef<number | string>
+  resize(): void
+  resetTransitionHeight(): void
 }
 
 export const TABS_ITEMS_BIND_TAB_ITEM_KEY = Symbol('TABS_ITEMS_BIND_TAB_ITEM_KEY')
 export const TABS_ITEMS_COUNT_TAB_ITEM_KEY = Symbol('TABS_ITEMS_COUNT_TAB_ITEM_KEY')
 
 export function useTabItem() {
-	const { bindChildren, childProviders } = useChildren<TabsItemsProvider, TabItemProvider>(TABS_ITEMS_BIND_TAB_ITEM_KEY)
-	const { length } = useAtChildrenCounter(TABS_ITEMS_COUNT_TAB_ITEM_KEY)
+  const { bindChildren, childProviders } = useChildren<TabsItemsProvider, TabItemProvider>(TABS_ITEMS_BIND_TAB_ITEM_KEY)
+  const { length } = useAtChildrenCounter(TABS_ITEMS_COUNT_TAB_ITEM_KEY)
 
-	return {
-		length,
-		tabItemList: childProviders,
-		bindTabItem: bindChildren
-	}
+  return {
+    length,
+    tabItemList: childProviders,
+    bindTabItem: bindChildren,
+  }
 }
diff --git a/packages/varlet-ui/src/tabs/index.ts b/packages/varlet-ui/src/tabs/index.ts
index d0d817bcf77..40422bc3e9e 100644
--- a/packages/varlet-ui/src/tabs/index.ts
+++ b/packages/varlet-ui/src/tabs/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Tabs from './Tabs.vue'
 
 Tabs.install = function (app: App) {
diff --git a/packages/varlet-ui/src/tabs/props.ts b/packages/varlet-ui/src/tabs/props.ts
index 2a24e75b10d..79aef4bcf84 100644
--- a/packages/varlet-ui/src/tabs/props.ts
+++ b/packages/varlet-ui/src/tabs/props.ts
@@ -1,6 +1,6 @@
 import { pickProps } from '../utils/components'
 import { props as stickyProps } from '../sticky/props'
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 function directionValidator(direction: string) {
   return ['horizontal', 'vertical'].includes(direction)
diff --git a/packages/varlet-ui/src/tabs/provide.ts b/packages/varlet-ui/src/tabs/provide.ts
index ceab5177ec5..d696290f249 100644
--- a/packages/varlet-ui/src/tabs/provide.ts
+++ b/packages/varlet-ui/src/tabs/provide.ts
@@ -1,5 +1,5 @@
-import { ComputedRef } from 'vue'
-import { TabProvider } from '../tab/provide'
+import type { ComputedRef } from 'vue'
+import type { TabProvider } from '../tab/provide'
 import { useAtChildrenCounter, useChildren } from '../utils/components'
 
 export interface TabsProvider {
diff --git a/packages/varlet-ui/src/time-picker/index.ts b/packages/varlet-ui/src/time-picker/index.ts
index baf6ea7292a..f5ffa07b89c 100644
--- a/packages/varlet-ui/src/time-picker/index.ts
+++ b/packages/varlet-ui/src/time-picker/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import TimePicker from './TimePicker.vue'
 
 TimePicker.install = function (app: App) {
diff --git a/packages/varlet-ui/src/time-picker/props.ts b/packages/varlet-ui/src/time-picker/props.ts
index 1e3900b028e..87ce63e22d6 100644
--- a/packages/varlet-ui/src/time-picker/props.ts
+++ b/packages/varlet-ui/src/time-picker/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export type Format = 'ampm' | '24hr'
 export type AmPm = 'am' | 'pm'
diff --git a/packages/varlet-ui/src/time-picker/utils.ts b/packages/varlet-ui/src/time-picker/utils.ts
index 9d60b89aef3..dcaa2cb47b8 100644
--- a/packages/varlet-ui/src/time-picker/utils.ts
+++ b/packages/varlet-ui/src/time-picker/utils.ts
@@ -1,4 +1,5 @@
-import { hours24, hoursAmpm, AmPm } from './props'
+import { hours24, hoursAmpm } from './props'
+import type { AmPm } from './props'
 import { toNumber } from '../utils/shared'
 
 type DisableProps = {
diff --git a/packages/varlet-ui/src/uploader/index.ts b/packages/varlet-ui/src/uploader/index.ts
index 3c22b18b2c8..03698c821b9 100644
--- a/packages/varlet-ui/src/uploader/index.ts
+++ b/packages/varlet-ui/src/uploader/index.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import Uploader from './Uploader.vue'
 
 Uploader.install = function (app: App) {
diff --git a/packages/varlet-ui/src/uploader/props.ts b/packages/varlet-ui/src/uploader/props.ts
index 74399c5a5c6..40975173186 100644
--- a/packages/varlet-ui/src/uploader/props.ts
+++ b/packages/varlet-ui/src/uploader/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from 'vue'
+import type { PropType } from 'vue'
 
 export interface VarFile {
   file?: File
diff --git a/packages/varlet-ui/src/utils/components.ts b/packages/varlet-ui/src/utils/components.ts
index 968f362708f..f412f292b2a 100644
--- a/packages/varlet-ui/src/utils/components.ts
+++ b/packages/varlet-ui/src/utils/components.ts
@@ -1,25 +1,21 @@
 import {
   createApp,
-  Component,
   h,
   getCurrentInstance,
   inject,
   onUnmounted,
   computed,
-  ComputedRef,
   provide,
   reactive,
-  VNode,
   isVNode,
-  ComponentInternalInstance,
   onMounted,
   onBeforeUnmount,
   nextTick,
-  Ref,
   ref,
   onActivated,
   onDeactivated,
 } from 'vue'
+import type { Component, VNode, ComputedRef, ComponentInternalInstance, Ref } from 'vue'
 import { isArray, removeItem } from './shared'
 
 export interface MountInstance {
diff --git a/packages/varlet-ui/src/utils/elements.ts b/packages/varlet-ui/src/utils/elements.ts
index 6df8a955931..340631458ee 100644
--- a/packages/varlet-ui/src/utils/elements.ts
+++ b/packages/varlet-ui/src/utils/elements.ts
@@ -1,5 +1,5 @@
 import { isNumber, isString, kebabCase, toNumber } from './shared'
-import { StyleVars } from '../style-provider'
+import type { StyleVars } from '../style-provider'
 
 export function getTop(element: HTMLElement): number {
   const { top } = element.getBoundingClientRect()
diff --git a/packages/varlet-ui/src/utils/jest.ts b/packages/varlet-ui/src/utils/jest.ts
index 7ff28db92db..33f14d52d57 100644
--- a/packages/varlet-ui/src/utils/jest.ts
+++ b/packages/varlet-ui/src/utils/jest.ts
@@ -1,5 +1,7 @@
-import { ComponentPublicInstance, nextTick } from 'vue'
-import { VueWrapper, DOMWrapper, config } from '@vue/test-utils'
+import { nextTick } from 'vue'
+import type { ComponentPublicInstance } from 'vue'
+import { config } from '@vue/test-utils'
+import type { VueWrapper, DOMWrapper } from '@vue/test-utils'
 import { isPlainObject } from './shared'
 
 export const delay = (time: number) => new Promise((resolve) => setTimeout(resolve, time))
@@ -220,12 +222,12 @@ export function mockConsole(method: keyof Console) {
 }
 
 export function mockScrollTo(Element: any) {
-  Element.prototype.scrollTo = function(x: ScrollToOptions | number, y?: number) {
+  Element.prototype.scrollTo = function (x: ScrollToOptions | number, y?: number) {
     if (isPlainObject(x)) {
-      this.scrollLeft = x.left;
+      this.scrollLeft = x.left
       this.scrollTop = x.top
     } else {
-      this.scrollLeft = x;
+      this.scrollLeft = x
       this.scrollTop = y
     }
   }
diff --git a/packages/varlet-ui/types/actionSheet.d.ts b/packages/varlet-ui/types/actionSheet.d.ts
index a53aeb80259..13e868e276b 100644
--- a/packages/varlet-ui/types/actionSheet.d.ts
+++ b/packages/varlet-ui/types/actionSheet.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { VarComponent } from './varComponent'
 
 export interface ActionSheetProps {
diff --git a/packages/varlet-ui/types/dialog.d.ts b/packages/varlet-ui/types/dialog.d.ts
index e36ba859d14..a104d4bd226 100644
--- a/packages/varlet-ui/types/dialog.d.ts
+++ b/packages/varlet-ui/types/dialog.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { VarComponent } from './varComponent'
 
 export interface DialogProps {
diff --git a/packages/varlet-ui/types/imagePreview.d.ts b/packages/varlet-ui/types/imagePreview.d.ts
index fe220186919..aa64aaad763 100644
--- a/packages/varlet-ui/types/imagePreview.d.ts
+++ b/packages/varlet-ui/types/imagePreview.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { VarComponent } from './varComponent'
 
 export interface ImagePreviewProps {
diff --git a/packages/varlet-ui/types/index.d.ts b/packages/varlet-ui/types/index.d.ts
index bcb490f8730..479b111864d 100644
--- a/packages/varlet-ui/types/index.d.ts
+++ b/packages/varlet-ui/types/index.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 
 export const install: (app: App) => void
 
diff --git a/packages/varlet-ui/types/locale.d.ts b/packages/varlet-ui/types/locale.d.ts
index 30dd92fb65a..793bf307a2d 100644
--- a/packages/varlet-ui/types/locale.d.ts
+++ b/packages/varlet-ui/types/locale.d.ts
@@ -1,4 +1,4 @@
-import { Ref } from 'vue'
+import type { Ref } from 'vue'
 
 interface Locale {
   packs: Record<string, any>
diff --git a/packages/varlet-ui/types/picker.d.ts b/packages/varlet-ui/types/picker.d.ts
index bff746724b3..0e9613aba26 100644
--- a/packages/varlet-ui/types/picker.d.ts
+++ b/packages/varlet-ui/types/picker.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { VarComponent } from './varComponent'
 
 export interface NormalColumn {
diff --git a/packages/varlet-ui/types/snackbar.d.ts b/packages/varlet-ui/types/snackbar.d.ts
index 64a4b10b42f..1f0edee661f 100644
--- a/packages/varlet-ui/types/snackbar.d.ts
+++ b/packages/varlet-ui/types/snackbar.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { VarComponent } from './varComponent'
 
 export class SnackbarComponent extends VarComponent {}
diff --git a/packages/varlet-ui/types/styleProvider.d.ts b/packages/varlet-ui/types/styleProvider.d.ts
index 1b0ad2bc3a7..c653596327b 100644
--- a/packages/varlet-ui/types/styleProvider.d.ts
+++ b/packages/varlet-ui/types/styleProvider.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { VarComponent } from './varComponent'
 
 export type StyleVars = Record<string, string>
diff --git a/packages/varlet-ui/types/varComponent.d.ts b/packages/varlet-ui/types/varComponent.d.ts
index 523ade2000f..7d4e6f42bca 100644
--- a/packages/varlet-ui/types/varComponent.d.ts
+++ b/packages/varlet-ui/types/varComponent.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue';
+import type { App } from 'vue'
 
 export class VarComponent {
   static name: string
diff --git a/packages/varlet-ui/types/varDirective.d.ts b/packages/varlet-ui/types/varDirective.d.ts
index 38c8226df66..babd70c8d4b 100644
--- a/packages/varlet-ui/types/varDirective.d.ts
+++ b/packages/varlet-ui/types/varDirective.d.ts
@@ -1,4 +1,4 @@
-import { App } from 'vue'
+import type { App } from 'vue'
 import { DirectiveBinding } from '@vue/runtime-core'
 
 export class VarDirective {