diff --git a/packages/nutui-eslint-config/index.js b/packages/nutui-eslint-config/index.js
index a89ee5b1e2..c8b22d4858 100644
--- a/packages/nutui-eslint-config/index.js
+++ b/packages/nutui-eslint-config/index.js
@@ -22,22 +22,20 @@ module.exports = {
     TaroGeneral: true
   },
   rules: {
+    // @typescript-eslint
     '@typescript-eslint/no-explicit-any': 'off',
-    // '@typescript-eslint/no-unused-vars': 'error',
-    // enable type: Function Object
     '@typescript-eslint/ban-types': 'off',
     '@typescript-eslint/no-var-requires': 'off',
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
+    // eslint-plugin-vue
     'vue/no-v-html': 'off',
     'vue/first-attribute-linebreak': 'off',
     'vue/multi-word-component-names': 'off',
     'vue/no-v-text-v-html-on-component': 'off',
-    // will be fixed
+    // will be removed someday
     'vue/attributes-order': 'off',
     'vue/attribute-hyphenation': 'off',
-    'vue/v-on-event-hyphenation': 'off',
-    'vue/v-slot-style': 'off',
-    'no-unused-vars': 'off',
-    'vue/valid-v-for': 'off',
-    'no-empty': 'off'
+    'vue/v-on-event-hyphenation': 'off'
   }
 };
diff --git a/packages/nutui-eslint-config/package.json b/packages/nutui-eslint-config/package.json
index 0fed9d0f43..24d62dee05 100644
--- a/packages/nutui-eslint-config/package.json
+++ b/packages/nutui-eslint-config/package.json
@@ -26,6 +26,7 @@
   "dependencies": {
     "@typescript-eslint/eslint-plugin": "^5.60.1",
     "@typescript-eslint/parser": "^5.60.1",
+    "vue-eslint-parser": "^9.3.1",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-vue": "^9.15.1"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b08e5adde2..7bfe92493e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -132,6 +132,9 @@ importers:
       eslint-plugin-vue:
         specifier: ^9.15.1
         version: 9.15.1(eslint@8.44.0)
+      vue-eslint-parser:
+        specifier: ^9.3.1
+        version: 9.3.1(eslint@8.44.0)
     devDependencies:
       eslint:
         specifier: ^8.44.0
diff --git a/src/packages/__VUE/address/demo.vue b/src/packages/__VUE/address/demo.vue
index 2e33f4ef7f..47ac522bac 100644
--- a/src/packages/__VUE/address/demo.vue
+++ b/src/packages/__VUE/address/demo.vue
@@ -309,7 +309,7 @@ export default defineComponent({
         text.two = val.data.addressStr;
       }
     };
-    const selected = (prevExistAdd: AddressList, nowExistAdd: RegionData, arr: AddressList[]) => {
+    const selected = (prevExistAdd: AddressList, nowExistAdd: RegionData) => {
       console.log(prevExistAdd);
       console.log(nowExistAdd);
     };
diff --git a/src/packages/__VUE/audio/index.vue b/src/packages/__VUE/audio/index.vue
index cdeaaf81c5..4c64b14cbc 100644
--- a/src/packages/__VUE/audio/index.vue
+++ b/src/packages/__VUE/audio/index.vue
@@ -14,7 +14,7 @@
           inactive-color="#cccccc"
           active-color="#fa2c19"
         >
-          <template v-slot:button>
+          <template #button>
             <div class="nut-audio__button--custom"></div>
           </template>
         </nut-range>
@@ -64,7 +64,7 @@ import { toRefs, ref, onMounted, reactive, watch, provide, Component } from 'vue
 import { createComponent } from '@/packages/utils/create';
 import { Service } from '@nutui/icons-vue';
 import Range from '../range/index.vue';
-const { componentName, create } = createComponent('audio');
+const { create } = createComponent('audio');
 
 export default create({
   props: {
diff --git a/src/packages/__VUE/audiooperate/index.vue b/src/packages/__VUE/audiooperate/index.vue
index d2059ab862..5f0bd521d3 100644
--- a/src/packages/__VUE/audiooperate/index.vue
+++ b/src/packages/__VUE/audiooperate/index.vue
@@ -23,10 +23,10 @@
   </div>
 </template>
 <script lang="ts">
-import { toRefs, ref, useSlots, onMounted, reactive, inject } from 'vue';
+import { toRefs, ref, useSlots, reactive, inject } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Button from '../button/index.vue';
-const { componentName, create, translate } = createComponent('audio-operate');
+const { create, translate } = createComponent('audio-operate');
 
 export default create({
   props: {
@@ -41,7 +41,7 @@ export default create({
   },
   emits: ['click'],
 
-  setup(props, { emit }) {
+  setup(props) {
     const audio: any = inject('audioParent');
     const parent: {
       children: [];
diff --git a/src/packages/__VUE/avatargroup/index.taro.vue b/src/packages/__VUE/avatargroup/index.taro.vue
index 535fe9883c..a6248d3e1a 100644
--- a/src/packages/__VUE/avatargroup/index.taro.vue
+++ b/src/packages/__VUE/avatargroup/index.taro.vue
@@ -4,7 +4,7 @@
   </view>
 </template>
 <script lang="ts">
-import { toRefs, onMounted, computed, provide, ref } from 'vue';
+import { onMounted, computed, provide, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('avatar-group');
 export default create({
@@ -42,13 +42,9 @@ export default create({
       default: 'left'
     }
   },
-  setup(props, { emit, slots }) {
-    const { size } = toRefs(props);
-
+  setup(props) {
     const avatarGroupRef = ref(null);
-
     const index = ref(0);
-
     // const sizeValue = ['large', 'normal', 'small'];
     const classes = computed(() => {
       const prefixCls = componentName;
diff --git a/src/packages/__VUE/avatargroup/index.vue b/src/packages/__VUE/avatargroup/index.vue
index 535fe9883c..a6248d3e1a 100644
--- a/src/packages/__VUE/avatargroup/index.vue
+++ b/src/packages/__VUE/avatargroup/index.vue
@@ -4,7 +4,7 @@
   </view>
 </template>
 <script lang="ts">
-import { toRefs, onMounted, computed, provide, ref } from 'vue';
+import { onMounted, computed, provide, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('avatar-group');
 export default create({
@@ -42,13 +42,9 @@ export default create({
       default: 'left'
     }
   },
-  setup(props, { emit, slots }) {
-    const { size } = toRefs(props);
-
+  setup(props) {
     const avatarGroupRef = ref(null);
-
     const index = ref(0);
-
     // const sizeValue = ['large', 'normal', 'small'];
     const classes = computed(() => {
       const prefixCls = componentName;
diff --git a/src/packages/__VUE/barrage/index.taro.vue b/src/packages/__VUE/barrage/index.taro.vue
index 25e21dfb07..4101e93f95 100644
--- a/src/packages/__VUE/barrage/index.taro.vue
+++ b/src/packages/__VUE/barrage/index.taro.vue
@@ -15,7 +15,7 @@
   </view>
 </template>
 <script lang="ts">
-import { computed, onMounted, ref, reactive, watch, onUnmounted, onDeactivated, useSlots } from 'vue';
+import { computed, onMounted, ref, reactive, watch, useSlots } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Taro from '@tarojs/taro';
 const { componentName, create } = createComponent('barrage');
@@ -49,7 +49,7 @@ export default create({
   },
   emits: ['click'],
 
-  setup(props, { slots }) {
+  setup(props) {
     const classTime = new Date().getTime();
 
     const slotDefault = !!useSlots().default;
diff --git a/src/packages/__VUE/button/demo.vue b/src/packages/__VUE/button/demo.vue
index 02764b1f87..c00d22405d 100644
--- a/src/packages/__VUE/button/demo.vue
+++ b/src/packages/__VUE/button/demo.vue
@@ -147,7 +147,7 @@ const initTranslate = () =>
 export default defineComponent({
   components: { StarFill, Star },
   props: {},
-  setup(props) {
+  setup() {
     initTranslate();
     let isLoading = ref(false);
     const changeLoading = () => {
diff --git a/src/packages/__VUE/button/index.taro.vue b/src/packages/__VUE/button/index.taro.vue
index 954eac9d4b..eb7428c206 100644
--- a/src/packages/__VUE/button/index.taro.vue
+++ b/src/packages/__VUE/button/index.taro.vue
@@ -61,7 +61,7 @@ export default create({
     }
   },
   emits: ['click'],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const { type, size, shape, disabled, loading, color, plain, block } = toRefs(props);
 
     const handleClick = (event: MouseEvent) => {
diff --git a/src/packages/__VUE/button/index.vue b/src/packages/__VUE/button/index.vue
index ae43ab08bb..9d40ac1c36 100644
--- a/src/packages/__VUE/button/index.vue
+++ b/src/packages/__VUE/button/index.vue
@@ -50,7 +50,7 @@ export default create({
     }
   },
   emits: ['click'],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const { type, size, shape, disabled, loading, color, plain, block } = toRefs(props);
 
     const handleClick = (event: MouseEvent) => {
diff --git a/src/packages/__VUE/calendar/demo.vue b/src/packages/__VUE/calendar/demo.vue
index 032c9945d4..2dae1d7528 100644
--- a/src/packages/__VUE/calendar/demo.vue
+++ b/src/packages/__VUE/calendar/demo.vue
@@ -138,7 +138,7 @@
         @close="closeSwitch('isVisible5')"
         @choose="setChooseValue5"
       >
-        <template v-slot:btn>
+        <template #btn>
           <div class="wrapper">
             <div class="d_div">
               <span class="d_btn" @click="goDate">{{ translate('goDate') }}</span>
@@ -151,7 +151,7 @@
             </div>
           </div>
         </template>
-        <template v-slot:day="date">
+        <template #day="date">
           <span>{{ date.date.day }}</span>
         </template>
       </nut-calendar>
@@ -177,7 +177,7 @@
         :end-text="translate('leave')"
         :title="translate('please')"
       >
-        <template v-slot:day="date">
+        <template #day="date">
           <span>{{ renderDate(date) }}</span>
         </template>
         <template #bottom-info="date">
diff --git a/src/packages/__VUE/calendaritem/index.taro.vue b/src/packages/__VUE/calendaritem/index.taro.vue
index 3f3e89011b..32f7372144 100644
--- a/src/packages/__VUE/calendaritem/index.taro.vue
+++ b/src/packages/__VUE/calendaritem/index.taro.vue
@@ -562,7 +562,6 @@ export default create({
       } else if (props.type == 'multiple' && Array.isArray(state.currDate)) {
         if (state.currDate.length > 0) {
           let defaultArr: string[] = [];
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
           let obj: any = {};
           state.currDate.forEach((item: string) => {
             if (
@@ -742,7 +741,6 @@ export default create({
       return Utils.isEqual(date, Utils.date2Str(new Date()));
     };
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const mothsViewScroll = (e: any) => {
       if (state.monthsData.length <= 1) {
         return;
diff --git a/src/packages/__VUE/card/index.taro.vue b/src/packages/__VUE/card/index.taro.vue
index 144c4b98da..a065ab6414 100644
--- a/src/packages/__VUE/card/index.taro.vue
+++ b/src/packages/__VUE/card/index.taro.vue
@@ -37,7 +37,6 @@
 </template>
 
 <script lang="ts">
-import { computed, reactive } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Price from '../price/index.taro.vue';
 import Tag from '../tag/index.taro.vue';
@@ -83,7 +82,7 @@ export default create({
     }
   },
 
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     const isHaveSlot = (slot: string) => {
       return slots[slot];
     };
diff --git a/src/packages/__VUE/card/index.vue b/src/packages/__VUE/card/index.vue
index 19e042def9..d5325f8540 100644
--- a/src/packages/__VUE/card/index.vue
+++ b/src/packages/__VUE/card/index.vue
@@ -72,7 +72,7 @@ export default create({
     }
   },
 
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     const isHaveSlot = (slot: string) => {
       return slots[slot];
     };
diff --git a/src/packages/__VUE/cascader/types.ts b/src/packages/__VUE/cascader/types.ts
index 5723162607..9e74b90acf 100644
--- a/src/packages/__VUE/cascader/types.ts
+++ b/src/packages/__VUE/cascader/types.ts
@@ -22,7 +22,6 @@ export type CascaderOption = {
   leaf?: boolean;
   level?: number;
   loading?: boolean;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   [key: PropertyKey]: any;
 };
 
diff --git a/src/packages/__VUE/category/index.taro.vue b/src/packages/__VUE/category/index.taro.vue
index b0c42e98aa..8ef9df5052 100644
--- a/src/packages/__VUE/category/index.taro.vue
+++ b/src/packages/__VUE/category/index.taro.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import { PropType, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('category');
+const { create } = createComponent('category');
 
 export type CategoryType = {
   catName?: string;
@@ -41,7 +41,7 @@ export default create({
     }
   },
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const checkIndex = ref(0);
     const categoryLeft = ref(false); //是否显示slot
 
diff --git a/src/packages/__VUE/category/index.vue b/src/packages/__VUE/category/index.vue
index 5f15d9cc7e..afa22626ea 100644
--- a/src/packages/__VUE/category/index.vue
+++ b/src/packages/__VUE/category/index.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import { PropType, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('category');
+const { create } = createComponent('category');
 
 export type CategoryType = {
   catName?: string;
@@ -40,7 +40,7 @@ export default create({
     }
   },
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const checkIndex = ref(0);
     const categoryLeft = ref(false); //是否显示slot
 
diff --git a/src/packages/__VUE/categorypane/index.taro.vue b/src/packages/__VUE/categorypane/index.taro.vue
index 12d433aa5c..c2fba5245c 100644
--- a/src/packages/__VUE/categorypane/index.taro.vue
+++ b/src/packages/__VUE/categorypane/index.taro.vue
@@ -48,7 +48,7 @@
 <script lang="ts">
 import { PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('category-pane');
+const { create } = createComponent('category-pane');
 
 export type ChildType = {
   catName?: string;
diff --git a/src/packages/__VUE/categorypane/index.vue b/src/packages/__VUE/categorypane/index.vue
index 12d433aa5c..c2fba5245c 100644
--- a/src/packages/__VUE/categorypane/index.vue
+++ b/src/packages/__VUE/categorypane/index.vue
@@ -48,7 +48,7 @@
 <script lang="ts">
 import { PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('category-pane');
+const { create } = createComponent('category-pane');
 
 export type ChildType = {
   catName?: string;
diff --git a/src/packages/__VUE/cell/demo.vue b/src/packages/__VUE/cell/demo.vue
index 0e2292f52d..544cd05d14 100644
--- a/src/packages/__VUE/cell/demo.vue
+++ b/src/packages/__VUE/cell/demo.vue
@@ -24,7 +24,7 @@
     <h2>{{ translate('title8') }}</h2>
 
     <nut-cell :desc="translate('desc')">
-      <template v-slot:title>
+      <template #title>
         <span>Title <b style="color: red">1</b></span>
       </template>
     </nut-cell>
@@ -37,7 +37,7 @@
 
     <nut-cell-group :title="translate('customRight')">
       <nut-cell title="Switch">
-        <template v-slot:link>
+        <template #link>
           <nut-switch v-model="switchChecked" />
         </template>
       </nut-cell>
@@ -45,7 +45,7 @@
 
     <nut-cell-group :title="translate('customLeftIcon')">
       <nut-cell :title="translate('image')">
-        <template v-slot:icon>
+        <template #icon>
           <img
             style="width: 20px; height: 20px"
             src="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"
@@ -56,7 +56,7 @@
 
     <h2>{{ translate('displayIcon') }}</h2>
     <nut-cell :title="translate('name')" :desc="translate('desc')" isLink>
-      <template v-slot:icon>
+      <template #icon>
         <My />
       </template>
     </nut-cell>
@@ -129,7 +129,7 @@ export default defineComponent({
   components: { My },
   setup() {
     initTranslate();
-    const testClick = (event: Event) => {
+    const testClick = () => {
       console.log('Click Test');
     };
     const switchChecked = ref(true);
diff --git a/src/packages/__VUE/checkbox/common.ts b/src/packages/__VUE/checkbox/common.ts
index 1a9f1cf357..7690795529 100644
--- a/src/packages/__VUE/checkbox/common.ts
+++ b/src/packages/__VUE/checkbox/common.ts
@@ -129,7 +129,7 @@ export const component = (componentName: string, components: Record<string, Comp
         );
       };
 
-      const handleClick = (e: MouseEvent | TouchEvent) => {
+      const handleClick = () => {
         if (pDisabled.value) return;
         if (checked.value && state.partialSelect) {
           state.partialSelect = false;
diff --git a/src/packages/__VUE/checkbox/demo.vue b/src/packages/__VUE/checkbox/demo.vue
index b1933f2a4a..185e1dfa6f 100644
--- a/src/packages/__VUE/checkbox/demo.vue
+++ b/src/packages/__VUE/checkbox/demo.vue
@@ -200,7 +200,7 @@ export default defineComponent({
   components: {
     Checklist
   },
-  setup(props, context) {
+  setup() {
     initTranslate();
     const group = ref(null) as Ref;
     const group2 = ref(null) as Ref;
diff --git a/src/packages/__VUE/circleprogress/index.taro.vue b/src/packages/__VUE/circleprogress/index.taro.vue
index 0e78dc2d15..473674cac1 100644
--- a/src/packages/__VUE/circleprogress/index.taro.vue
+++ b/src/packages/__VUE/circleprogress/index.taro.vue
@@ -118,7 +118,7 @@ export default create({
 
     watch(
       () => props.progress,
-      (value, oldvalue) => {
+      (value) => {
         currentRate.value = Math.min(Math.max(+value, 0), 100);
         emit('update:progress', format(parseFloat(Number(value).toFixed(1))));
       }
diff --git a/src/packages/__VUE/circleprogress/test/index.spec.ts b/src/packages/__VUE/circleprogress/test/index.spec.ts
index b4a3db6fac..bf8ac76c91 100644
--- a/src/packages/__VUE/circleprogress/test/index.spec.ts
+++ b/src/packages/__VUE/circleprogress/test/index.spec.ts
@@ -1,16 +1,6 @@
 import { mount } from '@vue/test-utils';
 import Circleprogress from '../index.vue';
 
-test('should render component  when using require prop', async () => {
-  const wrapper = mount(Circleprogress, {
-    props: {
-      progress: 30
-    }
-  });
-  //不能生成快照，因其具有随机id
-  // expect(wrapper.html()).toMatchSnapshot();
-});
-
 test('should change stoke when use width props', async () => {
   const wrapper = mount(Circleprogress, {
     props: {
diff --git a/src/packages/__VUE/collapse/demo.vue b/src/packages/__VUE/collapse/demo.vue
index 723d78459d..ab6fd47837 100644
--- a/src/packages/__VUE/collapse/demo.vue
+++ b/src/packages/__VUE/collapse/demo.vue
@@ -3,7 +3,7 @@
     <h2>{{ translate('basic1') }}</h2>
     <nut-collapse v-model="active1" @change="change">
       <nut-collapse-item :name="1">
-        <template v-slot:title>
+        <template #title>
           {{ translate('title1') }}
         </template>
         {{ translate('desc1') }}
@@ -33,7 +33,7 @@
     <h2>{{ translate('basic4') }}</h2>
     <nut-collapse v-model="active3" :accordion="true">
       <nut-collapse-item :title="translate('title1')" :name="1" :icon="Notice">
-        <template v-slot:value> {{ translate('title4') }} </template>
+        <template #value> {{ translate('title4') }} </template>
         {{ translate('desc8') }}
       </nut-collapse-item>
       <nut-collapse-item :title="translate('title2')" :name="2" :value="translate('title6')" :icon="Follow">
@@ -52,7 +52,7 @@
     <h2>{{ translate('basic6') }}</h2>
     <nut-collapse v-model="active6" :accordion="true">
       <nut-collapse-item :title="translate('title1')" :name="1">
-        <template v-slot:extra>{{ translate('title5') }}</template>
+        <template #extra>{{ translate('title5') }}</template>
         {{ translate('desc1') }}
       </nut-collapse-item>
       <nut-collapse-item :title="translate('title2')" :name="2">
@@ -124,7 +124,7 @@ const initTranslate = () =>
     }
   });
 export default defineComponent({
-  setup(props, context) {
+  setup() {
     initTranslate();
     const data = reactive({
       active1: [1, 2],
diff --git a/src/packages/__VUE/comment/components/CmtBottom.taro.vue b/src/packages/__VUE/comment/components/CmtBottom.taro.vue
index 63975989a6..7b9646e122 100644
--- a/src/packages/__VUE/comment/components/CmtBottom.taro.vue
+++ b/src/packages/__VUE/comment/components/CmtBottom.taro.vue
@@ -24,9 +24,9 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, watch, onMounted, PropType } from 'vue';
+import { ref, onMounted, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('comment-bottom');
+const { create, translate } = createComponent('comment-bottom');
 import { Fabulous, Comment, MoreX } from '@nutui/icons-vue-taro';
 
 export default create({
diff --git a/src/packages/__VUE/comment/components/CmtBottom.vue b/src/packages/__VUE/comment/components/CmtBottom.vue
index a36910a756..afe4a05de2 100644
--- a/src/packages/__VUE/comment/components/CmtBottom.vue
+++ b/src/packages/__VUE/comment/components/CmtBottom.vue
@@ -24,9 +24,9 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, watch, onMounted, PropType } from 'vue';
+import { ref, onMounted, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('comment-bottom');
+const { create, translate } = createComponent('comment-bottom');
 import { Fabulous, Comment, MoreX } from '@nutui/icons-vue';
 
 export default create({
diff --git a/src/packages/__VUE/comment/components/CmtHeader.taro.vue b/src/packages/__VUE/comment/components/CmtHeader.taro.vue
index 25c0f3df0d..b28538fd53 100644
--- a/src/packages/__VUE/comment/components/CmtHeader.taro.vue
+++ b/src/packages/__VUE/comment/components/CmtHeader.taro.vue
@@ -33,7 +33,7 @@
 </template>
 <script lang="ts">
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('comment-header');
+const { create } = createComponent('comment-header');
 import Rate from '../../rate/index.taro.vue';
 
 export default create({
diff --git a/src/packages/__VUE/comment/components/CmtHeader.vue b/src/packages/__VUE/comment/components/CmtHeader.vue
index 183264f536..d791781aa6 100644
--- a/src/packages/__VUE/comment/components/CmtHeader.vue
+++ b/src/packages/__VUE/comment/components/CmtHeader.vue
@@ -33,7 +33,7 @@
 </template>
 <script lang="ts">
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('comment-header');
+const { create } = createComponent('comment-header');
 import Rate from '../../rate/index.vue';
 
 export default create({
diff --git a/src/packages/__VUE/comment/components/CmtImages.taro.vue b/src/packages/__VUE/comment/components/CmtImages.taro.vue
index bd69bf5d6a..fd29fee8f6 100644
--- a/src/packages/__VUE/comment/components/CmtImages.taro.vue
+++ b/src/packages/__VUE/comment/components/CmtImages.taro.vue
@@ -34,7 +34,7 @@
 import { ref, watch, onMounted, PropType } from 'vue';
 
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('comment-images');
+const { create } = createComponent('comment-images');
 import { Right } from '@nutui/icons-vue-taro';
 
 interface VideosType {
diff --git a/src/packages/__VUE/comment/components/CmtImages.vue b/src/packages/__VUE/comment/components/CmtImages.vue
index 96f8f26348..df5497b8b5 100644
--- a/src/packages/__VUE/comment/components/CmtImages.vue
+++ b/src/packages/__VUE/comment/components/CmtImages.vue
@@ -34,7 +34,7 @@
 import { ref, watch, onMounted, PropType } from 'vue';
 
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('comment-images');
+const { create } = createComponent('comment-images');
 import { Right } from '@nutui/icons-vue';
 
 interface VideosType {
diff --git a/src/packages/__VUE/comment/demo.vue b/src/packages/__VUE/comment/demo.vue
index 00e9de84eb..4d19359838 100644
--- a/src/packages/__VUE/comment/demo.vue
+++ b/src/packages/__VUE/comment/demo.vue
@@ -65,7 +65,6 @@ import { onMounted, ref, defineComponent } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const { translate } = createComponent('comment');
-import { Dongdong } from '@nutui/icons-vue';
 const initTranslate = () =>
   useTranslate({
     'zh-CN': {
diff --git a/src/packages/__VUE/comment/index.taro.vue b/src/packages/__VUE/comment/index.taro.vue
index f9d2bf7abd..8680d404e1 100644
--- a/src/packages/__VUE/comment/index.taro.vue
+++ b/src/packages/__VUE/comment/index.taro.vue
@@ -38,7 +38,7 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, onMounted, computed, PropType } from 'vue';
+import { computed, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { componentName, create } = createComponent('comment');
 import { Right } from '@nutui/icons-vue-taro';
diff --git a/src/packages/__VUE/comment/index.vue b/src/packages/__VUE/comment/index.vue
index 24fc441f2f..0ce87050e3 100644
--- a/src/packages/__VUE/comment/index.vue
+++ b/src/packages/__VUE/comment/index.vue
@@ -38,7 +38,7 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, onMounted, computed, PropType } from 'vue';
+import { computed, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('comment');
 import { Right } from '@nutui/icons-vue';
diff --git a/src/packages/__VUE/configprovider/demo.vue b/src/packages/__VUE/configprovider/demo.vue
index 65ef9df44a..9aac647200 100644
--- a/src/packages/__VUE/configprovider/demo.vue
+++ b/src/packages/__VUE/configprovider/demo.vue
@@ -3,7 +3,7 @@
     <h2>{{ translate('basic') }}</h2>
     <nut-config-provider :theme="theme">
       <nut-cell :title="translate('title1')">
-        <template v-slot:link>
+        <template #link>
           <nut-switch v-model="switchChecked" @change="switchChange" />
         </template>
       </nut-cell>
@@ -183,7 +183,7 @@ export default defineComponent({
           { id: 4, name: '常营乡' }
         ],
         town: []
-      },
+      } as any,
       methods: {
         show() {
           addressModule.state.show = !addressModule.state.show;
@@ -191,7 +191,7 @@ export default defineComponent({
             formData2.address = '';
           }
         },
-        onChange({ custom, next, value }: any) {
+        onChange({ next, value }: any) {
           formData2.address += value.name;
           const name = addressModule.state[next];
           if (name.length < 1) {
diff --git a/src/packages/__VUE/configprovider/index.vue b/src/packages/__VUE/configprovider/index.vue
index 22bf4025f8..0905a59ab1 100644
--- a/src/packages/__VUE/configprovider/index.vue
+++ b/src/packages/__VUE/configprovider/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { createComponent } from '@/packages/utils/create';
-import { h, PropType } from 'vue';
+import { h } from 'vue';
 const { create } = createComponent('config-provider');
 export default create({
   props: {
diff --git a/src/packages/__VUE/countdown/index.taro.vue b/src/packages/__VUE/countdown/index.taro.vue
index f9030208a7..d13382b940 100644
--- a/src/packages/__VUE/countdown/index.taro.vue
+++ b/src/packages/__VUE/countdown/index.taro.vue
@@ -9,7 +9,7 @@
   </view>
 </template>
 <script lang="ts">
-import { toRefs, computed, watch, reactive, onBeforeMount, onMounted } from 'vue';
+import { toRefs, computed, watch, reactive, onBeforeMount } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { getTimeStamp } from './util';
 import { padZero } from '@/packages/utils/util';
@@ -247,14 +247,14 @@ export default create({
 
     watch(
       () => props.endTime,
-      (value) => {
+      () => {
         initTime();
       }
     );
 
     watch(
       () => props.startTime,
-      (value) => {
+      () => {
         initTime();
       }
     );
diff --git a/src/packages/__VUE/countdown/index.vue b/src/packages/__VUE/countdown/index.vue
index 30eaf33b00..8ea3f2ca86 100644
--- a/src/packages/__VUE/countdown/index.vue
+++ b/src/packages/__VUE/countdown/index.vue
@@ -9,7 +9,7 @@
   </view>
 </template>
 <script lang="ts">
-import { toRefs, computed, watch, reactive, onBeforeMount, onMounted } from 'vue';
+import { toRefs, computed, watch, reactive, onBeforeMount } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { getTimeStamp } from './util';
 import { padZero } from '@/packages/utils/util';
@@ -246,14 +246,14 @@ export default create({
 
     watch(
       () => props.endTime,
-      (value) => {
+      () => {
         initTime();
       }
     );
 
     watch(
       () => props.startTime,
-      (value) => {
+      () => {
         initTime();
       }
     );
diff --git a/src/packages/__VUE/countup/demo.vue b/src/packages/__VUE/countup/demo.vue
index 2f1a796226..8ad9d86dc6 100644
--- a/src/packages/__VUE/countup/demo.vue
+++ b/src/packages/__VUE/countup/demo.vue
@@ -92,8 +92,7 @@ export default defineComponent({
       }, 300);
     };
     const run = () => {
-      let timer = null;
-      timer = setInterval(() => {
+      setInterval(() => {
         data.customNumber = Math.floor(Math.random() * (700 - 100 + 1) + 100);
       }, 5000);
     };
diff --git a/src/packages/__VUE/countup/index.taro.vue b/src/packages/__VUE/countup/index.taro.vue
index efc5b07dc9..e9714bc767 100644
--- a/src/packages/__VUE/countup/index.taro.vue
+++ b/src/packages/__VUE/countup/index.taro.vue
@@ -108,10 +108,10 @@
   </view>
 </template>
 <script lang="ts">
-import { reactive, toRefs, ref, onMounted, onUnmounted, nextTick, watch } from 'vue';
+import { reactive, toRefs, onMounted, onUnmounted, nextTick, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useExtend } from '@/packages/utils/useRelation/useRelation';
-const { componentName, create } = createComponent('countup');
+const { create } = createComponent('countup');
 
 interface IData {
   valFlag: boolean;
@@ -240,7 +240,7 @@ export default create({
     const { startFlag, scrolling, customBgImg, type } = reactive(props);
     watch(
       () => props.customChangeNum,
-      (count, prevCount) => {
+      () => {
         clearIntervalTime();
         // data.customNumber = count;
         countGo(0);
@@ -248,13 +248,13 @@ export default create({
     );
     watch(
       () => props.machinePrizeLevel,
-      (count, prevCount) => {
+      (count) => {
         data.prizeLevelTrun = count;
       }
     );
     watch(
       () => props.initNum,
-      (count, prevCount) => {
+      (count) => {
         data.current = count;
         data.valFlag = false;
         valChange();
@@ -262,7 +262,7 @@ export default create({
     );
     watch(
       () => props.endNum,
-      (count, prevCount) => {
+      () => {
         data.current = props.initNum;
         data.valFlag = false;
         valChange();
@@ -325,7 +325,7 @@ export default create({
     };
     // 数字滚动-到哪里了
     const turnNumber = (index: number) => {
-      let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data;
+      let { num_total_len, pointNum, initDigit1, initDigit2 } = data;
       let idx1 = String(initDigit2)[index - (num_total_len - pointNum)];
       let num =
         index > num_total_len - pointNum - 1
@@ -525,10 +525,10 @@ export default create({
     };
     // 自定义图片
     const imgNumberScroll = () => {
-      let m = 1;
-      if (data.pointNum != 0) {
-        m = Math.pow(10, data.pointNum);
-      }
+      // let m = 1;
+      // if (data.pointNum != 0) {
+      //   m = Math.pow(10, data.pointNum);
+      // }
       nextTick(() => {
         let f = document.getElementsByClassName('nut-countup__numberimg')[0];
         // setTimeout(() => {
diff --git a/src/packages/__VUE/countup/index.vue b/src/packages/__VUE/countup/index.vue
index 3a2370f1fd..9d9a0c198b 100644
--- a/src/packages/__VUE/countup/index.vue
+++ b/src/packages/__VUE/countup/index.vue
@@ -111,7 +111,7 @@
 import { reactive, toRefs, ref, onMounted, onUnmounted, nextTick, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useExtend } from '@/packages/utils/useRelation/useRelation';
-const { componentName, create } = createComponent('countup');
+const { create } = createComponent('countup');
 
 interface IData {
   valFlag: boolean;
@@ -247,7 +247,7 @@ export default create({
     const { startFlag, scrolling, customBgImg, type } = reactive(props);
     watch(
       () => props.customChangeNum,
-      (count, prevCount) => {
+      () => {
         clearIntervalTime();
         // data.customNumber = count;
         countGo(0);
@@ -255,13 +255,13 @@ export default create({
     );
     watch(
       () => props.machinePrizeLevel,
-      (count, prevCount) => {
+      (count) => {
         data.prizeLevelTrun = count;
       }
     );
     watch(
       () => props.initNum,
-      (count, prevCount) => {
+      (count) => {
         data.current = count;
         data.valFlag = false;
         valChange();
@@ -269,7 +269,7 @@ export default create({
     );
     watch(
       () => props.endNum,
-      (count, prevCount) => {
+      () => {
         data.current = props.initNum;
         data.valFlag = false;
         valChange();
@@ -332,7 +332,7 @@ export default create({
     };
     // 数字滚动-到哪里了
     const turnNumber = (index: number) => {
-      let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data;
+      let { num_total_len, pointNum, initDigit1, initDigit2 } = data;
       let idx1 = String(initDigit2)[index - (num_total_len - pointNum)];
       let num =
         index > num_total_len - pointNum - 1
@@ -350,7 +350,7 @@ export default create({
       let countTimer = setInterval(() => {
         if (initNum > endNum) {
           //减少
-          if (data.current <= endNum || data.current <= speed) {
+          if (Number(data.current) <= endNum || Number(data.current) <= speed) {
             //数字减小，有可能导致current小于speed
             data.current = endNum.toFixed(toFixed);
             clearInterval(countTimer);
@@ -362,7 +362,7 @@ export default create({
           }
         } else {
           //增加
-          if (data.current >= endNum) {
+          if (Number(data.current) >= endNum) {
             data.current = endNum.toFixed(toFixed);
             clearInterval(countTimer);
             emit('scroll-end');
@@ -541,10 +541,10 @@ export default create({
     };
     // 自定义图片
     const imgNumberScroll = () => {
-      let m = 1;
-      if (data.pointNum != 0) {
-        m = Math.pow(10, data.pointNum);
-      }
+      // let m = 1;
+      // if (data.pointNum != 0) {
+      //   m = Math.pow(10, data.pointNum);
+      // }
       nextTick(() => {
         // var f = document.getElementsByClassName('run-number-img')[0];
         // setTimeout(() => {
diff --git a/src/packages/__VUE/datepicker/demo.vue b/src/packages/__VUE/datepicker/demo.vue
index 17dcb41ccb..b157a8a941 100644
--- a/src/packages/__VUE/datepicker/demo.vue
+++ b/src/packages/__VUE/datepicker/demo.vue
@@ -177,7 +177,7 @@ export default defineComponent({
       currentDate7: new Date(2022, 4, 10, 0, 0)
     });
 
-    const formatter = (type: string, option) => {
+    const formatter = (type: string, option: any) => {
       switch (type) {
         case 'year':
           option.text += '';
@@ -200,7 +200,7 @@ export default defineComponent({
       return option;
     };
 
-    const formatter1 = (type: string, option) => {
+    const formatter1 = (type: string, option: any) => {
       switch (type) {
         case 'year':
           option.text += `${translate('year')}`;
@@ -220,52 +220,28 @@ export default defineComponent({
       return option;
     };
 
-    const filter = (type: string, options) => {
+    const filter = (type: string, options: any) => {
       if (type == 'hour') {
-        return options.filter((option) => Number(option.value) % 6 === 0);
+        return options.filter((option: any) => Number(option.value) % 6 === 0);
       }
       return options;
     };
 
-    const confirm = ({
-      selectedValue,
-      selectedOptions
-    }: {
-      selectedValue: (string | number)[];
-      selectedOptions: any;
-    }) => {
+    const confirm = ({ selectedOptions }: { selectedValue: (string | number)[]; selectedOptions: any }) => {
       showToast.text(selectedOptions.map((val: any) => val.text).join(''));
     };
 
-    const confirm2 = ({
-      selectedValue,
-      selectedOptions
-    }: {
-      selectedValue: (string | number)[];
-      selectedOptions: any;
-    }) => {
+    const confirm2 = ({ selectedValue }: { selectedValue: (string | number)[]; selectedOptions: any }) => {
       const date = selectedValue.slice(0, 3).join('-');
       const time = selectedValue.slice(3).join(':');
       showToast.text(date + ' ' + time);
     };
 
-    const confirm3 = ({
-      selectedValue,
-      selectedOptions
-    }: {
-      selectedValue: (string | number)[];
-      selectedOptions: any;
-    }) => {
+    const confirm3 = ({ selectedValue }: { selectedValue: (string | number)[]; selectedOptions: any }) => {
       showToast.text(selectedValue.join(':'));
     };
 
-    const confirm4 = ({
-      selectedValue,
-      selectedOptions
-    }: {
-      selectedValue: (string | number)[];
-      selectedOptions: any;
-    }) => {
+    const confirm4 = ({ selectedOptions }: { selectedValue: (string | number)[]; selectedOptions: any }) => {
       const date = selectedOptions
         .slice(1, 3)
         .map((op: any) => op.text)
@@ -277,17 +253,11 @@ export default defineComponent({
       showToast.text(selectedOptions[0].text + translate('year') + date + ' ' + time);
     };
 
-    const confirm5 = ({
-      selectedValue,
-      selectedOptions
-    }: {
-      selectedValue: (string | number)[];
-      selectedOptions: any;
-    }) => {
+    const confirm5 = ({ selectedValue }: { selectedValue: (string | number)[]; selectedOptions: any }) => {
       showToast.text(selectedValue.join('-'));
     };
 
-    const popupConfirm = ({ selectedValue, selectedOptions }: { selectedValue: string[]; selectedOptions: any }) => {
+    const popupConfirm = ({ selectedOptions }: { selectedValue: string[]; selectedOptions: any }) => {
       popupDesc.value = selectedOptions.map((val: any) => val.text).join('');
       show.value = false;
     };
diff --git a/src/packages/__VUE/datepicker/index.taro.vue b/src/packages/__VUE/datepicker/index.taro.vue
index 4bfde54fbd..26ea2a9198 100644
--- a/src/packages/__VUE/datepicker/index.taro.vue
+++ b/src/packages/__VUE/datepicker/index.taro.vue
@@ -28,7 +28,7 @@ import { PickerOption } from '../picker/types';
 import { createComponent } from '@/packages/utils/create';
 import { Formatter, Filter } from './type';
 import { padZero, isDate as isDateU } from '@/packages/utils/util';
-const { componentName, create } = createComponent('date-picker');
+const { create } = createComponent('date-picker');
 
 const currentYear = new Date().getFullYear();
 function isDate(val: Date): val is Date {
diff --git a/src/packages/__VUE/datepicker/index.vue b/src/packages/__VUE/datepicker/index.vue
index aa438862f5..b698bc62b1 100644
--- a/src/packages/__VUE/datepicker/index.vue
+++ b/src/packages/__VUE/datepicker/index.vue
@@ -28,7 +28,7 @@ import { PickerOption } from '../picker/types';
 import { createComponent } from '@/packages/utils/create';
 import { Formatter, Filter } from './type';
 import { padZero, isDate as isDateU } from '@/packages/utils/util';
-const { componentName, create, translate } = createComponent('date-picker');
+const { create, translate } = createComponent('date-picker');
 
 const currentYear = new Date().getFullYear();
 function isDate(val: Date): val is Date {
@@ -276,7 +276,7 @@ export default create({
           min++;
         }
 
-        if (min <= val) {
+        if (min <= Number(val)) {
           index++;
         }
       }
diff --git a/src/packages/__VUE/dialog/__tests__/dialog.ts b/src/packages/__VUE/dialog/__tests__/dialog.ts
index 2ef4755ba8..16350a3c9a 100644
--- a/src/packages/__VUE/dialog/__tests__/dialog.ts
+++ b/src/packages/__VUE/dialog/__tests__/dialog.ts
@@ -11,7 +11,7 @@ export class DialogOptions {
   footerDirection?: string = 'horizontal'; //使用横纵方向 可选值 horizontal、vertical
 
   // function
-  onUpdate?: Function = (value: boolean) => {};
+  onUpdate?: Function = () => {};
   onOk?: Function = () => {};
   onCancel?: Function = () => {};
   onClose?: Function = () => {};
@@ -51,7 +51,7 @@ class DialogFunction {
         };
         options.teleport = `#${root.id}`;
         return () => {
-          return h(Dialog, options);
+          return h(Dialog as any, options);
         };
       }
     };
@@ -66,7 +66,7 @@ class DialogFunction {
     // }
   };
 
-  setDefaultOptions = (options: DialogOptions) => {
+  setDefaultOptions = () => {
     // Object.assign(this.currentOptions, options);
   };
 
diff --git a/src/packages/__VUE/dialog/__tests__/index.spec.ts b/src/packages/__VUE/dialog/__tests__/index.spec.ts
index a4811dd44b..a31102321e 100644
--- a/src/packages/__VUE/dialog/__tests__/index.spec.ts
+++ b/src/packages/__VUE/dialog/__tests__/index.spec.ts
@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils';
 import Dialog from '../index.vue';
-import { Overlay } from '@/packages/nutui.vue';
 import { nextTick } from 'vue';
 
 beforeEach(() => {
diff --git a/src/packages/__VUE/dialog/index.vue b/src/packages/__VUE/dialog/index.vue
index ed4750ad4e..ad7e98bc2f 100644
--- a/src/packages/__VUE/dialog/index.vue
+++ b/src/packages/__VUE/dialog/index.vue
@@ -46,7 +46,7 @@
   </nut-popup>
 </template>
 <script lang="ts">
-import { onMounted, computed, watch, ref, PropType, VNode, CSSProperties } from 'vue';
+import { onMounted, computed, watch, ref, PropType, CSSProperties } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { componentName, create, translate } = createComponent('dialog');
 import { funInterceptor, Interceptor } from '@/packages/utils/util';
diff --git a/src/packages/__VUE/drag/index.taro.vue b/src/packages/__VUE/drag/index.taro.vue
index df914e32d0..781057c679 100644
--- a/src/packages/__VUE/drag/index.taro.vue
+++ b/src/packages/__VUE/drag/index.taro.vue
@@ -22,7 +22,7 @@ import { onMounted, onDeactivated, onActivated, reactive, ref, computed } from '
 import { createComponent } from '@/packages/utils/create';
 import requestAniFrame from '@/packages/utils/raf';
 import { useTaroRect } from '@/packages/utils/useTaroRect';
-const { componentName, create } = createComponent('drag');
+const { create } = createComponent('drag');
 import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
 export default create({
   props: {
@@ -46,7 +46,7 @@ export default create({
       }
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const myDrag = ref();
     const refRandomId = Math.random().toString(36).slice(-8);
 
@@ -83,7 +83,7 @@ export default create({
     });
     const domElem = Taro.getSystemInfoSync();
     async function getInfo() {
-      const rec = await useTaroRect(myDrag, Taro);
+      const rec = await useTaroRect(myDrag);
       state.elWidth = rec.width;
       state.elHeight = rec.height;
       state.initTop = rec.top;
diff --git a/src/packages/__VUE/ecard/index.taro.vue b/src/packages/__VUE/ecard/index.taro.vue
index 71b87f69b6..1649accc32 100644
--- a/src/packages/__VUE/ecard/index.taro.vue
+++ b/src/packages/__VUE/ecard/index.taro.vue
@@ -35,7 +35,7 @@ import { Ref, ref, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import InputNumber from '../inputnumber/index.taro.vue';
 import type { PropType } from 'vue';
-const { componentName, create, translate } = createComponent('ecard');
+const { create, translate } = createComponent('ecard');
 export interface dataList {
   price: string | number;
 }
diff --git a/src/packages/__VUE/ecard/test/__snapshots__/index.spec.ts.snap b/src/packages/__VUE/ecard/test/__snapshots__/index.spec.ts.snap
new file mode 100644
index 0000000000..be63ac9196
--- /dev/null
+++ b/src/packages/__VUE/ecard/test/__snapshots__/index.spec.ts.snap
@@ -0,0 +1,28 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`should render ecard 1`] = `
+"<view class=\\"nut-ecard\\">
+  <view class=\\"nut-ecard__title\\">请选择电子卡面值</view>
+  <view class=\\"nut-ecard__list\\">
+    <view class=\\"nut-ecard__list__item\\">10</view>
+    <view class=\\"nut-ecard__list__item\\">20</view>
+    <view class=\\"nut-ecard__list__item\\">30</view>
+    <view class=\\"nut-ecard__list__item\\">40</view>
+    <view class=\\"nut-ecard__list__input\\">
+      <view>其他面值</view>
+      <view class=\\"nut-ecard__list__input--con\\"><input class=\\"nut-ecard__list__input--input\\" type=\\"text\\" placeholder=\\"请输入1-5000整数\\"> ¥</view>
+    </view>
+    <view class=\\"nut-ecard__list__step\\">
+      <view>¥0</view>
+      <view class=\\"nut-input-number\\">
+        <view class=\\"nut-input-number__icon nut-input-number__left nut-input-number__icon--disabled\\"><svg class=\\"nut-icon nut-icon-minus\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 1024 1024\\" role=\\"presentation\\">
+            <path d=\\"M299.52 460.8h409.6c28.16 0 51.2 23.04 51.2 51.2s-23.04 51.2-51.2 51.2h-409.6c-28.16 0-51.2-23.04-51.2-51.2s23.04-51.2 51.2-51.2z\\" fill=\\"currentColor\\" fill-opacity=\\"0.9\\"></path>
+          </svg></view><input type=\\"number\\" min=\\"1\\" max=\\"9999\\">
+        <view class=\\"nut-input-number__icon nut-input-number__right\\"><svg class=\\"nut-icon nut-icon-plus\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 1024 1024\\" role=\\"presentation\\">
+            <path d=\\"M345.6 460.8h409.6q51.2 0 51.2 51.2t-51.2 51.2H345.6q-51.2 0-51.2-51.2t51.2-51.2zM550.4 256q51.2 0 51.2 51.2v409.6q0 51.2-51.2 51.2t-51.2-51.2V307.2q0-51.2 51.2-51.2z\\" fill=\\"currentColor\\" fill-opacity=\\"0.9\\"></path>
+          </svg></view>
+      </view>
+    </view>
+  </view>
+</view>"
+`;
diff --git a/src/packages/__VUE/ecard/test/index.spec.ts b/src/packages/__VUE/ecard/test/index.spec.ts
index 5aff7d2b2e..dcc372547b 100644
--- a/src/packages/__VUE/ecard/test/index.spec.ts
+++ b/src/packages/__VUE/ecard/test/index.spec.ts
@@ -22,7 +22,7 @@ test('should render ecard', async () => {
       dataList: data
     }
   });
-  // expect(wrapper.html()).toMatchSnapshot();
+  expect(wrapper.html()).toMatchSnapshot();
 });
 test('should render correct money', async () => {
   const wrapper = mount(Ecard, {
diff --git a/src/packages/__VUE/elevator/__tests__/index.spec.ts b/src/packages/__VUE/elevator/__tests__/index.spec.ts
index ae1850a4b0..1ab249f64b 100644
--- a/src/packages/__VUE/elevator/__tests__/index.spec.ts
+++ b/src/packages/__VUE/elevator/__tests__/index.spec.ts
@@ -1,6 +1,5 @@
-import { mount, VueWrapper, DOMWrapper } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
 import Elevator from '../index.vue';
-import { nextTick, ComponentPublicInstance } from 'vue';
 
 const indexList = [
   {
diff --git a/src/packages/__VUE/elevator/demo.vue b/src/packages/__VUE/elevator/demo.vue
index d38dfa6151..3470fcbe1f 100644
--- a/src/packages/__VUE/elevator/demo.vue
+++ b/src/packages/__VUE/elevator/demo.vue
@@ -27,7 +27,7 @@
     <h2>{{ translate('customContent') }}</h2>
     <div class="elevator-wrapper">
       <nut-elevator :index-list="temp" :height="260" @click-item="clickItem" @click-index="clickIndex">
-        <template v-slot:default="slotProps">
+        <template #default="slotProps">
           <Jd width="12px"></Jd>
           <span :style="{ marginLeft: '15px' }">{{ slotProps.item.name }}</span>
         </template>
diff --git a/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts b/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts
index fc32a4f7f8..08f8a8688c 100644
--- a/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts
+++ b/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts
@@ -1,5 +1,5 @@
-import { config, mount } from '@vue/test-utils';
-import { h, nextTick } from 'vue';
+import { mount } from '@vue/test-utils';
+import { nextTick } from 'vue';
 import Ellipsis from '../index.vue';
 
 const originGetComputedStyle = window.getComputedStyle;
diff --git a/src/packages/__VUE/ellipsis/index.taro.vue b/src/packages/__VUE/ellipsis/index.taro.vue
index 395996e085..062a71b5f9 100644
--- a/src/packages/__VUE/ellipsis/index.taro.vue
+++ b/src/packages/__VUE/ellipsis/index.taro.vue
@@ -28,10 +28,10 @@
 </template>
 
 <script lang="ts">
-import { ref, reactive, toRefs, computed, onMounted, PropType, watch, unref } from 'vue';
+import { ref, reactive, toRefs, computed, onMounted, PropType, unref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useTaroRect } from '@/packages/utils/useTaroRect';
-import Taro, { nextTick } from '@tarojs/taro';
+import Taro from '@tarojs/taro';
 const { componentName, create } = createComponent('ellipsis');
 export type Direction = 'start' | 'end' | 'middle';
 
@@ -119,7 +119,7 @@ export default create({
     });
     // 获取省略号宽度
     const getSymbolInfo = async () => {
-      const refe = await useTaroRect(symbolContain, Taro);
+      const refe = await useTaroRect(symbolContain);
       symbolTextWidth = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase[0] * 0.7921);
     };
 
@@ -156,7 +156,7 @@ export default create({
 
     // 计算省略号的位置
     const calcEllipse = async () => {
-      const refe = await useTaroRect(rootContain, Taro);
+      const refe = await useTaroRect(rootContain);
 
       if (refe.height <= maxHeight) {
         state.exceeded = false;
@@ -186,7 +186,7 @@ export default create({
 
     // 验证省略号
     const verifyEllipsis = async () => {
-      const refe = await useTaroRect(rootContain, Taro);
+      const refe = await useTaroRect(rootContain);
       if (refe && refe.height && refe.height > maxHeight) {
         if (props.direction == 'end') {
           ellipsis.leading = ellipsis.leading?.slice(0, ellipsis.leading.length - 1);
diff --git a/src/packages/__VUE/empty/index.taro.vue b/src/packages/__VUE/empty/index.taro.vue
index ad54712a7b..49eb7f0764 100644
--- a/src/packages/__VUE/empty/index.taro.vue
+++ b/src/packages/__VUE/empty/index.taro.vue
@@ -27,7 +27,7 @@
 <script lang="ts">
 import { toRefs, computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('empty');
+const { create, translate } = createComponent('empty');
 
 type statusOptions = {
   [key: string]: string;
diff --git a/src/packages/__VUE/empty/index.vue b/src/packages/__VUE/empty/index.vue
index cffb1fcf4a..6a0d768116 100644
--- a/src/packages/__VUE/empty/index.vue
+++ b/src/packages/__VUE/empty/index.vue
@@ -27,7 +27,7 @@
 <script lang="ts">
 import { toRefs, computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('empty');
+const { create, translate } = createComponent('empty');
 
 type statusOptions = {
   [key: string]: string;
diff --git a/src/packages/__VUE/fixednav/demo.vue b/src/packages/__VUE/fixednav/demo.vue
index 1ef6b4e7e0..2f4f219bb3 100644
--- a/src/packages/__VUE/fixednav/demo.vue
+++ b/src/packages/__VUE/fixednav/demo.vue
@@ -24,7 +24,7 @@
       @selected="selected"
     />
     <nut-fixed-nav :position="{ top: '280px' }" type="left" v-model:visible="myActive" @selected="selected">
-      <template v-slot:list>
+      <template #list>
         <ul class="nut-fixed-nav__list">
           <li class="nut-fixed-nav__list-item">1</li>
           <li class="nut-fixed-nav__list-item">2</li>
@@ -33,7 +33,7 @@
           <li class="nut-fixed-nav__list-item">5</li>
         </ul>
       </template>
-      <template v-slot:btn>
+      <template #btn>
         <Retweet color="#fff" />
         <span class="text">{{ myActive ? translate('cus1') : translate('cus2') }}</span>
       </template>
@@ -52,7 +52,7 @@
 </template>
 
 <script lang="ts">
-import { computed, onMounted, reactive, ref, defineComponent } from 'vue';
+import { computed, onMounted, ref, defineComponent } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { translate } = createComponent('fixednav');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
diff --git a/src/packages/__VUE/form/__test__/index.spec.ts b/src/packages/__VUE/form/__test__/index.spec.ts
index 08a9272319..fa7ebdb607 100644
--- a/src/packages/__VUE/form/__test__/index.spec.ts
+++ b/src/packages/__VUE/form/__test__/index.spec.ts
@@ -118,7 +118,7 @@ describe('Form', () => {
           }),
           methods: {
             submit() {
-              dynamicRefForm.value.validate().then(({ valid, errors }: any) => {
+              dynamicRefForm.value.validate().then(({ valid }: any) => {
                 if (valid) {
                   // console.log('success', dynamicForm);
                 } else {
@@ -133,7 +133,6 @@ describe('Form', () => {
               dynamicForm.state.tels.splice(dynamicForm.state.tels.length - 1, 1);
             },
             add() {
-              let newIndex = dynamicForm.state.tels.length;
               dynamicForm.state.tels.push({
                 key: Date.now(),
                 value: ''
@@ -212,7 +211,7 @@ describe('Form', () => {
         });
         const ruleForm = ref<any>(null);
         const submit = () => {
-          ruleForm.value.validate().then(({ valid, errors }: any) => {
+          ruleForm.value.validate().then(({ valid }: any) => {
             if (valid) {
               // console.log('success', formData);
             } else {
diff --git a/src/packages/__VUE/form/demo.vue b/src/packages/__VUE/form/demo.vue
index 420dd7778e..0cfc05db8e 100644
--- a/src/packages/__VUE/form/demo.vue
+++ b/src/packages/__VUE/form/demo.vue
@@ -382,7 +382,7 @@ export default defineComponent({
           { id: 4, name: '常营乡' }
         ],
         town: []
-      },
+      } as any,
       methods: {
         show() {
           addressModule.state.show = !addressModule.state.show;
@@ -390,7 +390,7 @@ export default defineComponent({
             formData2.address = '';
           }
         },
-        onChange({ custom, next, value }: any) {
+        onChange({ next, value }: any) {
           formData2.address += value.name;
           const name = addressModule.state[next];
           if (name.length < 1) {
diff --git a/src/packages/__VUE/formitem/index.taro.vue b/src/packages/__VUE/formitem/index.taro.vue
index 81aec1b1bc..c28002a8a3 100644
--- a/src/packages/__VUE/formitem/index.taro.vue
+++ b/src/packages/__VUE/formitem/index.taro.vue
@@ -24,10 +24,10 @@
 </template>
 <script lang="ts">
 import { pxCheck } from '@/packages/utils/pxCheck';
-import { computed, inject, provide, PropType, ref, CSSProperties } from 'vue';
+import { computed, inject, provide, PropType, CSSProperties } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Cell from '../cell/index.taro.vue';
-const { componentName, create } = createComponent('form-item');
+const { create } = createComponent('form-item');
 export default create({
   inheritAttrs: false,
   props: {
@@ -79,7 +79,7 @@ export default create({
   },
   emits: [''],
 
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     const parent = inject('formErrorTip') as any;
     provide('form', {
       props
diff --git a/src/packages/__VUE/formitem/index.vue b/src/packages/__VUE/formitem/index.vue
index a67323aea0..691754b705 100644
--- a/src/packages/__VUE/formitem/index.vue
+++ b/src/packages/__VUE/formitem/index.vue
@@ -24,10 +24,10 @@
 </template>
 <script lang="ts">
 import { pxCheck } from '@/packages/utils/pxCheck';
-import { computed, inject, provide, PropType, ref, CSSProperties } from 'vue';
+import { computed, inject, provide, PropType, CSSProperties } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Cell from '../cell/index.vue';
-const { componentName, create } = createComponent('form-item');
+const { create } = createComponent('form-item');
 export default create({
   inheritAttrs: false,
   props: {
@@ -79,7 +79,7 @@ export default create({
   },
   emits: [''],
 
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     const parent = inject('formErrorTip') as any;
     provide('form', {
       props
diff --git a/src/packages/__VUE/image/__tests__/image.spec.ts b/src/packages/__VUE/image/__tests__/image.spec.ts
index 02c7b8ec23..190a37d150 100644
--- a/src/packages/__VUE/image/__tests__/image.spec.ts
+++ b/src/packages/__VUE/image/__tests__/image.spec.ts
@@ -1,5 +1,4 @@
 import { config, mount } from '@vue/test-utils';
-import { h, nextTick } from 'vue';
 import ImagePage from '../index.vue';
 import { Loading, CircleClose, Image, ImageError } from '@nutui/icons-vue';
 beforeAll(() => {
diff --git a/src/packages/__VUE/image/index.vue b/src/packages/__VUE/image/index.vue
index 3acc050e65..cdb6a34c66 100644
--- a/src/packages/__VUE/image/index.vue
+++ b/src/packages/__VUE/image/index.vue
@@ -158,7 +158,7 @@ export default create({
 
     watch(
       () => props.src,
-      (val) => {
+      () => {
         (state.isError = false), (state.loading = true);
       }
     );
diff --git a/src/packages/__VUE/imagepreview/__tests__/imagepreview.spec.ts b/src/packages/__VUE/imagepreview/__tests__/imagepreview.spec.ts
index e3a2faeda9..07929e7bf9 100644
--- a/src/packages/__VUE/imagepreview/__tests__/imagepreview.spec.ts
+++ b/src/packages/__VUE/imagepreview/__tests__/imagepreview.spec.ts
@@ -18,20 +18,6 @@ const images = [
   }
 ];
 
-const videos = [
-  {
-    source: {
-      src: 'https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D',
-      type: 'video/mp4'
-    },
-    options: {
-      autoplay: false,
-      muted: false,
-      controls: false
-    }
-  }
-];
-
 test('basic usage test', async () => {
   const wrapper = mount(ImagePreview, {
     props: {
diff --git a/src/packages/__VUE/indicator/index.taro.vue b/src/packages/__VUE/indicator/index.taro.vue
index 9cdd5af553..e6a065b1c6 100644
--- a/src/packages/__VUE/indicator/index.taro.vue
+++ b/src/packages/__VUE/indicator/index.taro.vue
@@ -9,8 +9,6 @@
   </view>
 </template>
 <script lang="ts">
-import Taro from '@tarojs/taro';
-
 import { toRefs, computed } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { padZero } from '@/packages/utils/util';
diff --git a/src/packages/__VUE/input/index.taro.vue b/src/packages/__VUE/input/index.taro.vue
index 75cd3eb254..b16bf4994c 100644
--- a/src/packages/__VUE/input/index.taro.vue
+++ b/src/packages/__VUE/input/index.taro.vue
@@ -165,7 +165,7 @@ export default create({
   components: { MaskClose },
   emits: ['update:modelValue', 'blur', 'focus', 'clear', 'keypress', 'click', 'click-input'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const active = ref(false);
 
     const inputRef = ref();
@@ -258,8 +258,6 @@ export default create({
       if (props.disabled || props.readonly) {
         return;
       }
-      const input = event.target as HTMLInputElement;
-      let value = input.value;
       active.value = true;
       emit('focus', event);
       // emit('update:modelValue', value);
diff --git a/src/packages/__VUE/input/index.vue b/src/packages/__VUE/input/index.vue
index f385174db1..b3a2069523 100644
--- a/src/packages/__VUE/input/index.vue
+++ b/src/packages/__VUE/input/index.vue
@@ -154,7 +154,7 @@ export default create({
   emits: ['update:modelValue', 'blur', 'focus', 'clear', 'keypress', 'click', 'click-input'],
   expose: ['focus', 'blur', 'select'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const active = ref(false);
     const inputRef = ref();
     const getModelValue = () => String(props.modelValue ?? '');
@@ -243,8 +243,6 @@ export default create({
       if (props.disabled || props.readonly) {
         return;
       }
-      const input = event.target as HTMLInputElement;
-      let value = input.value;
       active.value = true;
       emit('focus', event);
       // emit('update:modelValue', value);
diff --git a/src/packages/__VUE/inputnumber/demo.vue b/src/packages/__VUE/inputnumber/demo.vue
index 9211113035..b9d81c08c3 100644
--- a/src/packages/__VUE/inputnumber/demo.vue
+++ b/src/packages/__VUE/inputnumber/demo.vue
@@ -47,7 +47,7 @@
 </template>
 
 <script lang="ts">
-import { reactive, getCurrentInstance, defineComponent } from 'vue';
+import { reactive, defineComponent } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { Left, Right } from '@nutui/icons-vue';
 import { showToast } from '@/packages/nutui.vue';
diff --git a/src/packages/__VUE/invoice/index.taro.vue b/src/packages/__VUE/invoice/index.taro.vue
index d3582d8df5..24b4872574 100644
--- a/src/packages/__VUE/invoice/index.taro.vue
+++ b/src/packages/__VUE/invoice/index.taro.vue
@@ -37,7 +37,7 @@
   </view>
 </template>
 <script lang="ts">
-import { reactive, toRefs, computed, ref, onMounted, watch, PropType } from 'vue';
+import { reactive, toRefs, computed, ref, onMounted, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Form from '../form/index.taro.vue';
 import FormItem from '../formitem/index.taro.vue';
diff --git a/src/packages/__VUE/invoice/index.vue b/src/packages/__VUE/invoice/index.vue
index 3d9768b33e..797c61af78 100644
--- a/src/packages/__VUE/invoice/index.vue
+++ b/src/packages/__VUE/invoice/index.vue
@@ -37,7 +37,7 @@
   </view>
 </template>
 <script lang="ts">
-import { reactive, toRefs, computed, ref, onMounted, watch, PropType } from 'vue';
+import { reactive, toRefs, computed, ref, onMounted, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Form from '../form/index.vue';
 import FormItem from '../formitem/index.vue';
diff --git a/src/packages/__VUE/list/demo.vue b/src/packages/__VUE/list/demo.vue
index 4ceb49fff8..cc046a43da 100644
--- a/src/packages/__VUE/list/demo.vue
+++ b/src/packages/__VUE/list/demo.vue
@@ -3,7 +3,7 @@
     <h2>{{ translate('basic') }}</h2>
     <nut-cell>
       <nut-list :listData="count" @scroll-bottom="handleScroll">
-        <template v-slot="{ index }">
+        <template #default="{ index }">
           <div class="list-item">
             {{ index }}
           </div>
diff --git a/src/packages/__VUE/list/index.taro.vue b/src/packages/__VUE/list/index.taro.vue
index 883cbee2dd..60e5262c52 100644
--- a/src/packages/__VUE/list/index.taro.vue
+++ b/src/packages/__VUE/list/index.taro.vue
@@ -133,7 +133,7 @@ export default create({
       const start = nodes[0];
       nodes.forEach(async (node: HTMLDivElement, index: number) => {
         if (!node) return;
-        const rect = await useTaroRect(node, Taro);
+        const rect = await useTaroRect(node);
         if (rect && rect.height) {
           const { height } = rect;
           const oldHeight = state.cachePositions[index + state.start]
diff --git a/src/packages/__VUE/menu/__tests__/menu.spec.tsx b/src/packages/__VUE/menu/__tests__/menu.spec.tsx
index b21561974d..c52b50abd7 100644
--- a/src/packages/__VUE/menu/__tests__/menu.spec.tsx
+++ b/src/packages/__VUE/menu/__tests__/menu.spec.tsx
@@ -310,10 +310,10 @@ test('Menu: menu item open and close events: should be both emitted', async () =
       };
     },
     methods: {
-      handleOpen(val: any) {
+      handleOpen() {
         (this as any).value2 = 'b';
       },
-      handleClose(val: any) {
+      handleClose() {
         (this as any).value2 = 'c';
       }
     }
diff --git a/src/packages/__VUE/menu/index.taro.vue b/src/packages/__VUE/menu/index.taro.vue
index 86af5db3f1..dd84a9a675 100644
--- a/src/packages/__VUE/menu/index.taro.vue
+++ b/src/packages/__VUE/menu/index.taro.vue
@@ -134,7 +134,7 @@ export default create({
     const updateOffset = (children: any) => {
       if (barRef.value) {
         setTimeout(() => {
-          useTaroRect(barRef, Taro).then((rect: any) => {
+          useTaroRect(barRef).then((rect: any) => {
             if (props.direction === 'down') {
               offset.value = rect.bottom;
             } else {
diff --git a/src/packages/__VUE/menu/index.vue b/src/packages/__VUE/menu/index.vue
index 217d8cc8a4..3280c051fd 100644
--- a/src/packages/__VUE/menu/index.vue
+++ b/src/packages/__VUE/menu/index.vue
@@ -65,7 +65,7 @@ export default create({
     },
     titleClass: [String]
   },
-  setup(props, { emit, slots }) {
+  setup(props) {
     const barRef = ref<HTMLElement>();
     const offset = ref(0);
     const isScrollFixed = ref(false);
diff --git a/src/packages/__VUE/navbar/index.taro.vue b/src/packages/__VUE/navbar/index.taro.vue
index 0e08d0d40d..08a5603c21 100644
--- a/src/packages/__VUE/navbar/index.taro.vue
+++ b/src/packages/__VUE/navbar/index.taro.vue
@@ -45,7 +45,6 @@
 
 <script lang="ts">
 import { onMounted, computed, toRefs, ref, ComputedRef } from 'vue';
-import { useTaroRect } from '@/packages/utils/useTaroRect';
 import { createComponent } from '@/packages/utils/create';
 import Taro from '@tarojs/taro';
 const { componentName, create } = createComponent('navbar');
diff --git a/src/packages/__VUE/noticebar/demo.vue b/src/packages/__VUE/noticebar/demo.vue
index 092448794b..f926e7c38d 100644
--- a/src/packages/__VUE/noticebar/demo.vue
+++ b/src/packages/__VUE/noticebar/demo.vue
@@ -14,7 +14,7 @@
     <nut-noticebar :close-mode="true" @click="closeFun">{{ translate('text') }} </nut-noticebar>
     <p />
     <nut-noticebar>
-      <template v-slot:left-icon>
+      <template #left-icon>
         <img
           src="https://img13.360buyimg.com/imagetools/jfs/t1/72082/2/3006/1197/5d130c8dE1c71bcd6/e48a3b60804c9775.png"
           style="width: 20px; height: 20px"
diff --git a/src/packages/__VUE/noticebar/index.taro.vue b/src/packages/__VUE/noticebar/index.taro.vue
index 03e7eda0b1..c4bde702eb 100644
--- a/src/packages/__VUE/noticebar/index.taro.vue
+++ b/src/packages/__VUE/noticebar/index.taro.vue
@@ -405,7 +405,7 @@ export default create({
 
     const watchSlots = () => {
       setTimeout(() => {
-        var observer = new MutationObserver((slots) => {
+        var observer = new MutationObserver(() => {
           state.showNotica = false;
           setTimeout(() => {
             state.showNotica = true;
diff --git a/src/packages/__VUE/noticebar/index.vue b/src/packages/__VUE/noticebar/index.vue
index b599068c9e..f3ae076ff2 100644
--- a/src/packages/__VUE/noticebar/index.vue
+++ b/src/packages/__VUE/noticebar/index.vue
@@ -265,8 +265,8 @@ export default create({
 
     watch(
       () => props.text,
-      (value) => {
-        initScrollWrap(value);
+      () => {
+        initScrollWrap();
       }
     );
 
@@ -277,7 +277,7 @@ export default create({
       }
     );
 
-    const initScrollWrap = (value: string) => {
+    const initScrollWrap = () => {
       if (state.showNoticebar == false) {
         return;
       }
@@ -383,7 +383,7 @@ export default create({
           props.complexAm ? startRoll() : startRollEasy();
         }, props.standTime);
       } else {
-        initScrollWrap(props.text);
+        initScrollWrap();
       }
     });
 
@@ -393,7 +393,7 @@ export default create({
 
     const watchSlots = () => {
       setTimeout(() => {
-        var observer = new MutationObserver((slots) => {
+        var observer = new MutationObserver(() => {
           state.showNotica = false;
           setTimeout(() => {
             state.showNotica = true;
diff --git a/src/packages/__VUE/notify/__test__/notify.ts b/src/packages/__VUE/notify/__test__/notify.ts
index 634816a12f..51c65fa12f 100644
--- a/src/packages/__VUE/notify/__test__/notify.ts
+++ b/src/packages/__VUE/notify/__test__/notify.ts
@@ -1,4 +1,4 @@
-import { createVNode, defineComponent, render, h, onMounted } from 'vue';
+import { createVNode, render, h, onMounted } from 'vue';
 import Notify from '../index.vue';
 const defaultOptions = {
   type: 'base',
diff --git a/src/packages/__VUE/numberkeyboard/demo.vue b/src/packages/__VUE/numberkeyboard/demo.vue
index 2c6118a924..e902d1e894 100644
--- a/src/packages/__VUE/numberkeyboard/demo.vue
+++ b/src/packages/__VUE/numberkeyboard/demo.vue
@@ -59,7 +59,7 @@
 </template>
 
 <script lang="ts">
-import { ref, getCurrentInstance, reactive, defineComponent } from 'vue';
+import { ref, reactive, defineComponent } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { showToast } from '@/packages/nutui.vue';
 const { translate } = createComponent('number-keyboard');
@@ -111,7 +111,7 @@ export default defineComponent({
     function onDelete() {
       showToast.text('删除');
     }
-    function close(index: number) {
+    function close() {
       console.log('关闭');
     }
     function onBlur(index: number) {
diff --git a/src/packages/__VUE/numberkeyboard/index.taro.vue b/src/packages/__VUE/numberkeyboard/index.taro.vue
index 0002db4abf..cef250c135 100644
--- a/src/packages/__VUE/numberkeyboard/index.taro.vue
+++ b/src/packages/__VUE/numberkeyboard/index.taro.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script lang="ts">
-import { computed, onMounted, provide, reactive, nextTick, ref, watch, Ref } from 'vue';
+import { computed, ref, watch, Ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Popup from '../popup/index.taro.vue';
 const { create, translate } = createComponent('number-keyboard');
@@ -140,7 +140,7 @@ export default create({
         id: 'lock',
         type: 'lock'
       };
-      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      let customKeys: any = Array.isArray(customKey) ? customKey : [customKey];
       if (customKeys.length === 1) {
         object = {
           id: customKeys[0],
@@ -165,7 +165,7 @@ export default create({
     function genCustomKeys() {
       const keys = getBasicKeys();
       const { customKey } = props;
-      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      let customKeys: any = Array.isArray(customKey) ? customKey : [customKey];
       if (customKeys.length > 2) {
         customKeys = [customKeys[0], customKeys[1]];
       }
@@ -205,7 +205,7 @@ export default create({
       clickKeyIndex.value = item.id;
       if (item.type == 'number' || item.type == 'custom') {
         emit('input', item.id);
-        if (props.modelValue.length < props.maxlength) {
+        if (props.modelValue.length < Number(props.maxlength)) {
           emit('update:modelValue', props.modelValue + item.id);
         }
       }
diff --git a/src/packages/__VUE/picker/Column.vue b/src/packages/__VUE/picker/Column.vue
index 945e17a7cc..77014816dd 100644
--- a/src/packages/__VUE/picker/Column.vue
+++ b/src/packages/__VUE/picker/Column.vue
@@ -30,7 +30,7 @@
   </view>
 </template>
 <script lang="ts">
-import { reactive, ref, watch, computed, toRefs, onMounted, PropType, CSSProperties } from 'vue';
+import { reactive, ref, watch, computed, toRefs, onMounted, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { PickerOption, TouchParams } from './types';
 import { preventDefault, clamp } from '@/packages/utils/util';
@@ -272,7 +272,7 @@ export default create({
 
     watch(
       () => props.column,
-      (val) => {
+      () => {
         if (props.column && props.column.length > 0) {
           state.transformY = 0;
           modifyStatus(false);
@@ -285,7 +285,7 @@ export default create({
 
     watch(
       () => props.value,
-      (val) => {
+      () => {
         state.transformY = 0;
         modifyStatus(false);
       },
diff --git a/src/packages/__VUE/picker/__tests__/picker.spec.ts b/src/packages/__VUE/picker/__tests__/picker.spec.ts
index ea7760051e..2ba690a478 100644
--- a/src/packages/__VUE/picker/__tests__/picker.spec.ts
+++ b/src/packages/__VUE/picker/__tests__/picker.spec.ts
@@ -24,52 +24,6 @@ const multipleColumns = [
     { text: '晚上', value: 'Evening' }
   ]
 ];
-const multistageColumns = [
-  {
-    text: '浙江',
-    value: 'ZheJiang',
-    children: [
-      {
-        text: '杭州',
-        value: 'HangZhou',
-        children: [
-          { text: '西湖区', value: 'XiHu' },
-          { text: '余杭区', value: 'YuHang' }
-        ]
-      },
-      {
-        text: '温州',
-        value: 'WenZhou',
-        children: [
-          { text: '鹿城区', value: 'LuCheng' },
-          { text: '瓯海区', value: 'OuHai' }
-        ]
-      }
-    ]
-  },
-  {
-    text: '福建',
-    value: 'FuJian',
-    children: [
-      {
-        text: '福州',
-        value: 'FuZhou',
-        children: [
-          { text: '鼓楼区', value: 'GuLou' },
-          { text: '台江区', value: 'TaiJiang' }
-        ]
-      },
-      {
-        text: '厦门',
-        value: 'XiaMen',
-        children: [
-          { text: '思明区', value: 'SiMing' },
-          { text: '海沧区', value: 'HaiCang' }
-        ]
-      }
-    ]
-  }
-];
 
 test('first render', async () => {
   const wrapper = mount(Picker, {
diff --git a/src/packages/__VUE/picker/common.ts b/src/packages/__VUE/picker/common.ts
index 529f87a341..3627e16e03 100644
--- a/src/packages/__VUE/picker/common.ts
+++ b/src/packages/__VUE/picker/common.ts
@@ -4,7 +4,7 @@ import { pxCheck } from '@/packages/utils/pxCheck';
 const { translate } = createComponent('picker');
 import { usePicker } from './usePicker';
 import column from './Column.vue';
-import Taro, { nextTick } from '@tarojs/taro';
+import Taro from '@tarojs/taro';
 import baseProps from './baseProps';
 
 export const componentWeb = {
@@ -14,8 +14,7 @@ export const componentWeb = {
   props: baseProps,
   emits: ['cancel', 'change', 'confirm', 'update:modelValue'],
   setup(props: any, { emit }: any) {
-    const { changeHandler, confirm, defaultValues, columnsList, selectedOptions, columnsType, classes, cancel } =
-      usePicker(props, emit);
+    const { changeHandler, confirm, defaultValues, columnsList, columnsType, classes, cancel } = usePicker(props, emit);
 
     const state = reactive<{
       ENV: TaroGeneral.ENV_TYPE;
diff --git a/src/packages/__VUE/picker/demo.vue b/src/packages/__VUE/picker/demo.vue
index 5a3ffec1f5..60b340a830 100644
--- a/src/packages/__VUE/picker/demo.vue
+++ b/src/packages/__VUE/picker/demo.vue
@@ -177,11 +177,11 @@ export default defineComponent({
       }, 500);
     });
 
-    const confirm = ({ selectedValue, selectedOptions }: { selectedValue: string[]; selectedOptions: any }) => {
+    const confirm = ({ selectedOptions }: { selectedValue: string[]; selectedOptions: any }) => {
       showToast.text(selectedOptions.map((val: any) => val.text).join(','));
     };
 
-    const popupConfirm = ({ selectedValue, selectedOptions }: { selectedValue: string[]; selectedOptions: any }) => {
+    const popupConfirm = ({ selectedOptions }: { selectedValue: string[]; selectedOptions: any }) => {
       popupDesc.value = selectedOptions.map((val: any) => val.text).join(',');
       show.value = false;
     };
diff --git a/src/packages/__VUE/picker/index.taro.vue b/src/packages/__VUE/picker/index.taro.vue
index 07ef5462de..f4a0abb4e3 100644
--- a/src/packages/__VUE/picker/index.taro.vue
+++ b/src/packages/__VUE/picker/index.taro.vue
@@ -50,7 +50,7 @@
           :visibleOptionNum="visibleOptionNum"
           :optionHeight="optionHeight"
           @change="
-            (option:PickerOption) => {
+            (option: any) => {
               changeHandler(columnIndex, option);
             }
           "
@@ -66,7 +66,6 @@ import { componentWeb, componentWeapp } from './common';
 import Taro from '@tarojs/taro';
 const { create } = createComponent('picker');
 import { Component } from 'vue';
-import { PickerOption } from './types';
 
 const component: Component = Taro.getEnv() == Taro.ENV_TYPE.WEB ? componentWeb : componentWeapp;
 
diff --git a/src/packages/__VUE/picker/index.vue b/src/packages/__VUE/picker/index.vue
index b2fa33d253..fd0c67cd40 100644
--- a/src/packages/__VUE/picker/index.vue
+++ b/src/packages/__VUE/picker/index.vue
@@ -20,7 +20,7 @@
           :visibleOptionNum="visibleOptionNum"
           :optionHeight="optionHeight"
           @change="
-            (option:PickerOption) => {
+            (option: any) => {
               changeHandler(columnIndex, option);
             }
           "
@@ -32,13 +32,12 @@
   </div>
 </template>
 <script lang="ts">
-import { ref, computed, PropType, CSSProperties } from 'vue';
+import { ref, computed, CSSProperties } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { usePicker } from './usePicker';
 import column from './Column.vue';
 import baseProps from './baseProps';
-const { componentName, create, translate } = createComponent('picker');
-import { PickerOption } from './types';
+const { create, translate } = createComponent('picker');
 
 export default create({
   components: {
diff --git a/src/packages/__VUE/picker/usePicker.ts b/src/packages/__VUE/picker/usePicker.ts
index f41ea18dea..e377e1c420 100644
--- a/src/packages/__VUE/picker/usePicker.ts
+++ b/src/packages/__VUE/picker/usePicker.ts
@@ -1,4 +1,4 @@
-import { ref, reactive, watch, computed, toRefs, PropType } from 'vue';
+import { ref, reactive, watch, computed, toRefs } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { componentName } = createComponent('picker');
 import { PickerOption } from './types';
diff --git a/src/packages/__VUE/popover/index.taro.vue b/src/packages/__VUE/popover/index.taro.vue
index 2a359363e1..5b0fbccec9 100644
--- a/src/packages/__VUE/popover/index.taro.vue
+++ b/src/packages/__VUE/popover/index.taro.vue
@@ -69,7 +69,7 @@ import { onMounted, computed, watch, ref, PropType, CSSProperties } from 'vue';
 import { createComponent, renderIcon } from '@/packages/utils/create';
 const { create } = createComponent('popover');
 import { useTaroRect, rectTaro } from '@/packages/utils/useTaroRect';
-import { useRect, rect } from '@/packages/utils/useRect';
+import { useRect } from '@/packages/utils/useRect';
 import { isArray } from '@/packages/utils/util';
 import { PopoverList, PopoverTheme, PopoverLocation } from './type';
 import Taro from '@tarojs/taro';
@@ -229,10 +229,10 @@ export default create({
         if (Taro.getEnv() == Taro.ENV_TYPE.WEB) {
           rect = useRect(document.querySelector(`#${props.targetId}`) as Element);
         } else {
-          rect = await useTaroRect(props.targetId, Taro);
+          rect = await useTaroRect(props.targetId);
         }
       } else {
-        rect = await useTaroRect(popoverRef, Taro);
+        rect = await useTaroRect(popoverRef);
       }
 
       if (!(rootRect.value && rect.top == rootRect.value.top && rect.width == rootRect.value.width)) {
@@ -248,7 +248,7 @@ export default create({
     const getPopoverContentW = async (type: number = 1) => {
       const el = type == 1 ? popoverContentRef : popoverContentRefCopy;
 
-      let rectContent = await useTaroRect(el, Taro);
+      let rectContent = await useTaroRect(el);
 
       conentRootRect = {
         height: rectContent.height,
@@ -273,7 +273,7 @@ export default create({
 
     watch(
       () => props.location,
-      (value) => {
+      () => {
         getRootPosition();
       }
     );
diff --git a/src/packages/__VUE/popover/index.vue b/src/packages/__VUE/popover/index.vue
index b27fbdb06b..44396d4115 100644
--- a/src/packages/__VUE/popover/index.vue
+++ b/src/packages/__VUE/popover/index.vue
@@ -33,7 +33,7 @@
   </view>
 </template>
 <script lang="ts">
-import { computed, watch, ref, PropType, CSSProperties, onMounted, h } from 'vue';
+import { computed, watch, ref, PropType, CSSProperties, onMounted } from 'vue';
 import { createComponent, renderIcon } from '@/packages/utils/create';
 import { isArray } from '@/packages/utils/util';
 import { useRect, rect } from '@/packages/utils/useRect';
diff --git a/src/packages/__VUE/popup/common.ts b/src/packages/__VUE/popup/common.ts
index f35f75777e..8e5cab17b5 100644
--- a/src/packages/__VUE/popup/common.ts
+++ b/src/packages/__VUE/popup/common.ts
@@ -1,4 +1,4 @@
-import { computed, ComputedRef, watchEffect, reactive, toRefs, ref, watch } from 'vue';
+import { computed, ComputedRef, watchEffect, reactive, toRefs, watch } from 'vue';
 
 import { popupProps } from './props';
 
@@ -95,7 +95,7 @@ export const component = (componentName: string, components: any) => {
 
       watch(
         () => props.visible,
-        (val) => {
+        () => {
           props.visible ? open() : close();
         }
       );
diff --git a/src/packages/__VUE/progress/index.taro.vue b/src/packages/__VUE/progress/index.taro.vue
index dc69c0cd2a..c5d349ec2a 100644
--- a/src/packages/__VUE/progress/index.taro.vue
+++ b/src/packages/__VUE/progress/index.taro.vue
@@ -47,9 +47,9 @@
 </template>
 
 <script lang="ts">
-import { computed, onMounted, useSlots, ref, watch } from 'vue';
+import { computed, onMounted, useSlots, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
+import { eventCenter, getCurrentInstance } from '@tarojs/taro';
 import { Checked } from '@nutui/icons-vue-taro';
 const { create } = createComponent('progress');
 export default create({
@@ -101,12 +101,12 @@ export default create({
       default: true
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const slotDefault = !!useSlots().default;
     const height = ref(props.strokeWidth + 'px');
     const insideText = ref();
     const percentage = computed(() => {
-      return props.percentage >= 100 ? 100 : props.percentage;
+      return Number(props.percentage) >= 100 ? 100 : Number(props.percentage);
     });
     const bgStyle = computed(() => {
       return {
diff --git a/src/packages/__VUE/progress/index.vue b/src/packages/__VUE/progress/index.vue
index fa802dd316..0d8df7edf4 100644
--- a/src/packages/__VUE/progress/index.vue
+++ b/src/packages/__VUE/progress/index.vue
@@ -47,7 +47,7 @@
 </template>
 
 <script lang="ts">
-import { computed, onMounted, useSlots, ref, watch } from 'vue';
+import { computed, onMounted, useSlots, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('progress');
 import { Checked } from '@nutui/icons-vue';
diff --git a/src/packages/__VUE/progress/test/index.spec.ts b/src/packages/__VUE/progress/test/index.spec.ts
index dc47550710..2938068523 100644
--- a/src/packages/__VUE/progress/test/index.spec.ts
+++ b/src/packages/__VUE/progress/test/index.spec.ts
@@ -1,4 +1,4 @@
-import { config, mount } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
 import { nextTick } from 'vue';
 import Progress from '../index.vue';
 
diff --git a/src/packages/__VUE/pullrefresh/demo.vue b/src/packages/__VUE/pullrefresh/demo.vue
index 0db6a92c5d..8545134c4d 100644
--- a/src/packages/__VUE/pullrefresh/demo.vue
+++ b/src/packages/__VUE/pullrefresh/demo.vue
@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts">
-import { onMounted, ref, reactive, toRefs, getCurrentInstance, defineComponent } from 'vue';
+import { ref, reactive, toRefs, defineComponent } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 
 const { translate } = createComponent('pull-refresh');
diff --git a/src/packages/__VUE/radio/index.taro.vue b/src/packages/__VUE/radio/index.taro.vue
index fe4709cfc4..b7c8ff4038 100644
--- a/src/packages/__VUE/radio/index.taro.vue
+++ b/src/packages/__VUE/radio/index.taro.vue
@@ -28,7 +28,7 @@ export default create({
       default: ''
     }
   },
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     let parent: any = inject('parent', null);
 
     const isCurValue = computed(() => {
diff --git a/src/packages/__VUE/radio/index.vue b/src/packages/__VUE/radio/index.vue
index 88085d3e42..3e39f55a0d 100644
--- a/src/packages/__VUE/radio/index.vue
+++ b/src/packages/__VUE/radio/index.vue
@@ -28,7 +28,7 @@ export default create({
       default: ''
     }
   },
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     let parent: any = inject('parent', null);
 
     const isCurValue = computed(() => {
diff --git a/src/packages/__VUE/range/index.taro.vue b/src/packages/__VUE/range/index.taro.vue
index f14feb5191..721a06992b 100644
--- a/src/packages/__VUE/range/index.taro.vue
+++ b/src/packages/__VUE/range/index.taro.vue
@@ -293,13 +293,12 @@ export default create({
       }
     };
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const onClick = async (event: any) => {
       if (props.disabled) {
         return;
       }
       const { min, modelValue } = props;
-      const rect = await useTaroRect(root, Taro);
+      const rect = await useTaroRect(root);
       let clientX, clientY;
       if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
         clientX = event.clientX;
@@ -359,7 +358,7 @@ export default create({
       touch.move(event);
       dragStatus.value = 'draging';
 
-      const rect = await useTaroRect(root, Taro);
+      const rect = await useTaroRect(root);
       let delta = touch.deltaX.value;
       let total = rect.width;
       let diff = (delta / total) * scope.value;
diff --git a/src/packages/__VUE/rate/__tests__/rate.spec.tsx b/src/packages/__VUE/rate/__tests__/rate.spec.tsx
index 7ddfa65ab8..774a1b3bac 100644
--- a/src/packages/__VUE/rate/__tests__/rate.spec.tsx
+++ b/src/packages/__VUE/rate/__tests__/rate.spec.tsx
@@ -1,14 +1,8 @@
 import { mount } from '@vue/test-utils';
 import Rate from '../index.vue';
-import { h, nextTick, ref } from 'vue';
+import { h, nextTick } from 'vue';
 import { Check } from '@nutui/icons-vue';
 
-const sleep = (delay = 0): Promise<void> => {
-  return new Promise((resolve) => {
-    setTimeout(resolve, delay);
-  });
-};
-
 test('base rate', () => {
   const wrapper = mount(Rate);
   const rate = wrapper.find('.nut-rate');
diff --git a/src/packages/__VUE/rate/index.taro.vue b/src/packages/__VUE/rate/index.taro.vue
index 248d7e0e0c..7feedd94b6 100644
--- a/src/packages/__VUE/rate/index.taro.vue
+++ b/src/packages/__VUE/rate/index.taro.vue
@@ -68,6 +68,7 @@ export default create({
       if (props.disabled || props.readonly) return;
       let value = 0;
       if (index === 1 && props.modelValue === index) {
+        value = 0;
       } else {
         value = index;
         if (props.allowHalf && e == 2) {
diff --git a/src/packages/__VUE/rate/index.vue b/src/packages/__VUE/rate/index.vue
index b172cfcf64..388fde40bf 100644
--- a/src/packages/__VUE/rate/index.vue
+++ b/src/packages/__VUE/rate/index.vue
@@ -1,6 +1,6 @@
 <template src="./template.html"></template>
 <script lang="ts">
-import { computed, h, Ref, ref } from 'vue';
+import { computed, Ref, ref } from 'vue';
 import { StarFillN } from '@nutui/icons-vue';
 import { createComponent, renderIcon } from '@/packages/utils/create';
 import { pxCheck } from '@/packages/utils/pxCheck';
@@ -73,6 +73,7 @@ export default create({
       if (props.disabled || props.readonly) return;
       let value = 0;
       if (index === 1 && props.modelValue === index) {
+        value = 0;
       } else {
         value = index;
         if (props.allowHalf && e == 2) {
diff --git a/src/packages/__VUE/searchbar/demo.vue b/src/packages/__VUE/searchbar/demo.vue
index 34b08158aa..86df47b3a0 100644
--- a/src/packages/__VUE/searchbar/demo.vue
+++ b/src/packages/__VUE/searchbar/demo.vue
@@ -12,14 +12,14 @@
 
     <h2>{{ translate('basic3') }}</h2>
     <nut-searchbar v-model="searchValue2" @click-left-icon="clickLeftIcon">
-      <template v-slot:leftin>
+      <template #leftin>
         <Search2 />
       </template>
     </nut-searchbar>
 
     <h2>{{ translate('basic4') }}</h2>
     <nut-searchbar v-model="searchValue3">
-      <template v-slot:rightout> {{ translate('word2') }} </template>
+      <template #rightout> {{ translate('word2') }} </template>
     </nut-searchbar>
 
     <h2>{{ translate('basic5') }}</h2>
@@ -32,23 +32,23 @@
 
     <h2>{{ translate('basic7') }}</h2>
     <nut-searchbar v-model="searchValue6">
-      <template v-slot:clear-icon>
+      <template #clear-icon>
         <img :src="icon" style="width: 20px; height: 20px" />
       </template>
     </nut-searchbar>
 
     <h2>{{ translate('basic6') }}</h2>
     <nut-searchbar v-model="searchValue5" @click-right-icon="clickRightIcon">
-      <template v-slot:leftout>
+      <template #leftout>
         <Left @click="clickLeft" />
       </template>
-      <template v-slot:leftin>
+      <template #leftin>
         <Search2 />
       </template>
-      <template v-slot:rightin>
+      <template #rightin>
         <Photograph />
       </template>
-      <template v-slot:rightout>
+      <template #rightout>
         <Message />
       </template>
     </nut-searchbar>
diff --git a/src/packages/__VUE/shortpassword/index.taro.vue b/src/packages/__VUE/shortpassword/index.taro.vue
index ea26c32619..9dfc8702eb 100644
--- a/src/packages/__VUE/shortpassword/index.taro.vue
+++ b/src/packages/__VUE/shortpassword/index.taro.vue
@@ -38,7 +38,7 @@ import { createComponent } from '@/packages/utils/create';
 import Popup from '../popup/index.taro.vue';
 import { Tips } from '@nutui/icons-vue-taro';
 const { create, translate } = createComponent('short-password');
-import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
+import { eventCenter, getCurrentInstance } from '@tarojs/taro';
 export default create({
   components: {
     [Popup.name]: Popup,
diff --git a/src/packages/__VUE/shortpassword/index.vue b/src/packages/__VUE/shortpassword/index.vue
index ed4aedf465..df1aa12531 100644
--- a/src/packages/__VUE/shortpassword/index.vue
+++ b/src/packages/__VUE/shortpassword/index.vue
@@ -34,7 +34,7 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, computed, watch, onMounted } from 'vue';
+import { ref, computed, watch } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import Popup from '../popup/index.vue';
 import { Tips } from '@nutui/icons-vue';
diff --git a/src/packages/__VUE/skeleton/common.ts b/src/packages/__VUE/skeleton/common.ts
index c6e50d9022..708bd4d90e 100644
--- a/src/packages/__VUE/skeleton/common.ts
+++ b/src/packages/__VUE/skeleton/common.ts
@@ -1,4 +1,4 @@
-import { onMounted, computed, toRefs } from 'vue';
+import { computed, toRefs } from 'vue';
 export type avatarShape = 'round' | 'square';
 
 export const component = (components: any) => {
diff --git a/src/packages/__VUE/sku/components/SkuHeader.taro.vue b/src/packages/__VUE/sku/components/SkuHeader.taro.vue
index 318b9f5085..8e3522b0be 100644
--- a/src/packages/__VUE/sku/components/SkuHeader.taro.vue
+++ b/src/packages/__VUE/sku/components/SkuHeader.taro.vue
@@ -35,7 +35,7 @@ export default create({
   components: {
     [Price.name]: Price
   },
-  setup(props: any, { emit, slots }) {
+  setup(props, { slots }) {
     const getSlots = (name: string) => slots[name];
 
     const state = reactive({
diff --git a/src/packages/__VUE/sku/components/SkuHeader.vue b/src/packages/__VUE/sku/components/SkuHeader.vue
index 60d51f209a..385078ee58 100644
--- a/src/packages/__VUE/sku/components/SkuHeader.vue
+++ b/src/packages/__VUE/sku/components/SkuHeader.vue
@@ -17,10 +17,9 @@
   </view>
 </template>
 <script lang="ts">
-import { ref, watch, onMounted } from 'vue';
 import Price from '../../price/index.vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('sku-header');
+const { create, translate } = createComponent('sku-header');
 
 export default create({
   props: {
@@ -33,7 +32,7 @@ export default create({
   components: {
     [Price.name]: Price
   },
-  setup(props: any, { emit, slots }) {
+  setup(props, { slots }) {
     const getSlots = (name: string) => slots[name];
 
     return {
diff --git a/src/packages/__VUE/sku/components/SkuOperate.vue b/src/packages/__VUE/sku/components/SkuOperate.vue
index 90059a7ae1..61073c1f9c 100644
--- a/src/packages/__VUE/sku/components/SkuOperate.vue
+++ b/src/packages/__VUE/sku/components/SkuOperate.vue
@@ -18,7 +18,7 @@
 <script lang="ts">
 import { PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('sku-operate');
+const { create } = createComponent('sku-operate');
 
 export default create({
   props: {
diff --git a/src/packages/__VUE/sku/components/SkuSelect.vue b/src/packages/__VUE/sku/components/SkuSelect.vue
index 76f501757c..32cf7fde88 100644
--- a/src/packages/__VUE/sku/components/SkuSelect.vue
+++ b/src/packages/__VUE/sku/components/SkuSelect.vue
@@ -19,7 +19,7 @@
 <script lang="ts">
 import { ref, watch, onMounted } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create } = createComponent('sku-select');
+const { create } = createComponent('sku-select');
 
 interface SkuInfo {
   name: string;
diff --git a/src/packages/__VUE/sku/components/SkuStepper.taro.vue b/src/packages/__VUE/sku/components/SkuStepper.taro.vue
index a99941c466..9bf041fefb 100644
--- a/src/packages/__VUE/sku/components/SkuStepper.taro.vue
+++ b/src/packages/__VUE/sku/components/SkuStepper.taro.vue
@@ -20,7 +20,7 @@ import { ref, onMounted } from 'vue';
 import { TypeOfFun } from '@/packages/utils/util';
 import { createComponent } from '@/packages/utils/create';
 import InputNumber from '../../inputnumber/index.taro.vue';
-const { componentName, create } = createComponent('sku-stepper');
+const { create } = createComponent('sku-stepper');
 
 export default create({
   props: {
diff --git a/src/packages/__VUE/sku/components/SkuStepper.vue b/src/packages/__VUE/sku/components/SkuStepper.vue
index 50517e0567..c7c669ead2 100644
--- a/src/packages/__VUE/sku/components/SkuStepper.vue
+++ b/src/packages/__VUE/sku/components/SkuStepper.vue
@@ -20,7 +20,7 @@ import { ref, onMounted } from 'vue';
 import { TypeOfFun } from '@/packages/utils/util';
 import { createComponent } from '@/packages/utils/create';
 import InputNumber from '../../inputnumber/index.vue';
-const { componentName, create } = createComponent('sku-stepper');
+const { create } = createComponent('sku-stepper');
 
 export default create({
   props: {
diff --git a/src/packages/__VUE/sku/demo.vue b/src/packages/__VUE/sku/demo.vue
index 2f3476a919..e1a92884b4 100644
--- a/src/packages/__VUE/sku/demo.vue
+++ b/src/packages/__VUE/sku/demo.vue
@@ -141,13 +141,6 @@ interface SkuItem {
   [key: string]: any;
 }
 
-interface GoodsProps {
-  skuId: string | number;
-  price: string; // 商品信息展示区，商品价格
-  imagePath?: string;
-  [key: string]: any;
-}
-
 interface Data {
   skuData: Skus[];
   goodsInfo: any;
diff --git a/src/packages/__VUE/sku/index.taro.vue b/src/packages/__VUE/sku/index.taro.vue
index c892c12440..388df7003e 100644
--- a/src/packages/__VUE/sku/index.taro.vue
+++ b/src/packages/__VUE/sku/index.taro.vue
@@ -67,7 +67,7 @@ import SkuStepper from './components/SkuStepper.taro.vue';
 import SkuOperate from './components/SkuOperate.vue';
 import Popup from '../popup/index.taro.vue';
 import { createComponent } from '@/packages/utils/create';
-const { componentName, create, translate } = createComponent('sku');
+const { create, translate } = createComponent('sku');
 
 export default create({
   props: {
diff --git a/src/packages/__VUE/sku/index.vue b/src/packages/__VUE/sku/index.vue
index c9183ea388..62ea61f062 100644
--- a/src/packages/__VUE/sku/index.vue
+++ b/src/packages/__VUE/sku/index.vue
@@ -70,7 +70,7 @@ import SkuOperate from './components/SkuOperate.vue';
 import { createComponent } from '@/packages/utils/create';
 import { popupProps } from '../popup/props';
 import Popup from '../popup/index.vue';
-const { componentName, create, translate } = createComponent('sku');
+const { create, translate } = createComponent('sku');
 
 export default create({
   props: {
diff --git a/src/packages/__VUE/sticky/__tests__/index.spec.ts b/src/packages/__VUE/sticky/__tests__/index.spec.ts
index bc2ca83748..e2325dced2 100644
--- a/src/packages/__VUE/sticky/__tests__/index.spec.ts
+++ b/src/packages/__VUE/sticky/__tests__/index.spec.ts
@@ -1,8 +1,7 @@
-import { mount, config, VueWrapper } from '@vue/test-utils';
+import { mount, VueWrapper } from '@vue/test-utils';
 import { mockScrollTop } from './../../../utils/unit';
 import Sticky from '../index.vue';
 import type { ComponentPublicInstance } from 'vue';
-import NutButton from '../../button/index.vue';
 
 Object.defineProperty(window.HTMLElement.prototype, 'clientHeight', {
   value: 667
diff --git a/src/packages/__VUE/sticky/demo.vue b/src/packages/__VUE/sticky/demo.vue
index baa73e8758..3fe24b2977 100644
--- a/src/packages/__VUE/sticky/demo.vue
+++ b/src/packages/__VUE/sticky/demo.vue
@@ -23,7 +23,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, defineComponent } from 'vue';
+import { ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 const { translate } = createComponent('sticky');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
diff --git a/src/packages/__VUE/swipe/demo.vue b/src/packages/__VUE/swipe/demo.vue
index a10e4e399e..5341cffb32 100644
--- a/src/packages/__VUE/swipe/demo.vue
+++ b/src/packages/__VUE/swipe/demo.vue
@@ -28,7 +28,7 @@
     <h2>{{ translate('async') }}</h2>
     <nut-swipe ref="refSwipe" @open="open" @close="close">
       <nut-cell :title="translate('asyncDesc')">
-        <template v-slot:link>
+        <template #link>
           <nut-switch
             v-model="checked"
             @change="changSwitch"
@@ -47,7 +47,7 @@
         <nut-button shape="square" style="height: 100%" type="success">{{ translate('select') }}</nut-button>
       </template>
       <nut-cell :title="translate('desc')">
-        <template v-slot:link>
+        <template #link>
           <nut-input-number v-model="number" />
         </template>
       </nut-cell>
diff --git a/src/packages/__VUE/swipe/index.taro.vue b/src/packages/__VUE/swipe/index.taro.vue
index 21d557a214..f2aa724885 100644
--- a/src/packages/__VUE/swipe/index.taro.vue
+++ b/src/packages/__VUE/swipe/index.taro.vue
@@ -21,7 +21,6 @@
   </view>
 </template>
 <script lang="ts">
-import Taro from '@tarojs/taro';
 import { useTouch } from '@/packages/utils/useTouch';
 import { computed, onMounted, reactive, Ref, ref } from 'vue';
 import { createComponent } from '@/packages/utils/create';
@@ -59,7 +58,7 @@ export default create({
     });
 
     const getRefWidth = async (ref: Ref<HTMLElement | undefined>) => {
-      let rect = await useTaroRect(ref, Taro);
+      let rect = await useTaroRect(ref);
       return rect.width || 0;
     };
 
diff --git a/src/packages/__VUE/swiper/demo.vue b/src/packages/__VUE/swiper/demo.vue
index c6e8557da2..332b024cbb 100644
--- a/src/packages/__VUE/swiper/demo.vue
+++ b/src/packages/__VUE/swiper/demo.vue
@@ -36,7 +36,7 @@
         <nut-swiper-item v-for="item in list" :key="item">
           <img :src="item" alt="" />
         </nut-swiper-item>
-        <template v-slot:page>
+        <template #page>
           <div class="page"> {{ current }}/4 </div>
         </template>
       </nut-swiper>
@@ -47,7 +47,7 @@
         <nut-swiper-item v-for="item in list1" :key="item">
           <img :src="item" alt="" />
         </nut-swiper-item>
-        <template v-slot:page>
+        <template #page>
           <div class="page"> {{ current1 }}/4 </div>
         </template>
       </nut-swiper>
diff --git a/src/packages/__VUE/swiper/index.taro.vue b/src/packages/__VUE/swiper/index.taro.vue
index 6bd7444cb7..dc87fb6966 100644
--- a/src/packages/__VUE/swiper/index.taro.vue
+++ b/src/packages/__VUE/swiper/index.taro.vue
@@ -328,7 +328,7 @@ export default create({
     };
 
     const autoplay = () => {
-      if (props.autoPlay <= 0 || childCount.value <= 1) return;
+      if (Number(props.autoPlay) <= 0 || childCount.value <= 1) return;
       stopAutoPlay();
 
       state.autoplayTimer = setTimeout(() => {
@@ -340,7 +340,7 @@ export default create({
     const init = async (active: number = +props.initPage) => {
       if (!container.value) return;
       stopAutoPlay();
-      state.rect = await useTaroRect(container, Taro);
+      state.rect = await useTaroRect(container);
       if (state.rect) {
         active = Math.min(childCount.value - 1, active);
         state.width = props.width ? +props.width : (state.rect as DOMRect).width;
@@ -374,7 +374,7 @@ export default create({
       }
     };
 
-    const onTouchEnd = (e: TouchEvent) => {
+    const onTouchEnd = () => {
       if (!props.touchable || !state.moving) return;
       const speed = delTa.value / (Date.now() - state.touchTime);
       const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
@@ -448,7 +448,7 @@ export default create({
     watch(
       () => props.autoPlay,
       (val) => {
-        val > 0 ? autoplay() : stopAutoPlay();
+        Number(val) > 0 ? autoplay() : stopAutoPlay();
       }
     );
 
diff --git a/src/packages/__VUE/swiper/index.vue b/src/packages/__VUE/swiper/index.vue
index 85922b9ff1..6cc109a529 100644
--- a/src/packages/__VUE/swiper/index.vue
+++ b/src/packages/__VUE/swiper/index.vue
@@ -370,7 +370,7 @@ export default create({
       }
     };
 
-    const onTouchEnd = (e: TouchEvent) => {
+    const onTouchEnd = () => {
       if (!props.touchable || !state.moving) return;
       const speed = delTa.value / (Date.now() - state.touchTime);
       const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
diff --git a/src/packages/__VUE/swiperitem/index.taro.vue b/src/packages/__VUE/swiperitem/index.taro.vue
index 881d5c5799..aa2f182c58 100644
--- a/src/packages/__VUE/swiperitem/index.taro.vue
+++ b/src/packages/__VUE/swiperitem/index.taro.vue
@@ -12,7 +12,7 @@ import { IStyle } from './type';
 const { create, componentName } = createComponent('swiper-item');
 
 export default create({
-  setup(props, { slots }) {
+  setup() {
     const parent = inject('parent') as any;
     parent['relation'](getCurrentInstance());
     const state = reactive({
diff --git a/src/packages/__VUE/swiperitem/index.vue b/src/packages/__VUE/swiperitem/index.vue
index 881d5c5799..aa2f182c58 100644
--- a/src/packages/__VUE/swiperitem/index.vue
+++ b/src/packages/__VUE/swiperitem/index.vue
@@ -12,7 +12,7 @@ import { IStyle } from './type';
 const { create, componentName } = createComponent('swiper-item');
 
 export default create({
-  setup(props, { slots }) {
+  setup() {
     const parent = inject('parent') as any;
     parent['relation'](getCurrentInstance());
     const state = reactive({
diff --git a/src/packages/__VUE/tabbar/__test__/index.spec.tsx b/src/packages/__VUE/tabbar/__test__/index.spec.tsx
index 70c120b028..b6b2e8ebf0 100644
--- a/src/packages/__VUE/tabbar/__test__/index.spec.tsx
+++ b/src/packages/__VUE/tabbar/__test__/index.spec.tsx
@@ -1,8 +1,8 @@
-import { config, mount } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
 import { vi } from 'vitest';
 import Tabbar from '../index.vue';
 import TabbarItem from '../../tabbaritem/index.vue';
-import { nextTick, ref, h } from 'vue';
+import { nextTick, h } from 'vue';
 import { Home, Category, Find } from '@nutui/icons-vue';
 
 // 模拟setup导入资源
diff --git a/src/packages/__VUE/tabbar/demo.vue b/src/packages/__VUE/tabbar/demo.vue
index d96ac79230..fc76b856a9 100644
--- a/src/packages/__VUE/tabbar/demo.vue
+++ b/src/packages/__VUE/tabbar/demo.vue
@@ -32,7 +32,13 @@
     <h2>{{ translate('byName') }}</h2>
 
     <nut-tabbar v-model="activeName" @tab-switch="tabSwitch">
-      <nut-tabbar-item v-for="item in List" :name="item.name" :tab-title="item.title" :icon="item.icon">
+      <nut-tabbar-item
+        v-for="item in List"
+        :name="item.name"
+        :tab-title="item.title"
+        :icon="item.icon"
+        :key="item.name"
+      >
       </nut-tabbar-item>
     </nut-tabbar>
 
@@ -53,7 +59,8 @@
 
     <h2>{{ translate('customCheck') }}</h2>
     <nut-tabbar v-model="active">
-      <nut-tabbar-item v-for="item in List" :tab-title="item.title" :icon="item.icon"> </nut-tabbar-item>
+      <nut-tabbar-item v-for="item in List" :tab-title="item.title" :icon="item.icon" :key="item.name">
+      </nut-tabbar-item>
     </nut-tabbar>
 
     <h2>{{ translate('showBadge') }}</h2>
@@ -82,7 +89,8 @@
 
     <h2>{{ translate('customColor') }}</h2>
     <nut-tabbar unactive-color="#7d7e80" active-color="#1989fa">
-      <nut-tabbar-item v-for="item in List" :tab-title="item.title" :icon="item.icon"> </nut-tabbar-item>
+      <nut-tabbar-item v-for="item in List" :tab-title="item.title" :icon="item.icon" :key="item.name">
+      </nut-tabbar-item>
     </nut-tabbar>
     <h2>{{ translate('customQuantity') }}</h2>
     <nut-tabbar unactive-color="#7d7e80" active-color="#1989fa">
@@ -104,7 +112,8 @@
     </nut-tabbar>
     <h2>{{ translate('fixedBottom') }}</h2>
     <nut-tabbar bottom safe-area-inset-bottom placeholder>
-      <nut-tabbar-item v-for="item in List" :tab-title="item.title" :icon="item.icon"> </nut-tabbar-item>
+      <nut-tabbar-item v-for="item in List" :tab-title="item.title" :icon="item.icon" :key="item.name">
+      </nut-tabbar-item>
     </nut-tabbar>
   </div>
 </template>
diff --git a/src/packages/__VUE/tabbar/index.taro.vue b/src/packages/__VUE/tabbar/index.taro.vue
index 701945b15a..39c9b6d310 100644
--- a/src/packages/__VUE/tabbar/index.taro.vue
+++ b/src/packages/__VUE/tabbar/index.taro.vue
@@ -51,7 +51,7 @@ export default create({
     }
   },
   emits: ['tab-switch', 'update:modelValue'],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const { bottom, placeholder } = toRefs(props);
     const mdValue = reactive({
       val: props.modelValue,
diff --git a/src/packages/__VUE/tabbar/index.vue b/src/packages/__VUE/tabbar/index.vue
index 7c05d9fbee..1fdca866ea 100644
--- a/src/packages/__VUE/tabbar/index.vue
+++ b/src/packages/__VUE/tabbar/index.vue
@@ -46,7 +46,7 @@ export default create({
     }
   },
   emits: ['tab-switch', 'update:modelValue'],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const { bottom, placeholder } = toRefs(props);
     const height = ref();
     const mdValue = reactive({
diff --git a/src/packages/__VUE/tabbaritem/index.taro.vue b/src/packages/__VUE/tabbaritem/index.taro.vue
index 1598021584..396c2cb13c 100644
--- a/src/packages/__VUE/tabbaritem/index.taro.vue
+++ b/src/packages/__VUE/tabbaritem/index.taro.vue
@@ -32,16 +32,7 @@
 </template>
 <script lang="ts">
 import { createComponent, renderIcon } from '@/packages/utils/create';
-import {
-  Component,
-  ComponentInternalInstance,
-  computed,
-  PropType,
-  getCurrentInstance,
-  inject,
-  reactive,
-  watch
-} from 'vue';
+import { Component, ComponentInternalInstance, computed, PropType, getCurrentInstance, inject, reactive } from 'vue';
 import Badge from '../badge/index.taro.vue';
 const { create } = createComponent('tabbar-item');
 export default create({
@@ -67,7 +58,7 @@ export default create({
       default: ''
     }
   },
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     const isHaveSlot = (slot: string) => {
       return slots[slot];
     };
diff --git a/src/packages/__VUE/tabbaritem/index.vue b/src/packages/__VUE/tabbaritem/index.vue
index 32e4f2516e..8f3ac41f2e 100644
--- a/src/packages/__VUE/tabbaritem/index.vue
+++ b/src/packages/__VUE/tabbaritem/index.vue
@@ -34,16 +34,7 @@
 import { createComponent, renderIcon } from '@/packages/utils/create';
 import { useRouter } from '@/packages/utils/useRoute';
 import Badge from '../badge/index.vue';
-import {
-  Component,
-  ComponentInternalInstance,
-  computed,
-  getCurrentInstance,
-  inject,
-  reactive,
-  watch,
-  PropType
-} from 'vue';
+import { Component, ComponentInternalInstance, computed, getCurrentInstance, inject, reactive, PropType } from 'vue';
 const { create } = createComponent('tabbar-item');
 export default create({
   components: { [Badge.name]: Badge },
@@ -67,7 +58,7 @@ export default create({
     },
     to: [Object, String]
   },
-  setup(props, { emit, slots }) {
+  setup(props, { slots }) {
     const isHaveSlot = (slot: string) => {
       return slots[slot];
     };
diff --git a/src/packages/__VUE/table/common.ts b/src/packages/__VUE/table/common.ts
index 1837eeffc9..92703d3157 100644
--- a/src/packages/__VUE/table/common.ts
+++ b/src/packages/__VUE/table/common.ts
@@ -36,7 +36,7 @@ export const component = (componentName: string, translate: Function) => {
       }
     },
     emits: ['sorter'],
-    setup(props: any, { emit, slots }: any) {
+    setup(props: any, { emit }: any) {
       const state = reactive({
         curData: props.data
       });
diff --git a/src/packages/__VUE/table/index.taro.vue b/src/packages/__VUE/table/index.taro.vue
index 11759911ff..d76ca23e6f 100644
--- a/src/packages/__VUE/table/index.taro.vue
+++ b/src/packages/__VUE/table/index.taro.vue
@@ -88,7 +88,7 @@ export default create({
     }
   },
   emits: ['sorter'],
-  setup(props: any, { emit, slots }: any) {
+  setup(props: any, { emit }: any) {
     const state = reactive({
       curData: props.data
     });
diff --git a/src/packages/__VUE/table/index.vue b/src/packages/__VUE/table/index.vue
index 113a621b4b..19591c39da 100644
--- a/src/packages/__VUE/table/index.vue
+++ b/src/packages/__VUE/table/index.vue
@@ -89,7 +89,7 @@ export default create({
     }
   },
   emits: ['sorter'],
-  setup(props: any, { emit, slots }: any) {
+  setup(props: any, { emit }: any) {
     const state = reactive({
       curData: props.data
     });
diff --git a/src/packages/__VUE/tabpane/index.vue b/src/packages/__VUE/tabpane/index.vue
index 23a0bbb382..dc6a2fa45e 100644
--- a/src/packages/__VUE/tabpane/index.vue
+++ b/src/packages/__VUE/tabpane/index.vue
@@ -24,7 +24,7 @@ export default create({
     }
   },
   emits: ['click'],
-  setup(props, { emit }) {
+  setup(props) {
     const parentOption = inject('tabsOpiton') as any;
     const paneStyle = computed(() => {
       return {
diff --git a/src/packages/__VUE/tabs/demo.vue b/src/packages/__VUE/tabs/demo.vue
index d088cf0a0a..c60d81f02d 100644
--- a/src/packages/__VUE/tabs/demo.vue
+++ b/src/packages/__VUE/tabs/demo.vue
@@ -37,24 +37,28 @@
     </nut-tabs>
     <h2>{{ translate('title3') }}</h2>
     <nut-tabs v-model="state.tab3value">
-      <nut-tab-pane v-for="item in state.list3" :title="'Tab ' + item"> Tab {{ item }} </nut-tab-pane>
+      <nut-tab-pane v-for="item in state.list3" :title="'Tab ' + item" :key="item"> Tab {{ item }} </nut-tab-pane>
     </nut-tabs>
 
     <h2>{{ translate('title4') }}</h2>
     <nut-tabs v-model="state.tab4value" title-scroll title-gutter="10">
-      <nut-tab-pane v-for="item in state.list4" :title="'Tab ' + item"> Tab {{ item }} </nut-tab-pane>
+      <nut-tab-pane v-for="item in state.list4" :title="'Tab ' + item" :key="item"> Tab {{ item }} </nut-tab-pane>
     </nut-tabs>
     <h2>{{ translate('title10') }}</h2>
     <nut-tabs v-model="state.tab4value" title-scroll direction="vertical" style="height: 150px">
-      <nut-tab-pane v-for="item in state.list4" :title="'Tab ' + item"> Tab {{ item }} </nut-tab-pane>
+      <nut-tab-pane v-for="item in state.list4" :title="'Tab ' + item" :key="item"> Tab {{ item }} </nut-tab-pane>
     </nut-tabs>
     <h2>{{ translate('title5') }}</h2>
     <nut-tabs style="height: 300px" v-model="state.tab5value" title-scroll direction="vertical">
-      <nut-tab-pane v-for="item in state.list5" :pane-key="item" :title="'Tab ' + item"> Tab {{ item }} </nut-tab-pane>
+      <nut-tab-pane v-for="item in state.list5" :pane-key="item" :title="'Tab ' + item" :key="item">
+        Tab {{ item }}
+      </nut-tab-pane>
     </nut-tabs>
     <h2>{{ translate('title6') }}</h2>
     <nut-tabs style="height: 300px" v-model="state.tab6value" type="smile" title-scroll direction="vertical">
-      <nut-tab-pane v-for="item in state.list5" :pane-key="item" :title="'Tab ' + item"> Tab {{ item }} </nut-tab-pane>
+      <nut-tab-pane v-for="item in state.list5" :pane-key="item" :title="'Tab ' + item" :key="item">
+        Tab {{ item }}
+      </nut-tab-pane>
     </nut-tabs>
     <h2>{{ translate('title7') }}</h2>
     <nut-tabs v-model="state.tab8value" size="large">
@@ -74,7 +78,7 @@
     </nut-tabs>
     <h2>{{ translate('title8') }}</h2>
     <nut-tabs v-model="state.tab7value">
-      <template v-slot:titles>
+      <template #titles>
         <div
           class="nut-tabs__titles-item"
           @click="state.tab7value = item.paneKey"
@@ -87,7 +91,7 @@
           <span class="nut-tabs__titles-item__line"></span>
         </div>
       </template>
-      <nut-tab-pane v-for="item in state.list6" :pane-key="item.paneKey">
+      <nut-tab-pane v-for="item in state.list6" :pane-key="item.paneKey" :key="item.paneKey">
         {{ item.title }}
       </nut-tab-pane>
     </nut-tabs>
@@ -115,7 +119,7 @@ const initTranslate = () =>
       title8: '自定义标签栏',
       title9: 'TabPane 自动高度',
       title10: '数量多，滚动操作（纵向）',
-      custom: (val: string) => `自定义 ${1}`
+      custom: () => `自定义 ${1}`
     },
     'en-US': {
       basic: 'Basic Usage',
@@ -130,7 +134,7 @@ const initTranslate = () =>
       title8: 'custom tab bar',
       title9: 'TabPane auto height',
       title10: 'A large number of scrolling operations(vertical)',
-      custom: (val: string) => `custom ${1}`
+      custom: () => `custom ${1}`
     }
   });
 export default defineComponent({
diff --git a/src/packages/__VUE/tabs/hooks.ts b/src/packages/__VUE/tabs/hooks.ts
index fc499b1100..a1b2220409 100644
--- a/src/packages/__VUE/tabs/hooks.ts
+++ b/src/packages/__VUE/tabs/hooks.ts
@@ -8,7 +8,7 @@ export const useTabContentTouch = (props: any, tabMethods: any, taro?: any, useT
   const tabsContentRefRect = ref({ width: 0, height: 0 });
   const initTaroWidth = async () => {
     if (taro && taro.getEnv() !== taro.ENV_TYPE.WEB) {
-      let rect = await useTaroRect(tabsContentRef, taro);
+      let rect = await useTaroRect(tabsContentRef);
       tabsContentRefRect.value.width = rect.width || 0;
       tabsContentRefRect.value.height = rect.height || 0;
     } else {
diff --git a/src/packages/__VUE/tag/demo.vue b/src/packages/__VUE/tag/demo.vue
index abef099123..4f357a733d 100644
--- a/src/packages/__VUE/tag/demo.vue
+++ b/src/packages/__VUE/tag/demo.vue
@@ -2,22 +2,22 @@
   <div class="demo">
     <nut-cell-group :title="translate('title')">
       <nut-cell :title="translate('type1')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag type="primary" @click="click">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('type2')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag type="success">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('type3')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag type="danger">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('type4')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag type="warning">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
@@ -25,22 +25,22 @@
 
     <nut-cell-group :title="translate('title1')">
       <nut-cell :title="translate('plain')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag plain>{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('round')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag round type="primary">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('mark')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag mark type="primary">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('closeable')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag v-if="show" closeable @close="close" type="primary">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
@@ -48,17 +48,17 @@
 
     <nut-cell-group :title="translate('title2')">
       <nut-cell :title="translate('bgColor')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag color="#FA685D">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('textColor')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag color="#E9E9E9" textColor="#999999">{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
       <nut-cell :title="translate('plaincolor')">
-        <template v-slot:link>
+        <template #link>
           <nut-tag color="#FA2400" plain>{{ translate('tag') }}</nut-tag>
         </template>
       </nut-cell>
diff --git a/src/packages/__VUE/textarea/index.taro.vue b/src/packages/__VUE/textarea/index.taro.vue
index ea78d71748..8b36e8ca02 100644
--- a/src/packages/__VUE/textarea/index.taro.vue
+++ b/src/packages/__VUE/textarea/index.taro.vue
@@ -253,7 +253,7 @@ export default create({
       }
     });
     const composing = ref(false);
-    const startComposing = (event: Event) => {
+    const startComposing = () => {
       if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
         composing.value = true;
         // (event.target as InputTarget)!.composing = true;
diff --git a/src/packages/__VUE/timedetail/index.taro.vue b/src/packages/__VUE/timedetail/index.taro.vue
index 01fb8408a3..bc6b973ca9 100644
--- a/src/packages/__VUE/timedetail/index.taro.vue
+++ b/src/packages/__VUE/timedetail/index.taro.vue
@@ -1,7 +1,6 @@
 <template>
   <view :class="classes">
     <view class="nut-time-detail__detail nut-time-detail__detail--moring">
-      <!-- <view class="nut-time-detail__detail__time">上午</view> -->
       <view class="nut-time-detail__detail__list">
         <view :class="getClass(item)" v-for="item in renderData" :key="item" @click="handleTime(item)">{{ item }}</view>
       </view>
@@ -27,7 +26,6 @@ export default create({
   setup: (props: any, context: any) => {
     const currentKey = inject('currentKey');
     const currentTime = inject('currentTime');
-    const muti = inject('muti');
 
     const state = reactive({
       currentKey,
diff --git a/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts b/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts
index da196a195f..9168703507 100644
--- a/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts
+++ b/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import { reactive, toRefs, getCurrentInstance, nextTick } from 'vue';
+import { reactive, toRefs, nextTick } from 'vue';
 import TimeSelect from '../index.vue';
 import TimePanel from '../../timepannel/index.vue';
 import TimeDetail from '../../timedetail/index.vue';
@@ -29,7 +29,6 @@ test('props test', async () => {
       </template>
     `,
     setup() {
-      const { proxy } = getCurrentInstance() as any;
       const state = reactive({
         visible1: true,
         currentKey1: 0,
@@ -68,7 +67,7 @@ test('props test', async () => {
         }
       };
 
-      const handleSelected1 = (obj: any) => {};
+      const handleSelected1 = () => {};
 
       return {
         ...toRefs(state),
diff --git a/src/packages/__VUE/toast/index.ts b/src/packages/__VUE/toast/index.ts
index a981e2929a..0b74a01657 100644
--- a/src/packages/__VUE/toast/index.ts
+++ b/src/packages/__VUE/toast/index.ts
@@ -78,7 +78,7 @@ const mountToast = (opts: any) => {
   idsMap.push(opts.id);
   optsMap.push(opts);
 
-  const { unmount } = CreateComponent(opts, {
+  CreateComponent(opts, {
     wrapper: Toast
   });
 
diff --git a/src/packages/__VUE/tour/demo.vue b/src/packages/__VUE/tour/demo.vue
index 28ad8eed14..451533543e 100644
--- a/src/packages/__VUE/tour/demo.vue
+++ b/src/packages/__VUE/tour/demo.vue
@@ -3,7 +3,7 @@
     <h2>{{ translate('title') }}</h2>
 
     <nut-cell :title="translate('tryClick')">
-      <template v-slot:link>
+      <template #link>
         <nut-switch id="target7" v-model="switchValue" @click="showTour3 = true" />
       </template>
     </nut-cell>
@@ -19,7 +19,7 @@
     <h2>{{ translate('title1') }}</h2>
 
     <nut-cell :title="translate('tryClick')">
-      <template v-slot:link>
+      <template #link>
         <nut-switch id="target5" v-model="switchValue" @click="showTourHandle" />
       </template>
     </nut-cell>
@@ -40,7 +40,7 @@
     <h2>{{ translate('title2') }}</h2>
 
     <nut-cell :title="translate('tryClick')" @click="showTour2 = true">
-      <template v-slot:link>
+      <template #link>
         <div class="tour-demo-img">
           <img
             id="target6"
@@ -70,7 +70,7 @@
     <h2>{{ translate('title3') }}</h2>
 
     <nut-cell :title="translate('tryClick')">
-      <template v-slot:link>
+      <template #link>
         <nut-switch id="target8" v-model="switchValue" @click="showTour4 = true" />
       </template>
     </nut-cell>
diff --git a/src/packages/__VUE/tour/index.taro.vue b/src/packages/__VUE/tour/index.taro.vue
index b6d409cf66..09be5caffb 100644
--- a/src/packages/__VUE/tour/index.taro.vue
+++ b/src/packages/__VUE/tour/index.taro.vue
@@ -21,7 +21,7 @@
         :arrowOffset="step.arrowOffset || 0"
         :duration="0.2"
       >
-        <template v-slot:content>
+        <template #content>
           <slot>
             <view class="nut-tour-content" v-if="type == 'step'">
               <view class="nut-tour-content-top" v-if="showTitleBar">
@@ -74,7 +74,7 @@
   </view>
 </template>
 <script lang="ts">
-import { computed, watch, ref, reactive, toRefs, PropType, onMounted, Component, CSSProperties } from 'vue';
+import { computed, watch, ref, reactive, toRefs, PropType, onMounted, Component } from 'vue';
 import { PopoverLocation } from '../popover/type';
 import { createComponent } from '@/packages/utils/create';
 import { useTaroRect, rectTaro } from '@/packages/utils/useTaroRect';
@@ -227,7 +227,7 @@ export default create({
           const el = document.querySelector(`#${item.target}`) as Element;
           rect = await useRect(el);
         } else {
-          rect = await useTaroRect(item.target, Taro);
+          rect = await useTaroRect(item.target);
         }
         maskRect[i] = rect;
         maskStyle(i);
diff --git a/src/packages/__VUE/uploader/demo.vue b/src/packages/__VUE/uploader/demo.vue
index 0f51303817..f166420d29 100644
--- a/src/packages/__VUE/uploader/demo.vue
+++ b/src/packages/__VUE/uploader/demo.vue
@@ -163,13 +163,13 @@ export default defineComponent({
     const canvastoFile = (canvas: HTMLCanvasElement, type: string, quality: number): Promise<Blob | null> => {
       return new Promise((resolve) => canvas.toBlob((blob) => resolve(blob), type, quality));
     };
-    const onOversize = (files: File[]) => {
+    const onOversize = () => {
       showToast.text('oversize 触发 文件大小不能超过 50kb');
     };
-    const onDelete = (obj: any) => {
+    const onDelete = () => {
       showToast.text('delete 事件触发');
     };
-    const onProgress = ({ event, options, percentage }: any) => {
+    const onProgress = ({ percentage }: any) => {
       progressPercentage.value = percentage;
       showToast.text('progress 事件触发' + percentage);
     };
diff --git a/src/packages/__VUE/uploader/index.taro.vue b/src/packages/__VUE/uploader/index.taro.vue
index 7a3eae7121..6b06b0c2f2 100644
--- a/src/packages/__VUE/uploader/index.taro.vue
+++ b/src/packages/__VUE/uploader/index.taro.vue
@@ -137,7 +137,7 @@ export default create({
     },
     beforeDelete: {
       type: Function as PropType<Interceptor>,
-      default: (file: FileItem, files: FileItem[]) => {
+      default: () => {
         return true;
       }
     },
@@ -222,7 +222,7 @@ export default create({
 
     const onChangeMedia = (res: Taro.chooseMedia.SuccessCallbackResult) => {
       // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-      const { type, tempFiles } = res;
+      const { tempFiles } = res;
       const _files: Taro.chooseMedia.ChooseMedia[] = filterFiles<Taro.chooseMedia.ChooseMedia>(tempFiles);
       readFile<Taro.chooseMedia.ChooseMedia>(_files);
       emit('change', {
@@ -231,7 +231,7 @@ export default create({
     };
     const onChangeImage = (res: Taro.chooseImage.SuccessCallbackResult) => {
       // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-      const { tempFilePaths, tempFiles } = res;
+      const { tempFiles } = res;
       const _files: Taro.chooseImage.ImageFile[] = filterFiles<Taro.chooseImage.ImageFile>(tempFiles);
       readFile<Taro.chooseImage.ImageFile>(_files);
       emit('change', {
@@ -295,7 +295,7 @@ export default create({
         task.uploadTaro(Taro.uploadFile, Taro.getEnv());
       } else {
         uploadQueue.push(
-          new Promise((resolve, reject) => {
+          new Promise((resolve) => {
             resolve(task);
           })
         );
diff --git a/src/packages/__VUE/uploader/index.vue b/src/packages/__VUE/uploader/index.vue
index 0d19c77347..49ac9b2da4 100644
--- a/src/packages/__VUE/uploader/index.vue
+++ b/src/packages/__VUE/uploader/index.vue
@@ -121,7 +121,7 @@ export default create({
     },
     beforeDelete: {
       type: Function as PropType<Interceptor>,
-      default: (file: FileItem, files: FileItem[]) => {
+      default: () => {
         return true;
       }
     },
@@ -184,7 +184,9 @@ export default create({
       uploadOption.beforeXhrUpload = props.beforeXhrUpload;
       try {
         uploadOption.sourceFile = fileItem.formData.get(props.name);
-      } catch (error) {}
+      } catch (error) {
+        console.warn('[NutUI] <Uploader> formData.get(name)', error);
+      }
       uploadOption.onStart = (option: UploadOptions) => {
         fileItem.status = 'ready';
         fileItem.message = translate('readyUpload');
@@ -222,7 +224,7 @@ export default create({
         task.upload();
       } else {
         uploadQueue.push(
-          new Promise((resolve, reject) => {
+          new Promise((resolve) => {
             resolve(task);
           })
         );
diff --git a/src/packages/__VUE/watermark/index.taro.vue b/src/packages/__VUE/watermark/index.taro.vue
index e46ba3ab42..0d98a73466 100644
--- a/src/packages/__VUE/watermark/index.taro.vue
+++ b/src/packages/__VUE/watermark/index.taro.vue
@@ -88,7 +88,7 @@ export default create({
   },
   emits: ['click'],
 
-  setup(props, { emit }) {
+  setup(props) {
     const state = reactive({
       base64Url: ''
     });
diff --git a/src/packages/__VUE/watermark/index.vue b/src/packages/__VUE/watermark/index.vue
index 2af91598de..13aff800a9 100644
--- a/src/packages/__VUE/watermark/index.vue
+++ b/src/packages/__VUE/watermark/index.vue
@@ -86,7 +86,7 @@ export default create({
   },
   emits: ['click'],
 
-  setup(props, { emit }) {
+  setup(props) {
     const state = reactive({
       base64Url: ''
     });
diff --git a/src/packages/utils/date.ts b/src/packages/utils/date.ts
index e5d5022d12..ab8c169f87 100644
--- a/src/packages/utils/date.ts
+++ b/src/packages/utils/date.ts
@@ -114,6 +114,7 @@ const Utils = {
     }
     return Math.ceil((d + remainder) / 7);
   },
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getYearWeek: function (year: string, month: string, date: string, firstDayOfWeek: number = 0): number {
     const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date));
     const dateFirst = new Date(Number(year), 0, 1);
diff --git a/src/packages/utils/useLockScroll/index.ts b/src/packages/utils/useLockScroll/index.ts
index d4c5666f95..f3231d3fe0 100644
--- a/src/packages/utils/useLockScroll/index.ts
+++ b/src/packages/utils/useLockScroll/index.ts
@@ -9,7 +9,9 @@ export const useLockScroll = (isLock: () => boolean) => {
       try {
         !count && body.classList.add(CLSNAME);
         count++;
-      } catch (error) {}
+      } catch (error) {
+        console.warn('[NutUI] <useLockScroll>', error);
+      }
     }
   };
 
@@ -18,7 +20,9 @@ export const useLockScroll = (isLock: () => boolean) => {
       try {
         count--;
         !count && body.classList.remove(CLSNAME);
-      } catch (error) {}
+      } catch (error) {
+        console.warn('[NutUI] <unlock>', error);
+      }
     }
   };
 
diff --git a/src/packages/utils/useTaroRect/index.ts b/src/packages/utils/useTaroRect/index.ts
index 19901229fb..4f1223e9fd 100644
--- a/src/packages/utils/useTaroRect/index.ts
+++ b/src/packages/utils/useTaroRect/index.ts
@@ -22,7 +22,7 @@ export interface rectTaro {
   height: number;
 }
 
-export const useTaroRect = (elementRef: (Element | Window | any) | Ref<Element | Window | any>, taro: any): any => {
+export const useTaroRect = (elementRef: (Element | Window | any) | Ref<Element | Window | any>): any => {
   let element = unref(elementRef);
   return new Promise((resolve) => {
     if (Taro.getEnv() === 'WEB') {
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index be84bd6a8d..82c10550a6 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -1,11 +1,4 @@
 /// <reference types="vite/client" />
-interface FrameRequestCallback {
-  (time: number): void;
-}
-declare interface Window {
-  webkitCancelAnimationFrame(handle: number): void;
-  webkitRequestAnimationFrame(callback: FrameRequestCallback): number;
-}
 declare module '*.vue' {
   import { defineComponent } from 'vue';
   const component: ReturnType<typeof defineComponent>;