From 1d495073fda50a4486142f204608e05c0a7d8942 Mon Sep 17 00:00:00 2001
From: Eiinu <eiinu@qq.com>
Date: Sun, 31 Mar 2024 11:53:47 +0800
Subject: [PATCH] chore: move to ESLint Flat Config (#3003)

* chore: move to ESLint Flat Config

* fix: add gitignore
---
 .editorconfig                                 |  12 -
 .eslintrc                                     |   7 -
 .gitignore                                    |   3 +
 eslint.config.js                              |   7 +
 package.json                                  |   8 +-
 packages/nutui-eslint-config/index.js         | 102 +++---
 packages/nutui-eslint-config/package.json     |   7 +-
 packages/nutui-playground/src/store.ts        |   4 +-
 .../src/business/pages/address/index.vue      |   2 +-
 .../src/business/pages/category/index.vue     |  10 +-
 .../src/business/pages/comment/index.vue      |   4 +-
 .../src/business/pages/timeselect/basic.vue   |   2 +-
 .../business/pages/timeselect/multiple.vue    |   6 +-
 .../src/business/pages/timeselect/title.vue   |   2 +-
 .../nutui-taro-demo/src/components/header.vue |   2 +-
 .../src/dentry/pages/calendar/multiple.vue    |   2 +-
 .../src/dentry/pages/checkbox/methods.vue     |   8 +-
 .../src/dentry/pages/datepicker/filter.vue    |   2 +-
 .../src/dentry/pages/input/format.vue         |   2 +-
 .../src/dentry/pages/uploader/index.vue       |   8 +-
 .../exhibition/pages/imagepreview/index.vue   |   4 +-
 .../src/feedback/pages/dialog/index.vue       |   2 +-
 .../src/nav/pages/tabs/custom.vue             |   3 +-
 .../nutui-taro-demo/src/pages/index/index.vue |   2 +-
 .../nutui-taro-demo/src/utils/useTranslate.ts |   6 +-
 packages/nutui-vscode-extension/package.json  |  98 ++---
 .../src/componentMap.ts                       | 170 ++++-----
 pnpm-lock.yaml                                | 335 +++++++++++++++++-
 src/packages/__VUE/address/demo.vue           |   2 +-
 src/packages/__VUE/address/index.taro.vue     |  17 +-
 src/packages/__VUE/address/index.vue          |  17 +-
 .../components/ItemContents.taro.vue          |   8 +-
 .../addresslist/components/ItemContents.vue   |   8 +-
 src/packages/__VUE/addresslist/index.taro.vue |   2 +-
 src/packages/__VUE/addresslist/index.vue      |   2 +-
 src/packages/__VUE/audio/index.vue            |  22 +-
 src/packages/__VUE/audiooperate/index.vue     |  43 ++-
 .../__VUE/avatarcropper/index.taro.vue        |  32 +-
 src/packages/__VUE/avatarcropper/index.vue    |   2 +-
 src/packages/__VUE/calendar/demo/multiple.vue |   2 +-
 .../__VUE/calendarcard/calendar-card.taro.vue |  16 +-
 .../__VUE/calendarcard/calendar-card.vue      |  16 +-
 src/packages/__VUE/calendarcard/icon.taro.ts  |  16 +-
 .../__VUE/calendaritem/index.taro.vue         |  79 +++--
 src/packages/__VUE/calendaritem/index.vue     |  87 ++---
 .../__VUE/cascader/__tests__/cascader.spec.ts |   2 +-
 .../__VUE/cascader/cascader-item.taro.vue     |  10 +-
 src/packages/__VUE/cascader/cascader-item.vue |  10 +-
 src/packages/__VUE/cascader/tree.ts           |   2 +-
 src/packages/__VUE/category/demo.vue          |  15 +-
 src/packages/__VUE/category/index.taro.vue    |   6 +-
 src/packages/__VUE/category/index.vue         |   6 +-
 .../__VUE/categorypane/index.taro.vue         |   6 +-
 src/packages/__VUE/categorypane/index.vue     |   6 +-
 src/packages/__VUE/checkbox/demo/methods.vue  |   8 +-
 src/packages/__VUE/checkbox/index.taro.vue    |   8 +-
 src/packages/__VUE/checkbox/index.vue         |   8 +-
 .../__VUE/checkboxgroup/index.taro.vue        |   2 +-
 src/packages/__VUE/checkboxgroup/index.vue    |   2 +-
 .../circleprogress/__tests__/index.spec.ts    |   4 +-
 .../comment/components/CmtBottom.taro.vue     |  13 +-
 .../__VUE/comment/components/CmtBottom.vue    |  13 +-
 src/packages/__VUE/comment/demo.vue           |  10 +-
 src/packages/__VUE/comment/index.taro.vue     |   8 +-
 src/packages/__VUE/comment/index.vue          |   8 +-
 src/packages/__VUE/configprovider/common.ts   |  24 +-
 src/packages/__VUE/countdown/index.taro.vue   |   6 +-
 src/packages/__VUE/countdown/index.vue        |   6 +-
 src/packages/__VUE/countup/index.taro.vue     |  78 ++--
 src/packages/__VUE/countup/index.vue          |  82 +++--
 src/packages/__VUE/datepicker/demo/filter.vue |   2 +-
 src/packages/__VUE/datepicker/index.taro.vue  |   4 +-
 src/packages/__VUE/datepicker/index.vue       |   4 +-
 src/packages/__VUE/dialog/__tests__/dialog.ts |   6 +-
 src/packages/__VUE/dialog/demo.vue            |   2 +-
 src/packages/__VUE/dialog/index.taro.vue      |   2 +-
 src/packages/__VUE/dialog/index.ts            |   2 +-
 src/packages/__VUE/dialog/index.vue           |   2 +-
 src/packages/__VUE/elevator/index.taro.vue    |   4 +-
 src/packages/__VUE/elevator/index.vue         |  12 +-
 .../__VUE/ellipsis/__tests__/ellipsis.spec.ts |   4 +-
 src/packages/__VUE/ellipsis/index.taro.vue    |  66 ++--
 src/packages/__VUE/ellipsis/index.vue         |  25 +-
 src/packages/__VUE/form/form.taro.vue         |   2 +-
 src/packages/__VUE/form/form.vue              |   2 +-
 .../__VUE/formitem/form-item.taro.vue         |   5 +-
 src/packages/__VUE/formitem/form-item.vue     |   5 +-
 src/packages/__VUE/image/index.vue            |   2 +-
 src/packages/__VUE/imagepreview/demo.vue      |   4 +-
 .../__VUE/imagepreview/index.taro.vue         |   8 +-
 .../__tests__/infiniteloading.spec.ts         |   4 +-
 src/packages/__VUE/infiniteloading/index.vue  |   4 +-
 src/packages/__VUE/input/demo/format.vue      |   2 +-
 src/packages/__VUE/input/index.taro.vue       |   4 +-
 src/packages/__VUE/input/index.vue            |   4 +-
 .../__VUE/menu/__tests__/menu.spec.tsx        |   6 +-
 src/packages/__VUE/menu/index.taro.vue        |   2 +-
 src/packages/__VUE/menu/index.vue             |   2 +-
 src/packages/__VUE/menuitem/index.taro.vue    |   4 +-
 src/packages/__VUE/menuitem/index.vue         |   4 +-
 src/packages/__VUE/noticebar/index.taro.vue   |   2 +-
 src/packages/__VUE/noticebar/index.vue        |   5 +-
 src/packages/__VUE/notify/__tests__/notify.ts |   8 +-
 src/packages/__VUE/notify/index.ts            |   8 +-
 .../__VUE/numberkeyboard/index.taro.vue       |   2 +-
 src/packages/__VUE/numberkeyboard/index.vue   |   2 +-
 .../__VUE/pagination/__tests__/index.spec.ts  |  14 +-
 src/packages/__VUE/pagination/index.taro.vue  |  20 +-
 src/packages/__VUE/pagination/index.vue       |  20 +-
 src/packages/__VUE/picker/Column.vue          |   4 +-
 src/packages/__VUE/picker/index.taro.vue      |  24 +-
 src/packages/__VUE/picker/index.vue           |   8 +-
 src/packages/__VUE/picker/usePicker.ts        |   6 +-
 src/packages/__VUE/popover/index.taro.vue     |  10 +-
 src/packages/__VUE/popover/index.vue          |   2 +-
 src/packages/__VUE/radiogroup/index.taro.vue  |   2 +-
 src/packages/__VUE/radiogroup/index.vue       |   2 +-
 src/packages/__VUE/range/index.taro.vue       |   8 +-
 src/packages/__VUE/range/index.vue            |   8 +-
 src/packages/__VUE/searchbar/index.taro.vue   |   2 +-
 src/packages/__VUE/searchbar/index.vue        |   2 +-
 .../__VUE/shortpassword/index.taro.vue        |   2 +-
 src/packages/__VUE/shortpassword/index.vue    |   2 +-
 src/packages/__VUE/signature/index.vue        |   2 +-
 src/packages/__VUE/skeleton/index.taro.vue    |  20 +-
 src/packages/__VUE/skeleton/index.vue         |  20 +-
 .../__VUE/sku/components/SkuHeader.taro.vue   |   6 +-
 .../__VUE/sku/components/SkuHeader.vue        |   6 +-
 .../__VUE/sku/components/SkuOperate.vue       |   3 +-
 src/packages/__VUE/sku/demo.vue               |   6 +-
 src/packages/__VUE/space/index.taro.vue       |  10 +-
 src/packages/__VUE/space/index.vue            |  10 +-
 src/packages/__VUE/swiper/index.taro.vue      |   2 +-
 src/packages/__VUE/swiper/index.vue           |   4 +-
 .../__VUE/tabbar/__tests__/index.spec.tsx     |  26 +-
 src/packages/__VUE/table/index.taro.vue       |   4 +-
 src/packages/__VUE/table/index.vue            |   4 +-
 .../__VUE/tabs/__tests__/index.spec.tsx       |  27 +-
 src/packages/__VUE/tabs/demo/custom.vue       |   3 +-
 src/packages/__VUE/tabs/index.taro.vue        |  12 +-
 src/packages/__VUE/tabs/index.vue             |  14 +-
 .../__VUE/textarea/__tests__/textarea.spec.ts |   2 +-
 src/packages/__VUE/textarea/index.vue         |   4 +-
 .../timeselect/__tests__/timeselect.spec.ts   |   4 +-
 src/packages/__VUE/timeselect/demo/basic.vue  |   2 +-
 .../__VUE/timeselect/demo/multiple.vue        |   6 +-
 src/packages/__VUE/timeselect/demo/title.vue  |   2 +-
 src/packages/__VUE/toast/__tests__/toast.ts   |  12 +-
 src/packages/__VUE/toast/index.ts             |  12 +-
 .../__VUE/tour/__tests__/tour.spec.tsx        |   3 +-
 src/packages/__VUE/tour/index.taro.vue        |  12 +-
 src/packages/__VUE/tour/index.vue             |  16 +-
 src/packages/__VUE/uploader/demo.vue          |   6 +-
 src/packages/__VUE/uploader/index.taro.vue    |   2 +-
 src/packages/__VUE/uploader/index.vue         |   2 +-
 src/packages/__VUE/uploader/uploader.ts       |   6 +-
 src/packages/__VUE/video/index.vue            |  38 +-
 src/packages/locale/index.ts                  |   2 +
 src/packages/locale/lang/baseLang.ts          |  17 +
 src/packages/locale/lang/en-US.ts             |  18 +
 src/packages/locale/lang/id-ID.ts             |  19 +
 src/packages/locale/lang/zh-CN.ts             |  19 +
 src/packages/locale/lang/zh-TW.ts             |  19 +
 src/packages/utils/Interceptor.ts             |   2 +-
 src/packages/utils/canvas.ts                  |   6 +-
 src/packages/utils/create/component.ts        |   2 +-
 src/packages/utils/create/mountComponent.ts   |   8 +-
 src/packages/utils/date.ts                    |  22 +-
 src/packages/utils/raf.ts                     |   6 +-
 src/packages/utils/throttle.ts                |   8 +-
 src/packages/utils/useRect/index.ts           |  12 +-
 src/packages/utils/useRelation/useChildren.ts |   4 +-
 src/packages/utils/useTaroRect/index.ts       |  12 +-
 src/packages/utils/util.ts                    |   8 +-
 src/sites/assets/util/helper.ts               |  58 +--
 src/sites/assets/util/ref.ts                  |   3 +-
 src/sites/assets/util/useTranslate.ts         |   6 +-
 .../doc/components/demo-block/demoBlock.vue   |  19 +-
 .../doc/components/demo-block/index.html      |  13 +
 src/sites/doc/directive/hover/hover.ts        |   2 +-
 src/sites/doc/views/Index.vue                 |   4 +-
 src/sites/mobile/components/Index.vue         |   3 +-
 src/sites/mobile/router.ts                    |   2 +-
 src/sites/utils/useTranslate.ts               |   6 +-
 184 files changed, 1508 insertions(+), 996 deletions(-)
 delete mode 100644 .editorconfig
 delete mode 100644 .eslintrc
 create mode 100644 eslint.config.js
 create mode 100644 src/sites/doc/components/demo-block/index.html

diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index b3986732eb..0000000000
--- a/.editorconfig
+++ /dev/null
@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = false
-
-[*.md]
-trim_trailing_whitespace = false
diff --git a/.eslintrc b/.eslintrc
deleted file mode 100644
index 1eddb26afd..0000000000
--- a/.eslintrc
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "root": true,
-  "extends": ["@nutui/eslint-config"],
-  "ignorePatterns": [
-    "src/sites/**"
-  ]
-}
diff --git a/.gitignore b/.gitignore
index 08b003e235..67d35e6bae 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,6 @@ pnpm-debug.log*
 
 # vitest
 /html
+
+# packages/nutui-taro-demo
+/packages/nutui-taro-demo/src/app.config.ts
\ No newline at end of file
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000000..be2bacc939
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,7 @@
+import NutUI from '@nutui/eslint-config'
+import gitignore from 'eslint-config-flat-gitignore'
+
+export default [
+  gitignore(),
+  ...NutUI
+]
diff --git a/package.json b/package.json
index fd95facaf0..10d21833d6 100644
--- a/package.json
+++ b/package.json
@@ -55,8 +55,9 @@
     "test": "vitest",
     "test:ui": "vitest --ui --coverage",
     "test:c": "vitest --coverage",
-    "lint": "eslint ./src ./packages/**/src --ext .vue,.ts,.tsx,.js,.jsx",
+    "lint": "eslint ./src ./packages/**/src",
     "lint:fix": "pnpm lint --fix",
+    "lint:ui": "pnpm eslint-config-inspector",
     "copydocs": "node ./scripts/copymd.cjs",
     "attrs": "node ./scripts/createAttributes.cjs",
     "attrs:taro": "node ./scripts/createAttributes.cjs taro",
@@ -80,6 +81,8 @@
   "devDependencies": {
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
+    "@eslint/config-inspector": "^0.1.0",
+    "@eslint/eslintrc": "^3.0.2",
     "@nutui/eslint-config": "workspace:*",
     "@nutui/prettier-plugin": "workspace:*",
     "@nutui/vite-plugins": "workspace:*",
@@ -94,6 +97,7 @@
     "autoprefixer": "^10.4.19",
     "codesandbox": "^2.2.3",
     "eslint": "^8.57.0",
+    "eslint-config-flat-gitignore": "^0.1.3",
     "fs-extra": "^11.2.0",
     "happy-dom": "^14.3.9",
     "husky": "^9.0.11",
@@ -116,7 +120,7 @@
     "node": "^18.0.0 || >=20.0.0"
   },
   "nano-staged": {
-    "*.{ts,tsx,js,jsx,vue,scss,md}": "prettier --write",
+    "*.{css,scss,md}": "prettier --write",
     "*.{ts,tsx,js,jsx,vue}": "eslint --fix"
   },
   "repository": {
diff --git a/packages/nutui-eslint-config/index.js b/packages/nutui-eslint-config/index.js
index cf5ee0877a..4663e43adf 100644
--- a/packages/nutui-eslint-config/index.js
+++ b/packages/nutui-eslint-config/index.js
@@ -1,46 +1,64 @@
-module.exports = {
-  extends: ['plugin:vue/base', 'eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    parser: '@typescript-eslint/parser',
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true
+import pluginJs from '@eslint/js'
+import pluginVue from 'eslint-plugin-vue'
+import pluginTs from 'typescript-eslint'
+import stylistic from '@stylistic/eslint-plugin'
+
+import parserVue from 'vue-eslint-parser'
+import parserTs from '@typescript-eslint/parser'
+
+export default [
+  pluginJs.configs.recommended,
+  stylistic.configs.customize({
+    quoteProps: 'as-needed',
+    commaDangle: 'never',
+    braceStyle: '1tbs'
+  }),
+  ...pluginTs.configs.recommended,
+  ...pluginVue.configs['flat/recommended'],
+  {
+    rules: {
+      // typescript-eslint
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/ban-types': 'off',
+      '@typescript-eslint/no-var-requires': 'off',
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'error',
+      '@typescript-eslint/ban-ts-comment': 'off',
+      // eslint-plugin-vue
+      'vue/v-on-event-hyphenation': [
+        'error',
+        'always',
+        {
+          autofix: true
+        }
+      ],
+      'vue/no-v-html': 'off',
+      'vue/max-attributes-per-line': 'off',
+      'vue/first-attribute-linebreak': 'off',
+      'vue/multi-word-component-names': 'off',
+      'vue/no-v-text-v-html-on-component': 'off',
+      // TODO: will be removed
+      'vue/html-self-closing': 'off',
+      'vue/html-closing-bracket-newline': 'off',
+      'vue/singleline-html-element-content-newline': 'off'
     }
   },
-  plugins: ['vue', '@typescript-eslint'],
-  env: {
-    es6: true,
-    node: true,
-    browser: true,
-    jest: true
-  },
-  globals: {
-    vi: true,
-    NodeJS: true,
-    TaroGeneral: true
-  },
-  rules: {
-    // basic
-    semi: [2, 'never'],
-    // @typescript-eslint
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@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/v-on-event-hyphenation': [
-      'error',
-      'always',
-      {
-        autofix: true
+  {
+    languageOptions: {
+      parser: parserVue,
+      globals: {
+        vi: true,
+        NodeJS: true,
+        TaroGeneral: true
+      },
+      parserOptions: {
+        parser: parserTs,
+        ecmaVersion: 2020,
+        sourceType: 'module',
+        ecmaFeatures: {
+          jsx: true
+        }
       }
-    ],
-    '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'
+    }
   }
-}
+]
diff --git a/packages/nutui-eslint-config/package.json b/packages/nutui-eslint-config/package.json
index b0003b50f5..7c1375d2f2 100644
--- a/packages/nutui-eslint-config/package.json
+++ b/packages/nutui-eslint-config/package.json
@@ -9,6 +9,7 @@
     "jdf2e"
   ],
   "author": "jdf2e",
+  "type": "module",
   "license": "MIT",
   "main": "index.js",
   "publishConfig": {
@@ -24,11 +25,13 @@
     "url": "https://github.com/jdf2e/nutui/issues"
   },
   "dependencies": {
+    "@stylistic/eslint-plugin": "^1.7.0",
     "@typescript-eslint/eslint-plugin": "^7.4.0",
     "@typescript-eslint/parser": "^7.4.0",
-    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-vue": "^9.24.0",
-    "vue-eslint-parser": "^9.4.2"
+    "typescript-eslint": "^7.4.0",
+    "vue-eslint-parser": "^9.4.2",
+    "@eslint/js": "^8.57.0"
   },
   "devDependencies": {
     "eslint": "^8.57.0"
diff --git a/packages/nutui-playground/src/store.ts b/packages/nutui-playground/src/store.ts
index f4bf8bb219..129e9db061 100644
--- a/packages/nutui-playground/src/store.ts
+++ b/packages/nutui-playground/src/store.ts
@@ -101,6 +101,7 @@ export class NutUIStore extends ReplStore {
     this.state.mainFile = CONTAINER_FILE
     this.setActive(APP_FILE)
   }
+
   serialize() {
     const files = this.getFiles()
     delete files[IMPORTMAP_FILE]
@@ -109,11 +110,12 @@ export class NutUIStore extends ReplStore {
     delete files[INSTALL_FILE.replace('src/', '')]
     return '#' + utoa(JSON.stringify(files))
   }
+
   setNutUIVersion(v: string) {
     style.value = `https://cdn.jsdelivr.net/npm/@nutui/nutui@${v}/dist/style.css`
     const install = new File(INSTALL_FILE, installCode.value, true)
     this.addFile(install)
-    compileFile(this, install).then((errs) => this.state.errors.push(...errs))
+    compileFile(this, install).then(errs => this.state.errors.push(...errs))
     this.setImportMap({
       imports: {
         '@nutui/nutui': `https://cdn.jsdelivr.net/npm/@nutui/nutui@${v}/dist/nutui.js`,
diff --git a/packages/nutui-taro-demo/src/business/pages/address/index.vue b/packages/nutui-taro-demo/src/business/pages/address/index.vue
index e372a41cf2..4452708345 100644
--- a/packages/nutui-taro-demo/src/business/pages/address/index.vue
+++ b/packages/nutui-taro-demo/src/business/pages/address/index.vue
@@ -244,7 +244,7 @@ const showSelected = () => {
 const onChange = (cal: CalBack, tag: string) => {
   const name = (address as any)[cal.next]
   if (name?.length < 1) {
-    ;(showPopup as any)[tag] = false
+    (showPopup as any)[tag] = false
   }
 }
 const close1 = (val: CalResult) => {
diff --git a/packages/nutui-taro-demo/src/business/pages/category/index.vue b/packages/nutui-taro-demo/src/business/pages/category/index.vue
index 74635d814a..711b0bbac3 100644
--- a/packages/nutui-taro-demo/src/business/pages/category/index.vue
+++ b/packages/nutui-taro-demo/src/business/pages/category/index.vue
@@ -7,13 +7,13 @@
 
     <h2>只显示文字</h2>
     <nut-category :category="data.category" @change="changeText">
-      <nut-category-pane type="text" :category-child="data.categoryChild2" @on-change="onChange"> </nut-category-pane
-    ></nut-category>
+      <nut-category-pane type="text" :category-child="data.categoryChild2" @on-change="onChange"> </nut-category-pane>
+    </nut-category>
 
     <h2>自定义分类</h2>
-    <nut-category
-      ><nut-category-pane type="custom" :custom-category="customCategory" @on-change="changeCustom"> </nut-category-pane
-    ></nut-category>
+    <nut-category>
+      <nut-category-pane type="custom" :custom-category="customCategory" @on-change="changeCustom"> </nut-category-pane>
+    </nut-category>
   </Demo>
 </template>
 
diff --git a/packages/nutui-taro-demo/src/business/pages/comment/index.vue b/packages/nutui-taro-demo/src/business/pages/comment/index.vue
index e658451a30..9107a308cc 100644
--- a/packages/nutui-taro-demo/src/business/pages/comment/index.vue
+++ b/packages/nutui-taro-demo/src/business/pages/comment/index.vue
@@ -79,8 +79,8 @@ const getData = () => {
     method: 'GET',
     url: 'https://storage.360buyimg.com/nutui/3x/comment_data.json',
     success: (res) => {
-      res.data.Comment.info.avatar =
-        'https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png'
+      res.data.Comment.info.avatar
+        = 'https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png'
       cmt.value = res.data.Comment
     }
   })
diff --git a/packages/nutui-taro-demo/src/business/pages/timeselect/basic.vue b/packages/nutui-taro-demo/src/business/pages/timeselect/basic.vue
index ddfabf7038..fbe86886ba 100644
--- a/packages/nutui-taro-demo/src/business/pages/timeselect/basic.vue
+++ b/packages/nutui-taro-demo/src/business/pages/timeselect/basic.vue
@@ -42,7 +42,7 @@ const onChange = (pannelKey) => {
 }
 
 const onSelect = (item) => {
-  let curTimeIndex = time.value[0]['list'].findIndex((time) => time === item)
+  let curTimeIndex = time.value[0]['list'].findIndex(time => time === item)
   if (curTimeIndex === -1) {
     time.value[0]['list'].push(item)
   } else {
diff --git a/packages/nutui-taro-demo/src/business/pages/timeselect/multiple.vue b/packages/nutui-taro-demo/src/business/pages/timeselect/multiple.vue
index 4c2ffbff8a..6b533a7961 100644
--- a/packages/nutui-taro-demo/src/business/pages/timeselect/multiple.vue
+++ b/packages/nutui-taro-demo/src/business/pages/timeselect/multiple.vue
@@ -34,7 +34,7 @@ const times = ref([
 
 const onChange = (pannelKey) => {
   key.value = pannelKey
-  const curTime = time.value.find((item) => item.key == pannelKey)
+  const curTime = time.value.find(item => item.key == pannelKey)
   if (!curTime) {
     time.value.push({
       key: pannelKey,
@@ -44,8 +44,8 @@ const onChange = (pannelKey) => {
 }
 
 const onSelect = (item) => {
-  let findIndex = time.value.findIndex((item) => item.key == key.value)
-  let curTimeIndex = time.value[findIndex]['list'].findIndex((time) => time === item)
+  let findIndex = time.value.findIndex(item => item.key == key.value)
+  let curTimeIndex = time.value[findIndex]['list'].findIndex(time => time === item)
   if (curTimeIndex === -1) {
     time.value[findIndex]['list'].push(item)
   } else {
diff --git a/packages/nutui-taro-demo/src/business/pages/timeselect/title.vue b/packages/nutui-taro-demo/src/business/pages/timeselect/title.vue
index 6cb6e1fab2..3eb5f0826b 100644
--- a/packages/nutui-taro-demo/src/business/pages/timeselect/title.vue
+++ b/packages/nutui-taro-demo/src/business/pages/timeselect/title.vue
@@ -43,7 +43,7 @@ const onChange = (pannelKey) => {
 }
 
 const onSelect = (item) => {
-  let curTimeIndex = time.value[0]['list'].findIndex((time) => time === item)
+  let curTimeIndex = time.value[0]['list'].findIndex(time => time === item)
   if (curTimeIndex === -1) {
     time.value[0]['list'].push(item)
   } else {
diff --git a/packages/nutui-taro-demo/src/components/header.vue b/packages/nutui-taro-demo/src/components/header.vue
index 077a945c75..ef6fb836fe 100644
--- a/packages/nutui-taro-demo/src/components/header.vue
+++ b/packages/nutui-taro-demo/src/components/header.vue
@@ -19,7 +19,7 @@ import config from '@/packages/../config.json'
 
 const isH5 = Taro.getEnv() === Taro.ENV_TYPE.WEB
 
-//返回demo页
+// 返回demo页
 const navigateTo = () => {
   Taro.navigateBack()
 }
diff --git a/packages/nutui-taro-demo/src/dentry/pages/calendar/multiple.vue b/packages/nutui-taro-demo/src/dentry/pages/calendar/multiple.vue
index ee825d7c18..be4565ad6c 100644
--- a/packages/nutui-taro-demo/src/dentry/pages/calendar/multiple.vue
+++ b/packages/nutui-taro-demo/src/dentry/pages/calendar/multiple.vue
@@ -16,6 +16,6 @@ import { ref } from 'vue'
 const show = ref(false)
 const date = ref([])
 const choose = (param) => {
-  date.value = param.map((item) => item[3])
+  date.value = param.map(item => item[3])
 }
 </script>
diff --git a/packages/nutui-taro-demo/src/dentry/pages/checkbox/methods.vue b/packages/nutui-taro-demo/src/dentry/pages/checkbox/methods.vue
index 26143dce92..0de0ea14f4 100644
--- a/packages/nutui-taro-demo/src/dentry/pages/checkbox/methods.vue
+++ b/packages/nutui-taro-demo/src/dentry/pages/checkbox/methods.vue
@@ -1,9 +1,11 @@
 <template>
   <nut-cell>
     <nut-checkbox-group ref="group" v-model="state.checkboxgroup3" @change="changeBox4">
-      <nut-checkbox v-for="item in state.checkboxsource" :key="item.label" :label="item.label">{{
-        item.value
-      }}</nut-checkbox>
+      <nut-checkbox v-for="item in state.checkboxsource" :key="item.label" :label="item.label">
+        {{
+          item.value
+        }}
+      </nut-checkbox>
     </nut-checkbox-group>
   </nut-cell>
   <nut-cell>
diff --git a/packages/nutui-taro-demo/src/dentry/pages/datepicker/filter.vue b/packages/nutui-taro-demo/src/dentry/pages/datepicker/filter.vue
index e3c5277bf8..27ecb8d0d8 100644
--- a/packages/nutui-taro-demo/src/dentry/pages/datepicker/filter.vue
+++ b/packages/nutui-taro-demo/src/dentry/pages/datepicker/filter.vue
@@ -19,7 +19,7 @@ const confirm = ({ selectedValue }) => {
 }
 const filter = (type, options) => {
   if (type === 'hour') {
-    return options.filter((option) => Number(option.value) % 6 === 0)
+    return options.filter(option => Number(option.value) % 6 === 0)
   }
   return options
 }
diff --git a/packages/nutui-taro-demo/src/dentry/pages/input/format.vue b/packages/nutui-taro-demo/src/dentry/pages/input/format.vue
index 0f06e69d73..435ec9606e 100644
--- a/packages/nutui-taro-demo/src/dentry/pages/input/format.vue
+++ b/packages/nutui-taro-demo/src/dentry/pages/input/format.vue
@@ -6,5 +6,5 @@
 import { ref } from 'vue'
 const val1 = ref('')
 const val2 = ref('')
-const formatter = (value) => value.replace(/\d/g, '')
+const formatter = value => value.replace(/\d/g, '')
 </script>
diff --git a/packages/nutui-taro-demo/src/dentry/pages/uploader/index.vue b/packages/nutui-taro-demo/src/dentry/pages/uploader/index.vue
index 4a8fbbac2c..b75a7204bb 100644
--- a/packages/nutui-taro-demo/src/dentry/pages/uploader/index.vue
+++ b/packages/nutui-taro-demo/src/dentry/pages/uploader/index.vue
@@ -23,7 +23,7 @@
       :status="progressPercentage == 100 ? '' : 'active'"
     >
     </nut-progress>
-    <!-- 
+    <!--
       album 从相册选图
       camera 使用相机
       environment 使用后置摄像头(仅H5纯浏览器)
@@ -123,7 +123,7 @@ const clearUpload = () => {
 }
 
 const beforeXhrUpload = (taroUploadFile: any, options: any) => {
-  //taroUploadFile  是 Taro.uploadFile ， 你也可以自定义设置其它函数
+  // taroUploadFile  是 Taro.uploadFile ， 你也可以自定义设置其它函数
   const uploadTask = taroUploadFile({
     url: options.url,
     filePath: options.taroFilePath,
@@ -134,7 +134,7 @@ const beforeXhrUpload = (taroUploadFile: any, options: any) => {
     }, //
     formData: options.formData,
     name: options.name,
-    success(response: { errMsg: any; statusCode: number; data: string }) {
+    success(response: { errMsg: any, statusCode: number, data: string }) {
       if (options.xhrState == response.statusCode) {
         options.onSuccess?.(response, options)
       } else {
@@ -146,7 +146,7 @@ const beforeXhrUpload = (taroUploadFile: any, options: any) => {
     }
   })
   options.onStart?.(options)
-  uploadTask.progress((res: { progress: any; totalBytesSent: any; totalBytesExpectedToSend: any }) => {
+  uploadTask.progress((res: { progress: any, totalBytesSent: any, totalBytesExpectedToSend: any }) => {
     options.onProgress?.(res, options)
     // console.log('上传进度', res.progress);
     // console.log('已经上传的数据长度', res.totalBytesSent);
diff --git a/packages/nutui-taro-demo/src/exhibition/pages/imagepreview/index.vue b/packages/nutui-taro-demo/src/exhibition/pages/imagepreview/index.vue
index 568b006f15..15c13f8a72 100644
--- a/packages/nutui-taro-demo/src/exhibition/pages/imagepreview/index.vue
+++ b/packages/nutui-taro-demo/src/exhibition/pages/imagepreview/index.vue
@@ -88,7 +88,7 @@ const state = reactive({
 // };
 
 const showFn = (i: number) => {
-  ;(state as any)['showPreview' + i] = true
+  (state as any)['showPreview' + i] = true
 }
 
 // const fnShow = () => {
@@ -100,7 +100,7 @@ const showFn = (i: number) => {
 // };
 
 const hideFn = (i: number) => {
-  ;(state as any)['showPreview' + i] = false
+  (state as any)['showPreview' + i] = false
 }
 
 const longPress = (image: { src: string }) => {
diff --git a/packages/nutui-taro-demo/src/feedback/pages/dialog/index.vue b/packages/nutui-taro-demo/src/feedback/pages/dialog/index.vue
index bf0ee53ef4..26e33fe208 100644
--- a/packages/nutui-taro-demo/src/feedback/pages/dialog/index.vue
+++ b/packages/nutui-taro-demo/src/feedback/pages/dialog/index.vue
@@ -37,7 +37,7 @@ const visible3 = ref(false)
 const visible4 = ref(false)
 const visible5 = ref(false)
 const closeContent = ref('')
-const sleep = () => new Promise((resolve) => setTimeout(resolve, 1000))
+const sleep = () => new Promise(resolve => setTimeout(resolve, 1000))
 const countDown = (second: number) => `倒计时 ${second} 秒`
 
 const onCancel = () => {
diff --git a/packages/nutui-taro-demo/src/nav/pages/tabs/custom.vue b/packages/nutui-taro-demo/src/nav/pages/tabs/custom.vue
index b75179b3ff..e6b3dba674 100644
--- a/packages/nutui-taro-demo/src/nav/pages/tabs/custom.vue
+++ b/packages/nutui-taro-demo/src/nav/pages/tabs/custom.vue
@@ -7,8 +7,9 @@
           :class="{
             active: value === item.paneKey
           }"
-          >{{ item.title }}</div
         >
+          {{ item.title }}
+        </div>
       </div>
     </template>
     <nut-tab-pane v-for="item in list" :key="item.paneKey" :pane-key="item.paneKey"> {{ item.title }} </nut-tab-pane>
diff --git a/packages/nutui-taro-demo/src/pages/index/index.vue b/packages/nutui-taro-demo/src/pages/index/index.vue
index 76a3f1fa2c..721067a619 100644
--- a/packages/nutui-taro-demo/src/pages/index/index.vue
+++ b/packages/nutui-taro-demo/src/pages/index/index.vue
@@ -49,7 +49,7 @@ export default {
   // onShareTimeline() {
   //   return {
   //     title: '京东风格的轻量级小程序组件库',
-  // 	  success: function(res) {}
+  //    success: function(res) {}
   //   }
   // },
   setup() {
diff --git a/packages/nutui-taro-demo/src/utils/useTranslate.ts b/packages/nutui-taro-demo/src/utils/useTranslate.ts
index 0c1b5b00b3..73b11396e4 100644
--- a/packages/nutui-taro-demo/src/utils/useTranslate.ts
+++ b/packages/nutui-taro-demo/src/utils/useTranslate.ts
@@ -8,9 +8,9 @@ export const useTranslate = <
   },
   T2 extends T1
 >(object: {
-  'zh-CN': T1
-  'en-US': T2
-}) => {
+    'zh-CN': T1
+    'en-US': T2
+  }) => {
   for (const [key, value] of Object.entries(object)) {
     Locale.merge(key, value)
   }
diff --git a/packages/nutui-vscode-extension/package.json b/packages/nutui-vscode-extension/package.json
index 1190b7c0cd..aae1832773 100644
--- a/packages/nutui-vscode-extension/package.json
+++ b/packages/nutui-vscode-extension/package.json
@@ -1,50 +1,50 @@
 {
-	"name": "nutui-vscode-extension",
-	"private": true,
-	"displayName": "nutui-vscode-extension",
-	"description": "nutui extension for vscode",
-	"version": "1.0.2",
-	"icon": "src/nutui.png",
-	"engines": {
-		"vscode": "^1.66.0"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/jdf2e/nutui.git",
-		"directory": "src/packages/vscode-extension"
-	},
-	"categories": [
-		"Other"
-	],
-	"publisher": "nutui",
-	"activationEvents": [
-		"onLanguage:vue",
-		"onLanguage:javascript",
-		"onLanguage:typescript",
-		"onLanguage:javascriptreact",
-		"onLanguage:typescriptreact"
-	],
-	"main": "./dist/extension.js",
-	"contributes": {
-		"commands": []
-	},
-	"scripts": {
-		"build": "webpack --mode production --devtool hidden-source-map",
-		"package": "yarn gen && yarn build && vsce package",
-		"publish": "vsce publish",
-		"unpublish": "vsce unpublish nutui.nutui-vscode-extension",
-		"gen": "node ./scripts/createComponentMap.js"
-	},
-	"devDependencies": {
-		"@types/glob": "^7.2.0",
-		"@types/mocha": "^9.1.1",
-		"@types/vscode": "^1.85.0",
-		"@vscode/test-electron": "^2.3.8",
-		"@vscode/vsce": "^2.22.0",
-		"glob": "^7.2.3",
-		"mocha": "^9.2.2",
-		"ts-loader": "^9.5.1",
-		"webpack": "^5.89.0",
-		"webpack-cli": "^5.1.4"
-	}
-}
+  "name": "nutui-vscode-extension",
+  "private": true,
+  "displayName": "nutui-vscode-extension",
+  "description": "nutui extension for vscode",
+  "version": "1.0.2",
+  "icon": "src/nutui.png",
+  "engines": {
+    "vscode": "^1.66.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jdf2e/nutui.git",
+    "directory": "src/packages/vscode-extension"
+  },
+  "categories": [
+    "Other"
+  ],
+  "publisher": "nutui",
+  "activationEvents": [
+    "onLanguage:vue",
+    "onLanguage:javascript",
+    "onLanguage:typescript",
+    "onLanguage:javascriptreact",
+    "onLanguage:typescriptreact"
+  ],
+  "main": "./dist/extension.js",
+  "contributes": {
+    "commands": []
+  },
+  "scripts": {
+    "build": "webpack --mode production --devtool hidden-source-map",
+    "package": "yarn gen && yarn build && vsce package",
+    "publish": "vsce publish",
+    "unpublish": "vsce unpublish nutui.nutui-vscode-extension",
+    "gen": "node ./scripts/createComponentMap.js"
+  },
+  "devDependencies": {
+    "@types/glob": "^7.2.0",
+    "@types/mocha": "^9.1.1",
+    "@types/vscode": "^1.85.0",
+    "@vscode/test-electron": "^2.3.8",
+    "@vscode/vsce": "^2.22.0",
+    "glob": "^7.2.3",
+    "mocha": "^9.2.2",
+    "ts-loader": "^9.5.1",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4"
+  }
+}
\ No newline at end of file
diff --git a/packages/nutui-vscode-extension/src/componentMap.ts b/packages/nutui-vscode-extension/src/componentMap.ts
index 0c29decc71..87839fe355 100644
--- a/packages/nutui-vscode-extension/src/componentMap.ts
+++ b/packages/nutui-vscode-extension/src/componentMap.ts
@@ -3,31 +3,31 @@ import { ComponentDesc } from './componentDesc'
 export const componentMap: Record<string, ComponentDesc> = {
   'action-sheet': {
     site: '/zh-CN/component/actionsheet',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   address: {
     site: '/zh-CN/component/address',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   'address-list': {
     site: '/zh-CN/component/addresslist',
-    props: ["data=''"]
+    props: ['data=\'\'']
   },
   animate: {
     site: '/zh-CN/component/animate',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   audio: {
     site: '/zh-CN/component/audio',
-    props: ["url=''"]
+    props: ['url=\'\'']
   },
   'audio-operate': {
     site: '/zh-CN/component/audiooperate',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   avatar: {
     site: '/zh-CN/component/avatar',
-    props: ["size=''"]
+    props: ['size=\'\'']
   },
   'avatar-group': {
     site: '',
@@ -35,23 +35,23 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   backtop: {
     site: '/zh-CN/component/backtop',
-    props: ["el-id=''"]
+    props: ['el-id=\'\'']
   },
   badge: {
     site: '/zh-CN/component/badge',
-    props: ["value=''"]
+    props: ['value=\'\'']
   },
   barrage: {
     site: '/zh-CN/component/barrage',
-    props: ["danmu=''"]
+    props: ['danmu=\'\'']
   },
   button: {
     site: '/zh-CN/component/button',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   calendar: {
     site: '/zh-CN/component/calendar',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   'calendar-item': {
     site: '',
@@ -59,15 +59,15 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   card: {
     site: '/zh-CN/component/card',
-    props: ["img-url=''"]
+    props: ['img-url=\'\'']
   },
   cascader: {
     site: '/zh-CN/component/cascader',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   category: {
     site: '/zh-CN/component/category',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   'category-pane': {
     site: '',
@@ -75,7 +75,7 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   cell: {
     site: '/zh-CN/component/cell',
-    props: ["title=''"]
+    props: ['title=\'\'']
   },
   'cell-group': {
     site: '',
@@ -83,7 +83,7 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   checkbox: {
     site: '/zh-CN/component/checkbox',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'checkbox-group': {
     site: '',
@@ -91,7 +91,7 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   'circle-progress': {
     site: '/zh-CN/component/circleprogress',
-    props: ["progress=''"]
+    props: ['progress=\'\'']
   },
   col: {
     site: '',
@@ -99,7 +99,7 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   collapse: {
     site: '/zh-CN/component/collapse',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'collapse-item': {
     site: '',
@@ -107,59 +107,59 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   comment: {
     site: '/zh-CN/component/comment',
-    props: ["header-type=''"]
+    props: ['header-type=\'\'']
   },
   'config-provider': {
     site: '/zh-CN/component/configprovider',
-    props: ["theme=''"]
+    props: ['theme=\'\'']
   },
   countdown: {
     site: '/zh-CN/component/countdown',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   countup: {
     site: '/zh-CN/component/countup',
-    props: ["init-num=''"]
+    props: ['init-num=\'\'']
   },
   'date-picker': {
     site: '/zh-CN/component/datepicker',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   dialog: {
     site: '/zh-CN/component/dialog',
-    props: ["title=''"]
+    props: ['title=\'\'']
   },
   divider: {
     site: '/zh-CN/component/divider',
-    props: ["dashed=''"]
+    props: ['dashed=\'\'']
   },
   drag: {
     site: '/zh-CN/component/drag',
-    props: ["attract=''"]
+    props: ['attract=\'\'']
   },
   ecard: {
     site: '/zh-CN/component/ecard',
-    props: ["modelValue=''"]
+    props: ['modelValue=\'\'']
   },
   elevator: {
     site: '/zh-CN/component/elevator',
-    props: ["height=''"]
+    props: ['height=\'\'']
   },
   ellipsis: {
     site: '/zh-CN/component/ellipsis',
-    props: ["content=''"]
+    props: ['content=\'\'']
   },
   empty: {
     site: '/zh-CN/component/empty',
-    props: ["image=''"]
+    props: ['image=\'\'']
   },
   'fixed-nav': {
     site: '/zh-CN/component/fixednav',
-    props: ["visible=''"]
+    props: ['visible=\'\'']
   },
   form: {
     site: '/zh-CN/component/form',
-    props: ["model-value=''"]
+    props: ['model-value=\'\'']
   },
   'form-item': {
     site: '',
@@ -167,7 +167,7 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   grid: {
     site: '/zh-CN/component/grid',
-    props: ["column-num=''"]
+    props: ['column-num=\'\'']
   },
   'grid-item': {
     site: '',
@@ -175,47 +175,47 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   icon: {
     site: '/zh-CN/component/icon',
-    props: ["name=''"]
+    props: ['name=\'\'']
   },
   image: {
     site: '/zh-CN/component/image',
-    props: ["src=''"]
+    props: ['src=\'\'']
   },
   'image-preview': {
     site: '/zh-CN/component/imagepreview',
-    props: ["show=''"]
+    props: ['show=\'\'']
   },
   indicator: {
     site: '/zh-CN/component/indicator',
-    props: ["current=''"]
+    props: ['current=\'\'']
   },
   'infinite-loading': {
     site: '/zh-CN/component/infiniteloading',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   input: {
     site: '/zh-CN/component/input',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'input-number': {
     site: '/zh-CN/component/inputnumber',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   invoice: {
     site: '/zh-CN/component/invoice',
-    props: ["data=''"]
+    props: ['data=\'\'']
   },
   layout: {
     site: '/zh-CN/component/layout',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   list: {
     site: '/zh-CN/component/list',
-    props: ["height=''"]
+    props: ['height=\'\'']
   },
   menu: {
     site: '/zh-CN/component/menu',
-    props: ["active-color=''"]
+    props: ['active-color=\'\'']
   },
   'menu-item': {
     site: '',
@@ -223,55 +223,55 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   navbar: {
     site: '/zh-CN/component/navbar',
-    props: ["title=''"]
+    props: ['title=\'\'']
   },
   noticebar: {
     site: '/zh-CN/component/noticebar',
-    props: ["direction=''"]
+    props: ['direction=\'\'']
   },
   notify: {
     site: '/zh-CN/component/notify',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   'number-keyboard': {
     site: '/zh-CN/component/numberkeyboard',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   overlay: {
     site: '/zh-CN/component/overlay',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   pagination: {
     site: '/zh-CN/component/pagination',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   picker: {
     site: '/zh-CN/component/picker',
-    props: ["v-model:value=''"]
+    props: ['v-model:value=\'\'']
   },
   popover: {
     site: '/zh-CN/component/popover',
-    props: ["list=''"]
+    props: ['list=\'\'']
   },
   popup: {
     site: '/zh-CN/component/popup',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   price: {
     site: '/zh-CN/component/price',
-    props: ["price=''"]
+    props: ['price=\'\'']
   },
   progress: {
     site: '/zh-CN/component/progress',
-    props: ["percentage=''"]
+    props: ['percentage=\'\'']
   },
   'pull-refresh': {
     site: '/zh-CN/component/pullrefresh',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   radio: {
     site: '/zh-CN/component/radio',
-    props: ["disabled=''"]
+    props: ['disabled=\'\'']
   },
   'radio-group': {
     site: '',
@@ -279,11 +279,11 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   range: {
     site: '/zh-CN/component/range',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   rate: {
     site: '/zh-CN/component/rate',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   row: {
     site: '',
@@ -291,15 +291,15 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   searchbar: {
     site: '/zh-CN/component/searchbar',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'short-password': {
     site: '/zh-CN/component/shortpassword',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'side-navbar': {
     site: '/zh-CN/component/sidenavbar',
-    props: ["offset=''"]
+    props: ['offset=\'\'']
   },
   'side-navbar-item': {
     site: '',
@@ -307,15 +307,15 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   signature: {
     site: '/zh-CN/component/signature',
-    props: ["custom-class=''"]
+    props: ['custom-class=\'\'']
   },
   skeleton: {
     site: '/zh-CN/component/skeleton',
-    props: ["loading=''"]
+    props: ['loading=\'\'']
   },
   sku: {
     site: '/zh-CN/component/sku',
-    props: ["v-model:visible=''"]
+    props: ['v-model:visible=\'\'']
   },
   step: {
     site: '',
@@ -323,11 +323,11 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   steps: {
     site: '/zh-CN/component/steps',
-    props: ["direction=''"]
+    props: ['direction=\'\'']
   },
   sticky: {
     site: '/zh-CN/component/sticky',
-    props: ["position=''"]
+    props: ['position=\'\'']
   },
   'sub-side-navbar': {
     site: '',
@@ -335,11 +335,11 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   swipe: {
     site: '/zh-CN/component/swipe',
-    props: ["name=''"]
+    props: ['name=\'\'']
   },
   swiper: {
     site: '/zh-CN/component/swiper',
-    props: ["width=''"]
+    props: ['width=\'\'']
   },
   'swiper-item': {
     site: '/zh-CN/component/swiperitem',
@@ -347,11 +347,11 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   switch: {
     site: '/zh-CN/component/switch',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   tabbar: {
     site: '/zh-CN/component/tabbar',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'tabbar-item': {
     site: '',
@@ -359,7 +359,7 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   table: {
     site: '/zh-CN/component/table',
-    props: ["bordered=''"]
+    props: ['bordered=\'\'']
   },
   'tab-pane': {
     site: '',
@@ -367,50 +367,50 @@ export const componentMap: Record<string, ComponentDesc> = {
   },
   tabs: {
     site: '/zh-CN/component/tabs',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   tag: {
     site: '/zh-CN/component/tag',
-    props: ["type=''"]
+    props: ['type=\'\'']
   },
   textarea: {
     site: '/zh-CN/component/textarea',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'time-detail': {
     site: '/zh-CN/component/timedetail',
-    props: ["height=''"]
+    props: ['height=\'\'']
   },
   'time-pannel': {
     site: '/zh-CN/component/timepannel',
-    props: ["height=''"]
+    props: ['height=\'\'']
   },
   'time-select': {
     site: '/zh-CN/component/timeselect',
-    props: ["visible=''"]
+    props: ['visible=\'\'']
   },
   toast: {
     site: '/zh-CN/component/toast',
-    props: ["showToast.text=''"]
+    props: ['showToast.text=\'\'']
   },
   tour: {
     site: '/zh-CN/component/tour',
-    props: ["v-model=''"]
+    props: ['v-model=\'\'']
   },
   'trend-arrow': {
     site: '/zh-CN/component/trendarrow',
-    props: ["rate=''"]
+    props: ['rate=\'\'']
   },
   uploader: {
     site: '/zh-CN/component/uploader',
-    props: ["auto-upload=''"]
+    props: ['auto-upload=\'\'']
   },
   video: {
     site: '/zh-CN/component/video',
-    props: ["source=''"]
+    props: ['source=\'\'']
   },
   watermark: {
     site: '/zh-CN/component/watermark',
-    props: ["width=''"]
+    props: ['width=\'\'']
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 290ff431ec..61af4d9f55 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -30,6 +30,12 @@ importers:
       '@commitlint/config-conventional':
         specifier: ^19.1.0
         version: 19.1.0
+      '@eslint/config-inspector':
+        specifier: ^0.1.0
+        version: 0.1.0(eslint@8.57.0)(typescript@5.3.3)
+      '@eslint/eslintrc':
+        specifier: ^3.0.2
+        version: 3.0.2
       '@nutui/eslint-config':
         specifier: workspace:*
         version: link:packages/nutui-eslint-config
@@ -72,6 +78,9 @@ importers:
       eslint:
         specifier: ^8.57.0
         version: 8.57.0
+      eslint-config-flat-gitignore:
+        specifier: ^0.1.3
+        version: 0.1.3
       fs-extra:
         specifier: ^11.2.0
         version: 11.2.0
@@ -138,18 +147,24 @@ importers:
 
   packages/nutui-eslint-config:
     dependencies:
+      '@eslint/js':
+        specifier: ^8.57.0
+        version: 8.57.0
+      '@stylistic/eslint-plugin':
+        specifier: ^1.7.0
+        version: 1.7.0(eslint@8.57.0)(typescript@5.3.3)
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.4.0
         version: 7.4.0(@typescript-eslint/parser@7.4.0)(eslint@8.57.0)(typescript@5.3.3)
       '@typescript-eslint/parser':
         specifier: ^7.4.0
         version: 7.4.0(eslint@8.57.0)(typescript@5.3.3)
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
       eslint-plugin-vue:
         specifier: ^9.24.0
         version: 9.24.0(eslint@8.57.0)
+      typescript-eslint:
+        specifier: ^7.4.0
+        version: 7.4.0(eslint@8.57.0)(typescript@5.3.3)
       vue-eslint-parser:
         specifier: ^9.4.2
         version: 9.4.2(eslint@8.57.0)
@@ -2430,6 +2445,34 @@ packages:
     resolution: {integrity: sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
+  /@eslint/config-inspector@0.1.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-IN6ya0BFv/y1VsRD6SOSLJCSWMo0WFdsHSfmhcKAJXQzetpNJ6MMvgQ37Vaxl+NngagiT3cr72cJ8bDYLrHRNQ==}
+    hasBin: true
+    peerDependencies:
+      eslint: ^8.50.0
+    dependencies:
+      '@unhead/shared': 1.9.3
+      '@unhead/ssr': 1.9.3
+      chokidar: 3.6.0
+      consola: 3.2.3
+      devalue: 4.3.2
+      eslint: 8.57.0
+      fast-glob: 3.3.2
+      get-port-please: 3.1.2
+      jiti: 1.21.0
+      minimatch: 9.0.4
+      ofetch: 1.3.4
+      open: 10.1.0
+      unhead: 1.9.3
+      vue: 3.4.21(typescript@5.3.3)
+      vue-bundle-renderer: 2.0.0
+      ws: 8.16.0
+    transitivePeerDependencies:
+      - bufferutil
+      - typescript
+      - utf-8-validate
+    dev: true
+
   /@eslint/eslintrc@2.1.4:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2446,6 +2489,23 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /@eslint/eslintrc@3.0.2:
+    resolution: {integrity: sha512-wV19ZEGEMAC1eHgrS7UQPqsdEiCIbTKTasEfcXAigzoXICcqZSjBZEHlZwNVvKg6UBCjSlos84XiLqsRJnIcIg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 10.0.1
+      globals: 14.0.0
+      ignore: 5.3.1
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@eslint/js@8.41.0:
     resolution: {integrity: sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2920,6 +2980,78 @@ packages:
     engines: {node: '>=12.10.0', npm: '>=6.0.0'}
     hasBin: true
 
+  /@stylistic/eslint-plugin-js@1.7.0(eslint@8.57.0):
+    resolution: {integrity: sha512-PN6On/+or63FGnhhMKSQfYcWutRlzOiYlVdLM6yN7lquoBTqUJHYnl4TA4MHwiAt46X5gRxDr1+xPZ1lOLcL+Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@types/eslint': 8.56.2
+      acorn: 8.11.3
+      escape-string-regexp: 4.0.0
+      eslint: 8.57.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+    dev: false
+
+  /@stylistic/eslint-plugin-jsx@1.7.0(eslint@8.57.0):
+    resolution: {integrity: sha512-BACdBwXakQvjYIST5N2WWhRbvhRsIxa/F59BiZol+0IH4FSmDXhie7v/yaxDIIA9CbfElzOmIA5nWNYTVXcnwQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
+      '@types/eslint': 8.56.2
+      eslint: 8.57.0
+      estraverse: 5.3.0
+      picomatch: 4.0.2
+    dev: false
+
+  /@stylistic/eslint-plugin-plus@1.7.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-AabDw8sXsc70Ydx3qnbeTlRHZnIwY6UKEenBPURPhY3bfYWX+/pDpZH40HkOu94v8D0DUrocPkeeEUxl4e0JDg==}
+    peerDependencies:
+      eslint: '*'
+    dependencies:
+      '@types/eslint': 8.56.2
+      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: false
+
+  /@stylistic/eslint-plugin-ts@1.7.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-QsHv98mmW1xaucVYQTyLDgEpybPJ/6jPPxVBrIchntWWwj74xCWKUiw79hu+TpYj/Pbhd9rkqJYLNq3pQGYuyA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
+      '@types/eslint': 8.56.2
+      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: false
+
+  /@stylistic/eslint-plugin@1.7.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-ThMUjGIi/jeWYNvOdjZkoLw1EOVs0tEuKXDgWvTn8uWaEz55HuPlajKxjKLpv19C+qRDbKczJfzUODfCdME53A==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: '>=8.40.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 1.7.0(eslint@8.57.0)
+      '@stylistic/eslint-plugin-jsx': 1.7.0(eslint@8.57.0)
+      '@stylistic/eslint-plugin-plus': 1.7.0(eslint@8.57.0)(typescript@5.3.3)
+      '@stylistic/eslint-plugin-ts': 1.7.0(eslint@8.57.0)(typescript@5.3.3)
+      '@types/eslint': 8.56.2
+      eslint: 8.57.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: false
+
   /@swc/core-darwin-arm64@1.3.96:
     resolution: {integrity: sha512-8hzgXYVd85hfPh6mJ9yrG26rhgzCmcLO0h1TIl8U31hwmTbfZLzRitFQ/kqMJNbIBCwmNH1RU2QcJnL3d7f69A==}
     engines: {node: '>=10'}
@@ -3893,7 +4025,6 @@ packages:
     dependencies:
       '@types/estree': 1.0.5
       '@types/json-schema': 7.0.15
-    dev: true
 
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
@@ -4206,7 +4337,6 @@ packages:
     dependencies:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
-    dev: true
 
   /@typescript-eslint/scope-manager@7.4.0:
     resolution: {integrity: sha512-68VqENG5HK27ypafqLVs8qO+RkNc7TezCduYrx8YJpXq2QGZ30vmNZGJJJC48+MVn4G2dCV8m5ZTVnzRexTVtw==}
@@ -4239,7 +4369,6 @@ packages:
   /@typescript-eslint/types@6.21.0:
     resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
-    dev: true
 
   /@typescript-eslint/types@7.4.0:
     resolution: {integrity: sha512-mjQopsbffzJskos5B4HmbsadSJQWaRK0UxqQ7GuNA9Ga4bEKeiO6b2DnB6cM6bpc8lemaPseh0H9B/wyg+J7rw==}
@@ -4266,7 +4395,6 @@ packages:
       typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@typescript-eslint/typescript-estree@7.4.0(typescript@5.3.3):
     resolution: {integrity: sha512-A99j5AYoME/UBQ1ucEbbMEmGkN7SE0BvZFreSnTd1luq7yulcHdyGamZKizU7canpGDWGJ+Q6ZA9SyQobipePg==}
@@ -4290,6 +4418,25 @@ packages:
       - supports-color
     dev: false
 
+  /@typescript-eslint/utils@6.21.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@types/json-schema': 7.0.15
+      '@types/semver': 7.5.6
+      '@typescript-eslint/scope-manager': 6.21.0
+      '@typescript-eslint/types': 6.21.0
+      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
+      eslint: 8.57.0
+      semver: 7.6.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: false
+
   /@typescript-eslint/utils@7.4.0(eslint@8.57.0)(typescript@5.3.3):
     resolution: {integrity: sha512-NQt9QLM4Tt8qrlBVY9lkMYzfYtNz8/6qwZg8pI3cMGlPnj6mOpRxxAm7BMJN9K0AiY+1BwJ5lVC650YJqYOuNg==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -4315,7 +4462,6 @@ packages:
     dependencies:
       '@typescript-eslint/types': 6.21.0
       eslint-visitor-keys: 3.4.3
-    dev: true
 
   /@typescript-eslint/visitor-keys@7.4.0:
     resolution: {integrity: sha512-0zkC7YM0iX5Y41homUUeW1CHtZR01K3ybjM1l6QczoMuay0XKtrb93kv95AxUGwdjGr64nNqnOCwmEl616N8CA==}
@@ -4332,6 +4478,33 @@ packages:
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
+  /@unhead/dom@1.9.3:
+    resolution: {integrity: sha512-l7KO6zv8T/yKpWOtcKww3k6RLENEiwiapoiPwtKlwWBFJekSjgM1+1AVu58yWqadFYHGP0/XhMwxKrOaOL+Vkw==}
+    dependencies:
+      '@unhead/schema': 1.9.3
+      '@unhead/shared': 1.9.3
+    dev: true
+
+  /@unhead/schema@1.9.3:
+    resolution: {integrity: sha512-emFHDYxn6u5SVwSRXMpYBCYKBua+GCjUwTLLdUupInthW3UraSUuXakmv06wDvejE8pTrBOPrGWescIYmwm69A==}
+    dependencies:
+      hookable: 5.5.3
+      zhead: 2.2.4
+    dev: true
+
+  /@unhead/shared@1.9.3:
+    resolution: {integrity: sha512-9wJ+wNmAVDCsCFKE3YHMwNkmFqKzCqQfp53ABJHQFOvY336s4nMWtiMNMjxF4aY4pJk8Qpwd8dRlgpLlyH0KZg==}
+    dependencies:
+      '@unhead/schema': 1.9.3
+    dev: true
+
+  /@unhead/ssr@1.9.3:
+    resolution: {integrity: sha512-oFFynkmAoHoDU2uG3otBnYOj5rmi14fqaUpA4tzsRlyLiwyF3Hd8nXec9YM7JaBzstoiy2NGf7dTfY7eNc8NoQ==}
+    dependencies:
+      '@unhead/schema': 1.9.3
+      '@unhead/shared': 1.9.3
+    dev: true
+
   /@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.6)(vue@3.4.21):
     resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -6045,6 +6218,21 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
   /chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     dev: true
@@ -6378,6 +6566,11 @@ packages:
     resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
     dev: true
 
+  /consola@3.2.3:
+    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    dev: true
+
   /consolidate@0.15.1(lodash@4.17.21):
     resolution: {integrity: sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==}
     engines: {node: '>= 0.10.0'}
@@ -7327,6 +7520,10 @@ packages:
     resolution: {integrity: sha512-PwuBojGMQAYbWkMXOY9Pd/NWCDNHVH12pnS7WHqZkTSeMESe4hwnKKRp0yR87g37113x4JPbo/oIvXY+s/f56Q==}
     dev: true
 
+  /destr@2.0.3:
+    resolution: {integrity: sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==}
+    dev: true
+
   /destroy@1.2.0:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
@@ -7364,6 +7561,10 @@ packages:
       - supports-color
     dev: true
 
+  /devalue@4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
+    dev: true
+
   /diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -8015,14 +8216,12 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-config-prettier@9.1.0(eslint@8.57.0):
-    resolution: {integrity: sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  /eslint-config-flat-gitignore@0.1.3:
+    resolution: {integrity: sha512-oQD+dEZv3RThN60tFqGFt+NJcO1DmssUcP+T/nlX+ZzEoEvVUYH0GU9X/VlmDXsbMsS9mONI1HrlxLgtKojw7w==}
     dependencies:
-      eslint: 8.57.0
-    dev: false
+      find-up: 7.0.0
+      parse-gitignore: 2.0.0
+    dev: true
 
   /eslint-config-taro@3.6.24(@babel/core@7.24.3)(eslint@8.57.0)(typescript@5.3.3):
     resolution: {integrity: sha512-7iyBXIskrcoWYRq4r5QGxLvBJomwLQXKMsqe0aaOPhwSdhumO29hdvCou941z6j5P6q/NNR3yKonr1AjTJA31A==}
@@ -8081,6 +8280,11 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  /eslint-visitor-keys@4.0.0:
+    resolution: {integrity: sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dev: true
+
   /eslint@8.41.0:
     resolution: {integrity: sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -8175,6 +8379,15 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
+  /espree@10.0.1:
+    resolution: {integrity: sha512-MWkrWZbJsL2UwnjxTX3gG8FneachS/Mwg7tdGXce011sJd5b0JG54vat5KHnfSBODZ3Wvzd2WnjxyzsRoVv+ww==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    dependencies:
+      acorn: 8.11.3
+      acorn-jsx: 5.3.2(acorn@8.11.3)
+      eslint-visitor-keys: 4.0.0
+    dev: true
+
   /espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -8836,6 +9049,10 @@ packages:
       hasown: 2.0.0
     dev: true
 
+  /get-port-please@3.1.2:
+    resolution: {integrity: sha512-Gxc29eLs1fbn6LQ4jSU4vXjlwyZhF5HsGuMAa7gqBP4Rw4yxxltyDUuF5MBclFzDTXO+ACchGQoeela4DSfzdQ==}
+    dev: true
+
   /get-proxy@2.1.0:
     resolution: {integrity: sha512-zmZIaQTWnNQb4R4fJUEp/FC51eZsc6EkErspy3xtIYStaq8EB/hDIWipxsal+E8rz0qD7f2sL/NA9Xee4RInJw==}
     engines: {node: '>=4'}
@@ -8965,7 +9182,7 @@ packages:
     dependencies:
       foreground-child: 3.1.1
       jackspeak: 2.3.6
-      minimatch: 9.0.3
+      minimatch: 9.0.4
       minipass: 6.0.2
       path-scurry: 1.10.1
     dev: true
@@ -9088,6 +9305,11 @@ packages:
     dependencies:
       type-fest: 0.20.2
 
+  /globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+    dev: true
+
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -11285,6 +11507,13 @@ packages:
     dependencies:
       brace-expansion: 2.0.1
 
+  /minimatch@9.0.4:
+    resolution: {integrity: sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
   /minimist-options@4.1.0:
     resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
     engines: {node: '>= 6'}
@@ -11600,6 +11829,10 @@ packages:
       lodash: 4.17.21
     dev: true
 
+  /node-fetch-native@1.6.4:
+    resolution: {integrity: sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==}
+    dev: true
+
   /node-fetch-npm@2.0.4:
     resolution: {integrity: sha512-iOuIQDWDyjhv9qSDrj9aq/klt6F9z1p2otB3AV7v3zBDcL/x+OfGsvGQZZCcMZbUf4Ujw1xGNQkjvGnVT22cKg==}
     engines: {node: '>=4'}
@@ -11798,6 +12031,14 @@ packages:
     resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
     dev: true
 
+  /ofetch@1.3.4:
+    resolution: {integrity: sha512-KLIET85ik3vhEfS+3fDlc/BAZiAp+43QEC/yCo5zkNoY2YaKvNkOaFr/6wCFgFH1kuYQM5pMNi0Tg8koiIemtw==}
+    dependencies:
+      destr: 2.0.3
+      node-fetch-native: 1.6.4
+      ufo: 1.5.3
+    dev: true
+
   /on-finished@2.4.1:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
@@ -11845,6 +12086,16 @@ packages:
       is-wsl: 3.1.0
     dev: true
 
+  /open@10.1.0:
+    resolution: {integrity: sha512-mnkeQ1qP5Ue2wd+aivTD3NHd/lZ96Lu0jgf0pwktLPtx6cTZiH7tyeGRRHs0zX0rbrahXPnXlUnbeXyaBBuIaw==}
+    engines: {node: '>=18'}
+    dependencies:
+      default-browser: 5.2.1
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 3.1.0
+    dev: true
+
   /open@6.4.0:
     resolution: {integrity: sha512-IFenVPgF70fSm1keSd2iDBIDIBZkroLeuffXq+wKTzTJlBpesFWojV9lb8mzOfaAzM1sr7HQHuO0vtV0zYekGg==}
     engines: {node: '>=8'}
@@ -12105,6 +12356,11 @@ packages:
       ini: 1.3.8
     dev: true
 
+  /parse-gitignore@2.0.0:
+    resolution: {integrity: sha512-RmVuCHWsfu0QPNW+mraxh/xjQVw/lhUCUru8Zni3Ctq3AoMhpDTq0OVdKS6iesd6Kqb7viCV3isAL43dciOSog==}
+    engines: {node: '>=14'}
+    dev: true
+
   /parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
@@ -12268,6 +12524,11 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  /picomatch@4.0.2:
+    resolution: {integrity: sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==}
+    engines: {node: '>=12'}
+    dev: false
+
   /pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
@@ -14963,6 +15224,25 @@ packages:
     resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==}
     dev: true
 
+  /typescript-eslint@7.4.0(eslint@8.57.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-8GYQsb/joknlAZEAs/kqonfrsAc98C5DoellmwHREPqKwSTKSY2YB93IwmvNuX6+WE5QkKc31X9wHo/UcpYXpw==}
+    engines: {node: ^18.18.0 || >=20.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 7.4.0(@typescript-eslint/parser@7.4.0)(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 7.4.0(eslint@8.57.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 7.4.0(eslint@8.57.0)(typescript@5.3.3)
+      eslint: 8.57.0
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: false
+
   /typescript@5.3.3:
     resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
     engines: {node: '>=14.17'}
@@ -14979,6 +15259,10 @@ packages:
     resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
     dev: true
 
+  /ufo@1.5.3:
+    resolution: {integrity: sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw==}
+    dev: true
+
   /uglify-js@3.17.4:
     resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
     engines: {node: '>=0.8.0'}
@@ -15005,6 +15289,15 @@ packages:
       string.fromcodepoint: 0.2.1
     dev: true
 
+  /unhead@1.9.3:
+    resolution: {integrity: sha512-nV6d4ALJph73hCJT1tAd4z30Q2Gv8vNUvK0netM/EetL2scdggf9brcX3OyPqWhZbnFIOE+AouH2oE1KPznkcw==}
+    dependencies:
+      '@unhead/dom': 1.9.3
+      '@unhead/schema': 1.9.3
+      '@unhead/shared': 1.9.3
+      hookable: 5.5.3
+    dev: true
+
   /unicode-canonical-property-names-ecmascript@2.0.0:
     resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
     engines: {node: '>=4'}
@@ -15536,6 +15829,12 @@ packages:
       acorn-walk: 8.3.2
     dev: true
 
+  /vue-bundle-renderer@2.0.0:
+    resolution: {integrity: sha512-oYATTQyh8XVkUWe2kaKxhxKVuuzK2Qcehe+yr3bGiaQAhK3ry2kYE4FWOfL+KO3hVFwCdLmzDQTzYhTi9C+R2A==}
+    dependencies:
+      ufo: 1.3.2
+    dev: true
+
   /vue-component-type-helpers@2.0.6:
     resolution: {integrity: sha512-qdGXCtoBrwqk1BT6r2+1Wcvl583ZVkuSZ3or7Y1O2w5AvWtlvvxwjGhmz5DdPJS9xqRdDlgTJ/38ehWnEi0tFA==}
     dev: true
@@ -16321,3 +16620,7 @@ packages:
       toposort: 2.0.2
       type-fest: 2.19.0
     dev: false
+
+  /zhead@2.2.4:
+    resolution: {integrity: sha512-8F0OI5dpWIA5IGG5NHUg9staDwz/ZPxZtvGVf01j7vHqSyZ0raHY+78atOVxRqb73AotX22uV1pXt3gYSstGag==}
+    dev: true
diff --git a/src/packages/__VUE/address/demo.vue b/src/packages/__VUE/address/demo.vue
index 7e1a7a3ea6..f8f67ad7f5 100644
--- a/src/packages/__VUE/address/demo.vue
+++ b/src/packages/__VUE/address/demo.vue
@@ -260,7 +260,7 @@ const onChange = (cal: CalBack, tag: string) => {
   console.log('地址选择', cal)
   const name = (address as any)[cal.next]
   if (!name) {
-    ;(showPopup as any)[tag] = false
+    (showPopup as any)[tag] = false
   }
 }
 const close1 = (val: CalResult) => {
diff --git a/src/packages/__VUE/address/index.taro.vue b/src/packages/__VUE/address/index.taro.vue
index ec4550a165..12d2cbad58 100644
--- a/src/packages/__VUE/address/index.taro.vue
+++ b/src/packages/__VUE/address/index.taro.vue
@@ -67,8 +67,9 @@
               >
                 <div>
                   <slot v-if="selectedRegion[tabIndex]?.id == item.id" name="icon">
-                    <Check class="nut-address-select-icon" width="13px"></Check> </slot
-                  >{{ item.name }}
+                    <Check class="nut-address-select-icon" width="13px"></Check>
+                  </slot>
+                  {{ item.name }}
                 </div>
               </div>
             </nut-scroll-view>
@@ -118,9 +119,11 @@
           </ul>
         </div>
         <div v-if="isShowCustomAddress" class="nut-address__exist-choose" @click="switchModule">
-          <div class="nut-address__exist-choose-btn">{{
-            customAndExistTitle || translate('chooseAnotherAddress')
-          }}</div>
+          <div class="nut-address__exist-choose-btn">
+            {{
+              customAndExistTitle || translate('chooseAnotherAddress')
+            }}
+          </div>
         </div>
         <template v-if="!isShowCustomAddress">
           <slot name="bottom"></slot>
@@ -360,7 +363,7 @@ export default create({
       }
       emit('change', callBackParams)
     }
-    //切换地区Tab
+    // 切换地区Tab
     const changeRegionTab = (item: AddressData, index: number) => {
       prevTabIndex.value = tabIndex.value
       if (getTabName(item, index)) {
@@ -421,7 +424,7 @@ export default create({
       }
 
       if (['custom', 'custom2'].includes(privateType.value)) {
-        ;[0, 1, 2, 3].forEach((i) => {
+        [0, 1, 2, 3].forEach((i) => {
           const item = selectedRegion.value[i]
           data.addressIdStr += `${i ? '_' : ''}${(item && item.id) || 0}`
           data.addressStr += (item && item.name) || ''
diff --git a/src/packages/__VUE/address/index.vue b/src/packages/__VUE/address/index.vue
index dfdff13e1a..51b8f42d2d 100644
--- a/src/packages/__VUE/address/index.vue
+++ b/src/packages/__VUE/address/index.vue
@@ -62,8 +62,9 @@
             >
               <div>
                 <slot v-if="selectedRegion[tabIndex]?.id == item.id" name="icon">
-                  <Check class="nut-address-select-icon" size="13px"></Check> </slot
-                >{{ item.name }}
+                  <Check class="nut-address-select-icon" size="13px"></Check>
+                </slot>
+                {{ item.name }}
               </div>
             </li>
           </ul>
@@ -110,9 +111,11 @@
         </div>
 
         <div v-if="isShowCustomAddress" class="nut-address__exist-choose" @click="switchModule">
-          <div class="nut-address__exist-choose-btn">{{
-            customAndExistTitle || translate('chooseAnotherAddress')
-          }}</div>
+          <div class="nut-address__exist-choose-btn">
+            {{
+              customAndExistTitle || translate('chooseAnotherAddress')
+            }}
+          </div>
         </div>
       </view>
 
@@ -258,7 +261,7 @@ export default create({
       return newData
     }
 
-    //已选择的 省、市、县、镇
+    // 已选择的 省、市、县、镇
     let selectedRegion = ref<AddressData[]>([])
 
     let selectedExistAddress = reactive({}) // 当前选择的地址
@@ -412,7 +415,7 @@ export default create({
       }
 
       if (['custom', 'custom2'].includes(privateType.value)) {
-        ;[0, 1, 2, 3].forEach((i) => {
+        [0, 1, 2, 3].forEach((i) => {
           const item = selectedRegion.value[i]
           data.addressIdStr += `${i ? '_' : ''}${(item && item.id) || 0}`
           data.addressStr += (item && item.name) || ''
diff --git a/src/packages/__VUE/addresslist/components/ItemContents.taro.vue b/src/packages/__VUE/addresslist/components/ItemContents.taro.vue
index d9e7858f4b..573b040951 100644
--- a/src/packages/__VUE/addresslist/components/ItemContents.taro.vue
+++ b/src/packages/__VUE/addresslist/components/ItemContents.taro.vue
@@ -5,9 +5,11 @@
         <slot name="content-top">
           <div class="nut-address-list-item__info-contact-name">{{ item.addressName }}</div>
           <div class="nut-address-list-item__info-contact-tel">{{ item.phone }}</div>
-          <div v-if="item.defaultAddress" class="nut-address-list-item__info-contact-default">{{
-            translate('default')
-          }}</div>
+          <div v-if="item.defaultAddress" class="nut-address-list-item__info-contact-default">
+            {{
+              translate('default')
+            }}
+          </div>
         </slot>
       </div>
       <div class="nut-address-list-item__info-handle">
diff --git a/src/packages/__VUE/addresslist/components/ItemContents.vue b/src/packages/__VUE/addresslist/components/ItemContents.vue
index 6adcbd4b56..c9838b0a91 100644
--- a/src/packages/__VUE/addresslist/components/ItemContents.vue
+++ b/src/packages/__VUE/addresslist/components/ItemContents.vue
@@ -5,9 +5,11 @@
         <slot name="content-top">
           <div class="nut-address-list-item__info-contact-name">{{ item.addressName }}</div>
           <div class="nut-address-list-item__info-contact-tel">{{ item.phone }}</div>
-          <div v-if="item.defaultAddress" class="nut-address-list-item__info-contact-default">{{
-            translate('default')
-          }}</div>
+          <div v-if="item.defaultAddress" class="nut-address-list-item__info-contact-default">
+            {{
+              translate('default')
+            }}
+          </div>
         </slot>
       </div>
       <div class="nut-address-list-item__info-handle">
diff --git a/src/packages/__VUE/addresslist/index.taro.vue b/src/packages/__VUE/addresslist/index.taro.vue
index 3691df5bc8..6b6fe3efdc 100644
--- a/src/packages/__VUE/addresslist/index.taro.vue
+++ b/src/packages/__VUE/addresslist/index.taro.vue
@@ -84,7 +84,7 @@ export default create({
       defaultAddress: false,
       fullAddress: '北京市通州区测试测试测试测试测试测试测试测试测试'
     })
-    //磨平参数差异
+    // 磨平参数差异
     const trowelData = () => {
       if (Object.keys(props.dataOptions).length > 0) {
         dataArray.value = props.data.map((item) => {
diff --git a/src/packages/__VUE/addresslist/index.vue b/src/packages/__VUE/addresslist/index.vue
index ea8d4c41a7..6f60f7e752 100644
--- a/src/packages/__VUE/addresslist/index.vue
+++ b/src/packages/__VUE/addresslist/index.vue
@@ -84,7 +84,7 @@ export default create({
       defaultAddress: false,
       fullAddress: '北京市通州区测试测试测试测试测试测试测试测试测试'
     })
-    //磨平参数差异
+    // 磨平参数差异
     const trowelData = () => {
       if (Object.keys(props.dataOptions).length > 0) {
         dataArray.value = props.data.map((item) => {
diff --git a/src/packages/__VUE/audio/index.vue b/src/packages/__VUE/audio/index.vue
index ba319d151c..63b642721b 100644
--- a/src/packages/__VUE/audio/index.vue
+++ b/src/packages/__VUE/audio/index.vue
@@ -136,13 +136,13 @@ export default create({
             if (document.hidden) {
               // 页面被挂起
               // 这里要根据用户当前播放状态，做音频暂停操作
-              ;(audioRef.value as any).pause()
+              (audioRef.value as any).pause()
             } else {
               // 页面呼出
               if (audioData.playing) {
                 setTimeout(() => {
                   // 这里要 根据页面挂起前音频的播放状态，做音频播放操作
-                  ;(audioRef.value as any).play()
+                  (audioRef.value as any).play()
                 }, 200)
               }
             }
@@ -169,22 +169,22 @@ export default create({
       emit('canPlay', e)
     }
 
-    //播放时间
+    // 播放时间
     const onTimeupdate = (e: any) => {
       audioData.currentTime = parseInt(e.target.currentTime)
     }
 
-    //后退
+    // 后退
     const fastBack = () => {
       if (audioData.currentTime > 0) {
         audioData.currentTime--
       }
-      ;(audioRef.value as any).currentTime = audioData.currentTime
+      (audioRef.value as any).currentTime = audioData.currentTime
 
       emit('fastBack', audioData.currentTime)
     }
 
-    //改变播放状态
+    // 改变播放状态
     const changeStatus = () => {
       const audioR = audioRef.value as any
       if (audioData.playing) {
@@ -200,7 +200,7 @@ export default create({
       emit('play', audioData.playing)
     }
 
-    //快进
+    // 快进
     const forward = () => {
       audioData.currentTime++
       ;(audioRef.value as any).currentTime = audioData.currentTime
@@ -208,19 +208,19 @@ export default create({
       emit('forward', audioData.currentTime)
     }
 
-    //处理
+    // 处理
     const handle = (val: number | string) => {
-      //毫秒数转为时分秒
+      // 毫秒数转为时分秒
       audioData.currentDuration = formatSeconds(val as string)
       audioData.percent = ((val as number) / audioData.second) * 100
     }
-    //播放结束 修改播放状态
+    // 播放结束 修改播放状态
     const audioEnd = () => {
       audioData.playing = false
       emit('ended')
     }
 
-    //点击进度条
+    // 点击进度条
     const progressChange = (val: number) => {
       const ar = audioRef.value as any
       ar.currentTime = (audioData.second * val) / 100
diff --git a/src/packages/__VUE/audiooperate/index.vue b/src/packages/__VUE/audiooperate/index.vue
index 4949547788..2d33825e51 100644
--- a/src/packages/__VUE/audiooperate/index.vue
+++ b/src/packages/__VUE/audiooperate/index.vue
@@ -1,25 +1,30 @@
 <template>
   <!--配合进度条使用 播放时长、 兼容是否支持 、暂停、 开启-->
   <div class="nut-audio-operate">
-    <div v-if="type == 'back'" class="nut-audio-operate-item" @click="fastBack"
-      ><nut-button v-if="!customSlot" type="primary" size="small">{{ translate('back') }}</nut-button
-      ><slot></slot
-    ></div>
-    <div v-if="type == 'play'" class="nut-audio-operate-item" @click="changeStatus"
-      ><nut-button v-if="!customSlot" type="primary" size="small">{{
-        !audioData.playing ? `${translate('start')}` : `${translate('pause')}`
-      }}</nut-button>
-      <slot></slot
-    ></div>
-    <div v-if="type == 'forward'" class="nut-audio-operate-item" @click="forward"
-      ><nut-button v-if="!customSlot" type="primary" size="small">快进</nut-button><slot></slot
-    ></div>
-    <div v-if="type == 'mute'" class="nut-audio-operate-item" @click="handleMute"
-      ><nut-button v-if="!customSlot" :type="!audioData.hanMuted ? 'primary' : 'default'" size="small">{{
-        translate('mute')
-      }}</nut-button
-      ><slot></slot
-    ></div>
+    <div v-if="type == 'back'" class="nut-audio-operate-item" @click="fastBack">
+      <nut-button v-if="!customSlot" type="primary" size="small">{{ translate('back') }}</nut-button>
+      <slot></slot>
+    </div>
+    <div v-if="type == 'play'" class="nut-audio-operate-item" @click="changeStatus">
+      <nut-button v-if="!customSlot" type="primary" size="small">
+        {{
+          !audioData.playing ? `${translate('start')}` : `${translate('pause')}`
+        }}
+      </nut-button>
+      <slot></slot>
+    </div>
+    <div v-if="type == 'forward'" class="nut-audio-operate-item" @click="forward">
+      <nut-button v-if="!customSlot" type="primary" size="small">快进</nut-button>
+      <slot></slot>
+    </div>
+    <div v-if="type == 'mute'" class="nut-audio-operate-item" @click="handleMute">
+      <nut-button v-if="!customSlot" :type="!audioData.hanMuted ? 'primary' : 'default'" size="small">
+        {{
+          translate('mute')
+        }}
+      </nut-button>
+      <slot></slot>
+    </div>
   </div>
 </template>
 <script lang="ts">
diff --git a/src/packages/__VUE/avatarcropper/index.taro.vue b/src/packages/__VUE/avatarcropper/index.taro.vue
index 63bb58c08f..16ec66299d 100644
--- a/src/packages/__VUE/avatarcropper/index.taro.vue
+++ b/src/packages/__VUE/avatarcropper/index.taro.vue
@@ -148,10 +148,10 @@ export default create({
     // 判断是否可以开启canvas2d，支付宝基础库2.7.0以上支持，微信基础库2.9.0以上支持
     const showCanvas2D = computed(() => {
       return (
-        (Taro.getEnv() === 'ALIPAY' && parseInt((Taro as any).SDKVersion.replace(/\./g, '')) >= 270) ||
-        (systemInfo.SDKVersion &&
-          parseInt(systemInfo.SDKVersion.replace(/\./g, '')) >= 290 &&
-          Taro.getEnv() === 'WEAPP')
+        (Taro.getEnv() === 'ALIPAY' && parseInt((Taro as any).SDKVersion.replace(/\./g, '')) >= 270)
+        || (systemInfo.SDKVersion
+        && parseInt(systemInfo.SDKVersion.replace(/\./g, '')) >= 290
+        && Taro.getEnv() === 'WEAPP')
       )
     })
     const showPixelRatio = Taro.getEnv() === 'WEB' || showCanvas2D.value
@@ -532,18 +532,18 @@ export default create({
       croppedCanvas.width = width
       croppedCanvas.height = height
       // 使用drawImage方法将原canvas中指定区域的内容绘制到新canvas上
-      canvas &&
-        croppedCtx.drawImage(
-          canvas,
-          props.space * pixelRatio,
-          (displayHeight - cropperWidth) / 2,
-          width,
-          height,
-          0,
-          0,
-          width,
-          height
-        )
+      canvas
+      && croppedCtx.drawImage(
+        canvas,
+        props.space * pixelRatio,
+        (displayHeight - cropperWidth) / 2,
+        width,
+        height,
+        0,
+        0,
+        width,
+        height
+      )
 
       // 将裁剪后的内容转换为图片格式
       const imageDataURL = croppedCanvas.toDataURL('image/png')
diff --git a/src/packages/__VUE/avatarcropper/index.vue b/src/packages/__VUE/avatarcropper/index.vue
index 1560299ddc..d7c4d3fe0c 100644
--- a/src/packages/__VUE/avatarcropper/index.vue
+++ b/src/packages/__VUE/avatarcropper/index.vue
@@ -163,7 +163,7 @@ export default create({
     const fileToDataURL = (file: Blob): Promise<any> => {
       return new Promise((resolve) => {
         const reader = new FileReader()
-        reader.onloadend = (e) => resolve((e.target as FileReader).result)
+        reader.onloadend = e => resolve((e.target as FileReader).result)
         reader.readAsDataURL(file)
       })
     }
diff --git a/src/packages/__VUE/calendar/demo/multiple.vue b/src/packages/__VUE/calendar/demo/multiple.vue
index ee825d7c18..be4565ad6c 100644
--- a/src/packages/__VUE/calendar/demo/multiple.vue
+++ b/src/packages/__VUE/calendar/demo/multiple.vue
@@ -16,6 +16,6 @@ import { ref } from 'vue'
 const show = ref(false)
 const date = ref([])
 const choose = (param) => {
-  date.value = param.map((item) => item[3])
+  date.value = param.map(item => item[3])
 }
 </script>
diff --git a/src/packages/__VUE/calendarcard/calendar-card.taro.vue b/src/packages/__VUE/calendarcard/calendar-card.taro.vue
index 26a7f8cc34..02f3397d46 100644
--- a/src/packages/__VUE/calendarcard/calendar-card.taro.vue
+++ b/src/packages/__VUE/calendarcard/calendar-card.taro.vue
@@ -183,17 +183,17 @@ const isActive = (day: CalendarCardDay) => {
 
 const isStart = (day: CalendarCardDay) => {
   return (
-    (props.type === 'range' || props.type === 'week') &&
-    innerValue.value.length === 2 &&
-    isSameDay(day, innerValue.value[0])
+    (props.type === 'range' || props.type === 'week')
+    && innerValue.value.length === 2
+    && isSameDay(day, innerValue.value[0])
   )
 }
 
 const isEnd = (day: CalendarCardDay) => {
   return (
-    (props.type === 'range' || props.type === 'week') &&
-    innerValue.value.length === 2 &&
-    isSameDay(day, innerValue.value[1])
+    (props.type === 'range' || props.type === 'week')
+    && innerValue.value.length === 2
+    && isSameDay(day, innerValue.value[1])
   )
 }
 
@@ -304,9 +304,9 @@ const handleDayClick = (day: CalendarCardDay) => {
       break
     }
     case 'multiple': {
-      const t = innerValue.value.find((i) => isSameDay(i, day))
+      const t = innerValue.value.find(i => isSameDay(i, day))
       if (t) {
-        change(innerValue.value.filter((i) => i !== t))
+        change(innerValue.value.filter(i => i !== t))
       } else {
         change([...innerValue.value, day])
       }
diff --git a/src/packages/__VUE/calendarcard/calendar-card.vue b/src/packages/__VUE/calendarcard/calendar-card.vue
index a926f6df0b..b594887f67 100644
--- a/src/packages/__VUE/calendarcard/calendar-card.vue
+++ b/src/packages/__VUE/calendarcard/calendar-card.vue
@@ -183,17 +183,17 @@ const isActive = (day: CalendarCardDay) => {
 
 const isStart = (day: CalendarCardDay) => {
   return (
-    (props.type === 'range' || props.type === 'week') &&
-    innerValue.value.length === 2 &&
-    isSameDay(day, innerValue.value[0])
+    (props.type === 'range' || props.type === 'week')
+    && innerValue.value.length === 2
+    && isSameDay(day, innerValue.value[0])
   )
 }
 
 const isEnd = (day: CalendarCardDay) => {
   return (
-    (props.type === 'range' || props.type === 'week') &&
-    innerValue.value.length === 2 &&
-    isSameDay(day, innerValue.value[1])
+    (props.type === 'range' || props.type === 'week')
+    && innerValue.value.length === 2
+    && isSameDay(day, innerValue.value[1])
   )
 }
 
@@ -304,9 +304,9 @@ const handleDayClick = (day: CalendarCardDay) => {
       break
     }
     case 'multiple': {
-      const t = innerValue.value.find((i) => isSameDay(i, day))
+      const t = innerValue.value.find(i => isSameDay(i, day))
       if (t) {
-        change(innerValue.value.filter((i) => i !== t))
+        change(innerValue.value.filter(i => i !== t))
       } else {
         change([...innerValue.value, day])
       }
diff --git a/src/packages/__VUE/calendarcard/icon.taro.ts b/src/packages/__VUE/calendarcard/icon.taro.ts
index 31ab3301ce..8fba4d8eb3 100644
--- a/src/packages/__VUE/calendarcard/icon.taro.ts
+++ b/src/packages/__VUE/calendarcard/icon.taro.ts
@@ -1,16 +1,16 @@
 import { h } from 'vue'
 
-const left =
-  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg=='
+const left
+  = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNi42MDUgOS40OWEuNzcxLjc3MSAwIDAgMSAwLS45OGwzLjYtNC4zNzJhLjc3MS43NzEgMCAwIDEgMS4xOS45ODFMOC4yIDlsMy4xOTcgMy44ODFhLjc3MS43NzEgMCAxIDEtMS4xOTEuOThsLTMuNi00LjM3eiIvPjwvc3ZnPg=='
 
-const right =
-  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+'
+const right
+  = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTEuMzk2IDkuNDlhLjc3MS43NzEgMCAwIDAgMC0uOThsLTMuNi00LjM3MmEuNzcxLjc3MSAwIDAgMC0xLjE5MS45ODFMOS44IDlsLTMuMTk2IDMuODgxYS43NzEuNzcxIDAgMCAwIDEuMTkuOThsMy42LTQuMzd6Ii8+PC9zdmc+'
 
-const doubleLeft =
-  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTMuODUzIDQuMDI2YS43NzEuNzcxIDAgMCAxIC4xMiAxLjA4NUwxMC44NjQgOWwzLjExIDMuODg5YS43NzEuNzcxIDAgMSAxLTEuMjA0Ljk2M2wtMy40OTgtNC4zN2EuNzcxLjc3MSAwIDAgMSAwLS45NjRsMy40OTctNC4zNzFhLjc3MS43NzEgMCAwIDEgMS4wODQtLjEyem0tNS4yNDUgMGEuNzcxLjc3MSAwIDAgMSAuMTIgMS4wODVMNS42MTcgOWwzLjExMSAzLjg4OWEuNzcxLjc3MSAwIDAgMS0xLjIwNS45NjNsLTMuNDk3LTQuMzdhLjc3MS43NzEgMCAwIDEgMC0uOTY0bDMuNDk3LTQuMzcxYS43NzEuNzcxIDAgMCAxIDEuMDg1LS4xMnoiLz48L3N2Zz4='
+const doubleLeft
+  = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTMuODUzIDQuMDI2YS43NzEuNzcxIDAgMCAxIC4xMiAxLjA4NUwxMC44NjQgOWwzLjExIDMuODg5YS43NzEuNzcxIDAgMSAxLTEuMjA0Ljk2M2wtMy40OTgtNC4zN2EuNzcxLjc3MSAwIDAgMSAwLS45NjRsMy40OTctNC4zNzFhLjc3MS43NzEgMCAwIDEgMS4wODQtLjEyem0tNS4yNDUgMGEuNzcxLjc3MSAwIDAgMSAuMTIgMS4wODVMNS42MTcgOWwzLjExMSAzLjg4OWEuNzcxLjc3MSAwIDAgMS0xLjIwNS45NjNsLTMuNDk3LTQuMzdhLjc3MS43NzEgMCAwIDEgMC0uOTY0bDMuNDk3LTQuMzcxYS43NzEuNzcxIDAgMCAxIDEuMDg1LS4xMnoiLz48L3N2Zz4='
 
-const doubleRight =
-  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNC4xNDcgMTMuOTc0YS43NzEuNzcxIDAgMCAxLS4xMi0xLjA4NUw3LjEzNiA5IDQuMDI4IDUuMTFhLjc3MS43NzEgMCAxIDEgMS4yMDQtLjk2M2wzLjQ5NyA0LjM3MWEuNzcxLjc3MSAwIDAgMSAwIC45NjRsLTMuNDk3IDQuMzcxYS43NzEuNzcxIDAgMCAxLTEuMDg0LjEyem01LjI0NSAwYS43NzEuNzcxIDAgMCAxLS4xMi0xLjA4NUwxMi4zODMgOSA5LjI3MiA1LjExYS43NzEuNzcxIDAgMSAxIDEuMjA1LS45NjNsMy40OTcgNC4zNzFhLjc3MS43NzEgMCAwIDEgMCAuOTY0bC0zLjQ5NyA0LjM3MWEuNzcxLjc3MSAwIDAgMS0xLjA4NS4xMnoiLz48L3N2Zz4='
+const doubleRight
+  = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNNC4xNDcgMTMuOTc0YS43NzEuNzcxIDAgMCAxLS4xMi0xLjA4NUw3LjEzNiA5IDQuMDI4IDUuMTFhLjc3MS43NzEgMCAxIDEgMS4yMDQtLjk2M2wzLjQ5NyA0LjM3MWEuNzcxLjc3MSAwIDAgMSAwIC45NjRsLTMuNDk3IDQuMzcxYS43NzEuNzcxIDAgMCAxLTEuMDg0LjEyem01LjI0NSAwYS43NzEuNzcxIDAgMCAxLS4xMi0xLjA4NUwxMi4zODMgOSA5LjI3MiA1LjExYS43NzEuNzcxIDAgMSAxIDEuMjA1LS45NjNsMy40OTcgNC4zNzFhLjc3MS43NzEgMCAwIDEgMCAuOTY0bC0zLjQ5NyA0LjM3MWEuNzcxLjc3MSAwIDAgMS0xLjA4NS4xMnoiLz48L3N2Zz4='
 
 const Icon = (url: string) => {
   const style = {
diff --git a/src/packages/__VUE/calendaritem/index.taro.vue b/src/packages/__VUE/calendaritem/index.taro.vue
index ff09963f5e..195121d1ae 100644
--- a/src/packages/__VUE/calendaritem/index.taro.vue
+++ b/src/packages/__VUE/calendaritem/index.taro.vue
@@ -19,8 +19,9 @@
           :key="index"
           class="nut-calendar__weekday"
           :class="{ weekend: item.weekend }"
-          >{{ item.day }}</view
         >
+          {{ item.day }}
+        </view>
       </view>
     </view>
     <!-- content-->
@@ -62,9 +63,11 @@
                     >
                       {{ startText || translate('start') }}
                     </view>
-                    <view v-if="isEndTip(day, month)" class="nut-calendar__day-tip">{{
-                      endText || translate('end')
-                    }}</view>
+                    <view v-if="isEndTip(day, month)" class="nut-calendar__day-tip">
+                      {{
+                        endText || translate('end')
+                      }}
+                    </view>
                   </view>
                 </template>
               </view>
@@ -259,8 +262,8 @@ export default create({
     const getClass = (day: Day, month: MonthInfo, index?: number) => {
       const res = []
       if (
-        typeof index === 'number' &&
-        ((index + 1 + props.firstDayOfWeek) % 7 === 0 || (index + props.firstDayOfWeek) % 7 === 0)
+        typeof index === 'number'
+        && ((index + 1 + props.firstDayOfWeek) % 7 === 0 || (index + props.firstDayOfWeek) % 7 === 0)
       ) {
         res.push('weekend')
       }
@@ -268,23 +271,23 @@ export default create({
       const { type } = props
       if (day.type == 'curr') {
         if (
-          Utils.isEqual(state.currDate as string, currDate) ||
-          ((type == 'range' || type == 'week') && (isStart(currDate) || isEnd(currDate))) ||
-          (type == 'multiple' && isMultiple(currDate))
+          Utils.isEqual(state.currDate as string, currDate)
+          || ((type == 'range' || type == 'week') && (isStart(currDate) || isEnd(currDate)))
+          || (type == 'multiple' && isMultiple(currDate))
         ) {
           res.push(`${state.dayPrefix}--active`)
         } else if (
-          (state.propStartDate && Utils.compareDate(currDate, state.propStartDate)) ||
-          (state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) ||
-          (props.disabledDate && props.disabledDate(currDate))
+          (state.propStartDate && Utils.compareDate(currDate, state.propStartDate))
+          || (state.propEndDate && Utils.compareDate(state.propEndDate, currDate))
+          || (props.disabledDate && props.disabledDate(currDate))
         ) {
           res.push(`${state.dayPrefix}--disabled`)
         } else if (
-          (type == 'range' || type == 'week') &&
-          Array.isArray(state.currDate) &&
-          Object.values(state.currDate).length == 2 &&
-          Utils.compareDate(state.currDate[0], currDate) &&
-          Utils.compareDate(currDate, state.currDate[1])
+          (type == 'range' || type == 'week')
+          && Array.isArray(state.currDate)
+          && Object.values(state.currDate).length == 2
+          && Utils.compareDate(state.currDate[0], currDate)
+          && Utils.compareDate(currDate, state.currDate[1])
         ) {
           res.push(`${state.dayPrefix}--choose`)
         }
@@ -331,10 +334,10 @@ export default create({
               state.chooseData.push([...days])
             } else {
               if (hasIndex !== undefined) {
-                ;(state.currDate as StringArr).splice(hasIndex, 1)
+                (state.currDate as StringArr).splice(hasIndex, 1)
                 state.chooseData.splice(hasIndex, 1)
               } else {
-                ;(state.currDate as StringArr).push(days[3])
+                (state.currDate as StringArr).push(days[3])
                 state.chooseData.push([...days])
               }
             }
@@ -469,7 +472,7 @@ export default create({
         preMonth = 12
         preYear += 1
       }
-      //当月天数与上个月天数
+      // 当月天数与上个月天数
       const currMonthDays = Utils.getMonthDays(String(curData[0]), String(curData[1]))
       const preCurrMonthDays = Utils.getMonthDays(preYear + '', preMonth + '')
 
@@ -505,16 +508,16 @@ export default create({
       let cssScrollHeight = 0
 
       if (state.monthsData.length > 0) {
-        cssScrollHeight =
-          (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssScrollHeight +
-          (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssHeight
+        cssScrollHeight
+          = (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssScrollHeight
+          + (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssHeight
       }
       monthInfo.cssScrollHeight = cssScrollHeight
       if (type == 'next') {
         // 判断当前日期 是否大于 最后一天
         if (
-          !state.endData ||
-          !Utils.compareDate(
+          !state.endData
+          || !Utils.compareDate(
             `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`,
             `${curData[0]}-${curData[1]}-${curData[2]}`
           )
@@ -524,8 +527,8 @@ export default create({
       } else {
         // 判断当前日期 是否小于 第一天
         if (
-          !state.startData ||
-          !Utils.compareDate(
+          !state.startData
+          || !Utils.compareDate(
             `${curData[0]}-${curData[1]}-${curData[2]}`,
             `${state.startData[0]}-${state.startData[1]}-01`
           )
@@ -549,8 +552,8 @@ export default create({
 
       // 根据是否存在默认时间，初始化当前日期,
       if (props.defaultValue || (Array.isArray(props.defaultValue) && props.defaultValue.length > 0)) {
-        state.currDate =
-          props.type !== 'one' ? ([...props.defaultValue] as StringArr) : (props.defaultValue as string | StringArr)
+        state.currDate
+          = props.type !== 'one' ? ([...props.defaultValue] as StringArr) : (props.defaultValue as string | StringArr)
       }
 
       // 判断时间范围内存在多少个月
@@ -595,10 +598,10 @@ export default create({
           let obj: any = {}
           state.currDate.forEach((item: string) => {
             if (
-              propStartDate &&
-              !Utils.compareDate(item, propStartDate) &&
-              propEndDate &&
-              !Utils.compareDate(propEndDate, item)
+              propStartDate
+              && !Utils.compareDate(item, propStartDate)
+              && propEndDate
+              && !Utils.compareDate(propEndDate, item)
             ) {
               if (!Object.hasOwnProperty.call(obj, item)) {
                 defaultArr.push(item)
@@ -658,7 +661,7 @@ export default create({
         } else if (props.type == 'week') {
           chooseDay({ day: state.defaultData[2], type: 'curr' }, state.monthsData[state.currentIndex], true)
         } else if (props.type == 'multiple') {
-          ;[...state.currDate].forEach((item: string) => {
+          [...state.currDate].forEach((item: string) => {
             let dateArr = splitDate(item)
             let current = state.currentIndex
             state.monthsData.forEach((item, index) => {
@@ -733,9 +736,9 @@ export default create({
     // 区间选择&&当前月&&选中态
     const isActive = (day: Day, month: MonthInfo) => {
       return (
-        (props.type == 'range' || props.type == 'week') &&
-        day.type == 'curr' &&
-        getClass(day, month).includes('nut-calendar__day--active')
+        (props.type == 'range' || props.type == 'week')
+        && day.type == 'curr'
+        && getClass(day, month).includes('nut-calendar__day--active')
       )
     }
 
@@ -814,7 +817,7 @@ export default create({
       })
     })
 
-    //监听 默认值更改
+    // 监听 默认值更改
     watch(
       () => props.defaultValue,
       (val) => {
diff --git a/src/packages/__VUE/calendaritem/index.vue b/src/packages/__VUE/calendaritem/index.vue
index 95eb05b66d..368cab13c5 100644
--- a/src/packages/__VUE/calendaritem/index.vue
+++ b/src/packages/__VUE/calendaritem/index.vue
@@ -19,8 +19,9 @@
           :key="index"
           class="nut-calendar__weekday"
           :class="{ weekend: item.weekend }"
-          >{{ item.day }}</view
         >
+          {{ item.day }}
+        </view>
       </view>
     </view>
     <!-- content-->
@@ -55,9 +56,11 @@
                     >
                       {{ startText || translate('start') }}
                     </view>
-                    <view v-if="isEndTip(day, month)" class="nut-calendar__day-tip">{{
-                      endText || translate('end')
-                    }}</view>
+                    <view v-if="isEndTip(day, month)" class="nut-calendar__day-tip">
+                      {{
+                        endText || translate('end')
+                      }}
+                    </view>
                   </view>
                 </template>
               </view>
@@ -245,8 +248,8 @@ export default create({
     const getClass = (day: Day, month: MonthInfo, index?: number) => {
       const res = []
       if (
-        typeof index === 'number' &&
-        ((index + 1 + props.firstDayOfWeek) % 7 === 0 || (index + props.firstDayOfWeek) % 7 === 0)
+        typeof index === 'number'
+        && ((index + 1 + props.firstDayOfWeek) % 7 === 0 || (index + props.firstDayOfWeek) % 7 === 0)
       ) {
         res.push('weekend')
       }
@@ -254,23 +257,23 @@ export default create({
       const { type } = props
       if (day.type == 'curr') {
         if (
-          Utils.isEqual(state.currDate as string, currDate) ||
-          ((type == 'range' || type == 'week') && (isStart(currDate) || isEnd(currDate))) ||
-          (type == 'multiple' && isMultiple(currDate))
+          Utils.isEqual(state.currDate as string, currDate)
+          || ((type == 'range' || type == 'week') && (isStart(currDate) || isEnd(currDate)))
+          || (type == 'multiple' && isMultiple(currDate))
         ) {
           res.push(`${state.dayPrefix}--active`)
         } else if (
-          (state.propStartDate && Utils.compareDate(currDate, state.propStartDate)) ||
-          (state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) ||
-          (props.disabledDate && props.disabledDate(currDate))
+          (state.propStartDate && Utils.compareDate(currDate, state.propStartDate))
+          || (state.propEndDate && Utils.compareDate(state.propEndDate, currDate))
+          || (props.disabledDate && props.disabledDate(currDate))
         ) {
           res.push(`${state.dayPrefix}--disabled`)
         } else if (
-          (type == 'range' || type == 'week') &&
-          Array.isArray(state.currDate) &&
-          Object.values(state.currDate).length == 2 &&
-          Utils.compareDate(state.currDate[0], currDate) &&
-          Utils.compareDate(currDate, state.currDate[1])
+          (type == 'range' || type == 'week')
+          && Array.isArray(state.currDate)
+          && Object.values(state.currDate).length == 2
+          && Utils.compareDate(state.currDate[0], currDate)
+          && Utils.compareDate(currDate, state.currDate[1])
         ) {
           res.push(`${state.dayPrefix}--choose`)
         }
@@ -320,10 +323,10 @@ export default create({
               state.chooseData.push([...days])
             } else {
               if (hasIndex !== undefined) {
-                ;(state.currDate as StringArr).splice(hasIndex, 1)
+                (state.currDate as StringArr).splice(hasIndex, 1)
                 state.chooseData.splice(hasIndex, 1)
               } else {
-                ;(state.currDate as StringArr).push(days[3])
+                (state.currDate as StringArr).push(days[3])
                 state.chooseData.push([...days])
               }
             }
@@ -458,7 +461,7 @@ export default create({
         preMonth = 12
         preYear += 1
       }
-      //当月天数与上个月天数
+      // 当月天数与上个月天数
       const currMonthDays = Utils.getMonthDays(String(curData[0]), String(curData[1]))
       const preCurrMonthDays = Utils.getMonthDays(preYear + '', preMonth + '')
 
@@ -485,16 +488,16 @@ export default create({
       let cssScrollHeight = 0
 
       if (state.monthsData.length > 0) {
-        cssScrollHeight =
-          (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssScrollHeight +
-          (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssHeight
+        cssScrollHeight
+          = (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssScrollHeight
+          + (state.monthsData[state.monthsData.length - 1] as MonthInfo).cssHeight
       }
       monthInfo.cssScrollHeight = cssScrollHeight
       if (type == 'next') {
         // 判断当前日期 是否大于 最后一天
         if (
-          !state.endData ||
-          !Utils.compareDate(
+          !state.endData
+          || !Utils.compareDate(
             `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`,
             `${curData[0]}-${curData[1]}-${curData[2]}`
           )
@@ -504,8 +507,8 @@ export default create({
       } else {
         // 判断当前日期 是否小于 第一天
         if (
-          !state.startData ||
-          !Utils.compareDate(
+          !state.startData
+          || !Utils.compareDate(
             `${curData[0]}-${curData[1]}-${curData[2]}`,
             `${state.startData[0]}-${state.startData[1]}-01`
           )
@@ -529,8 +532,8 @@ export default create({
 
       // 根据是否存在默认时间，初始化当前日期,
       if (props.defaultValue || (Array.isArray(props.defaultValue) && props.defaultValue.length > 0)) {
-        state.currDate =
-          props.type !== 'one' ? ([...props.defaultValue] as StringArr) : (props.defaultValue as string | StringArr)
+        state.currDate
+          = props.type !== 'one' ? ([...props.defaultValue] as StringArr) : (props.defaultValue as string | StringArr)
       }
 
       // 判断时间范围内存在多少个月
@@ -575,10 +578,10 @@ export default create({
           let obj: Record<string, unknown> = {}
           state.currDate.forEach((item: string) => {
             if (
-              propStartDate &&
-              !Utils.compareDate(item, propStartDate) &&
-              propEndDate &&
-              !Utils.compareDate(propEndDate, item)
+              propStartDate
+              && !Utils.compareDate(item, propStartDate)
+              && propEndDate
+              && !Utils.compareDate(propEndDate, item)
             ) {
               if (!Object.hasOwnProperty.call(obj, item)) {
                 defaultArr.push(item)
@@ -638,7 +641,7 @@ export default create({
         } else if (props.type == 'week') {
           chooseDay({ day: state.defaultData[2], type: 'curr' }, state.monthsData[state.currentIndex], true)
         } else if (props.type == 'multiple') {
-          ;[...state.currDate].forEach((item: string) => {
+          [...state.currDate].forEach((item: string) => {
             let dateArr = splitDate(item)
             let current = state.currentIndex
             state.monthsData.forEach((item, index) => {
@@ -727,9 +730,9 @@ export default create({
     // 区间选择&&当前月&&选中态
     const isActive = (day: Day, month: MonthInfo) => {
       return (
-        (props.type == 'range' || props.type == 'week') &&
-        day.type == 'curr' &&
-        getClass(day, month).includes('nut-calendar__day--active')
+        (props.type == 'range' || props.type == 'week')
+        && day.type == 'curr'
+        && getClass(day, month).includes('nut-calendar__day--active')
       )
     }
 
@@ -777,14 +780,14 @@ export default create({
       } else {
         const viewPosition = Math.round(currentScrollTop + viewHeight.value)
         if (
-          viewPosition < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight &&
-          currentScrollTop > state.monthsData[current - 1].cssScrollHeight
+          viewPosition < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight
+          && currentScrollTop > state.monthsData[current - 1].cssScrollHeight
         ) {
           current -= 1
         }
         if (
-          current + 1 <= state.monthsNum &&
-          viewPosition >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight
+          current + 1 <= state.monthsNum
+          && viewPosition >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight
         ) {
           current += 1
         }
@@ -812,7 +815,7 @@ export default create({
       initData()
     })
 
-    //监听 默认值更改
+    // 监听 默认值更改
     watch(
       () => props.defaultValue,
       (val) => {
diff --git a/src/packages/__VUE/cascader/__tests__/cascader.spec.ts b/src/packages/__VUE/cascader/__tests__/cascader.spec.ts
index cfc5c4696f..f5ddad25db 100644
--- a/src/packages/__VUE/cascader/__tests__/cascader.spec.ts
+++ b/src/packages/__VUE/cascader/__tests__/cascader.spec.ts
@@ -14,7 +14,7 @@ const mountCascader = (options = {}) =>
     },
     ...options
   })
-const later = (t = 0) => new Promise((r) => setTimeout(r, t))
+const later = (t = 0) => new Promise(r => setTimeout(r, t))
 const mockOptions = [
   {
     value: '浙江',
diff --git a/src/packages/__VUE/cascader/cascader-item.taro.vue b/src/packages/__VUE/cascader/cascader-item.taro.vue
index 42b7f7b568..538445c465 100644
--- a/src/packages/__VUE/cascader/cascader-item.taro.vue
+++ b/src/packages/__VUE/cascader/cascader-item.taro.vue
@@ -145,7 +145,7 @@ export default create({
 
       if (isLazy.value && Array.isArray(currentValue) && currentValue.length) {
         needToSync = []
-        let parent = tree.value.nodes.find((node) => node.value === currentValue[0])
+        let parent = tree.value.nodes.find(node => node.value === currentValue[0])
 
         if (parent) {
           needToSync = [parent.value]
@@ -155,7 +155,7 @@ export default create({
             const parent = await p
 
             await invokeLazyLoad(parent)
-            const node = parent?.children?.find((item) => item.value === value)
+            const node = parent?.children?.find(item => item.value === value)
 
             if (node) {
               needToSync.push(value)
@@ -220,7 +220,7 @@ export default create({
     }
 
     const emitChange = (pathNodes: CascaderOption[]) => {
-      const emitValue = pathNodes.map((node) => node.value)
+      const emitValue = pathNodes.map(node => node.value)
 
       innerValue.value = emitValue
       emit('change', emitValue, pathNodes)
@@ -242,7 +242,7 @@ export default create({
           panes.value = panes.value.slice(0, (node.level as number) + 1)
 
           if (!silent) {
-            const pathNodes = panes.value.map((pane) => pane.selectedNode)
+            const pathNodes = panes.value.map(pane => pane.selectedNode)
 
             emitChange(pathNodes as CascaderOption[])
             emit('pathChange', pathNodes)
@@ -263,7 +263,7 @@ export default create({
           tabsCursor.value = level
 
           if (!silent) {
-            const pathNodes = panes.value.map((pane) => pane.selectedNode)
+            const pathNodes = panes.value.map(pane => pane.selectedNode)
             emit('pathChange', pathNodes)
           }
           return
diff --git a/src/packages/__VUE/cascader/cascader-item.vue b/src/packages/__VUE/cascader/cascader-item.vue
index 1dee0a8bbf..f087e3ea47 100644
--- a/src/packages/__VUE/cascader/cascader-item.vue
+++ b/src/packages/__VUE/cascader/cascader-item.vue
@@ -141,7 +141,7 @@ export default create({
 
       if (isLazy.value && Array.isArray(currentValue) && currentValue.length) {
         needToSync = []
-        let parent = tree.value.nodes.find((node) => node.value === currentValue[0])
+        let parent = tree.value.nodes.find(node => node.value === currentValue[0])
 
         if (parent) {
           needToSync = [parent.value]
@@ -151,7 +151,7 @@ export default create({
             const parent = await p
 
             await invokeLazyLoad(parent)
-            const node = parent?.children?.find((item) => item.value === value)
+            const node = parent?.children?.find(item => item.value === value)
 
             if (node) {
               needToSync.push(value)
@@ -216,7 +216,7 @@ export default create({
     }
 
     const emitChange = (pathNodes: CascaderOption[]) => {
-      const emitValue = pathNodes.map((node) => node.value)
+      const emitValue = pathNodes.map(node => node.value)
 
       innerValue.value = emitValue
       emit('change', emitValue, pathNodes)
@@ -238,7 +238,7 @@ export default create({
           panes.value = panes.value.slice(0, (node.level as number) + 1)
 
           if (!silent) {
-            const pathNodes = panes.value.map((pane) => pane.selectedNode)
+            const pathNodes = panes.value.map(pane => pane.selectedNode)
 
             emitChange(pathNodes as CascaderOption[])
             emit('pathChange', pathNodes)
@@ -259,7 +259,7 @@ export default create({
           tabsCursor.value = level
 
           if (!silent) {
-            const pathNodes = panes.value.map((pane) => pane.selectedNode)
+            const pathNodes = panes.value.map(pane => pane.selectedNode)
             emit('pathChange', pathNodes)
           }
           return
diff --git a/src/packages/__VUE/cascader/tree.ts b/src/packages/__VUE/cascader/tree.ts
index d7d54d6092..9fb5658452 100644
--- a/src/packages/__VUE/cascader/tree.ts
+++ b/src/packages/__VUE/cascader/tree.ts
@@ -45,7 +45,7 @@ class Tree {
     let currentNodes: CascaderOption[] | void = this.nodes
 
     while (currentNodes && currentNodes.length) {
-      const foundNode: CascaderOption | void = currentNodes.find((node) => node.value === value[node.level as number])
+      const foundNode: CascaderOption | void = currentNodes.find(node => node.value === value[node.level as number])
 
       if (!foundNode) {
         break
diff --git a/src/packages/__VUE/category/demo.vue b/src/packages/__VUE/category/demo.vue
index 85654726cb..d2a85f5bc2 100644
--- a/src/packages/__VUE/category/demo.vue
+++ b/src/packages/__VUE/category/demo.vue
@@ -6,14 +6,13 @@
     </nut-category>
     <h2>{{ translate('title2') }}</h2>
     <nut-category :category="data.category" @change="changeText">
-      <nut-category-pane type="text" :category-child="data.categoryChild2" @on-change="onChange"> </nut-category-pane
-    ></nut-category>
+      <nut-category-pane type="text" :category-child="data.categoryChild2" @on-change="onChange"> </nut-category-pane>
+    </nut-category>
 
     <h2>{{ translate('title3') }}</h2>
-    <nut-category
-      ><nut-category-pane type="custom" :custom-category="data.customCategory" @on-change="changeCustom">
-      </nut-category-pane
-    ></nut-category>
+    <nut-category>
+      <nut-category-pane type="custom" :custom-category="data.customCategory" @on-change="changeCustom"></nut-category-pane>
+    </nut-category>
   </div>
 </template>
 
@@ -49,7 +48,7 @@ onMounted(() => {
 
 const getData = () => {
   fetch('//storage.360buyimg.com/nutui/3x/categoryData.js')
-    .then((response) => response.json())
+    .then(response => response.json())
     .then((res) => {
       const { categoryInfo, categoryChild, customCategory } = res
       data.categoryInfo1 = categoryInfo
@@ -59,7 +58,7 @@ const getData = () => {
       data.categoryInfo2 = categoryInfo
       data.categoryChild2 = categoryChild
     })
-    .catch((err) => console.log('Oh, error', err))
+    .catch(err => console.log('Oh, error', err))
 }
 
 const change = (index: any) => {
diff --git a/src/packages/__VUE/category/index.taro.vue b/src/packages/__VUE/category/index.taro.vue
index 25460d27d0..fa30bd7494 100644
--- a/src/packages/__VUE/category/index.taro.vue
+++ b/src/packages/__VUE/category/index.taro.vue
@@ -28,13 +28,13 @@ export type CategoryType = {
 
 export default create({
   props: {
-    //分类模式
+    // 分类模式
     type: {
       type: String,
       default: 'classify'
     },
 
-    //左侧导航栏
+    // 左侧导航栏
     category: {
       type: Array as PropType<CategoryType>,
       default: () => []
@@ -43,7 +43,7 @@ export default create({
 
   setup(props, { emit }) {
     const checkIndex = ref(0)
-    const categoryLeft = ref(false) //是否显示slot
+    const categoryLeft = ref(false) // 是否显示slot
 
     const getChildList = (index: any) => {
       checkIndex.value = index
diff --git a/src/packages/__VUE/category/index.vue b/src/packages/__VUE/category/index.vue
index e12f2e3325..be288e468b 100644
--- a/src/packages/__VUE/category/index.vue
+++ b/src/packages/__VUE/category/index.vue
@@ -28,12 +28,12 @@ export type CategoryType = {
 
 export default create({
   props: {
-    //分类模式
+    // 分类模式
     type: {
       type: String,
       default: 'classify'
     },
-    //左侧导航栏
+    // 左侧导航栏
     category: {
       type: Array as PropType<CategoryType>,
       default: []
@@ -42,7 +42,7 @@ export default create({
 
   setup(props, { emit }) {
     const checkIndex = ref(0)
-    const categoryLeft = ref(false) //是否显示slot
+    const categoryLeft = ref(false) // 是否显示slot
 
     const getChildList = (index: any) => {
       checkIndex.value = index
diff --git a/src/packages/__VUE/categorypane/index.taro.vue b/src/packages/__VUE/categorypane/index.taro.vue
index 529696abdd..7c1e8c76c0 100644
--- a/src/packages/__VUE/categorypane/index.taro.vue
+++ b/src/packages/__VUE/categorypane/index.taro.vue
@@ -62,19 +62,19 @@ export type CustomType = {
 
 export default create({
   props: {
-    //分类模式
+    // 分类模式
     type: {
       type: String,
       default: 'classify'
     },
 
-    //右侧导航数据
+    // 右侧导航数据
     categoryChild: {
       type: Array as PropType<ChildType>,
       default: () => []
     },
 
-    //模式传入自定义数据
+    // 模式传入自定义数据
     customCategory: {
       type: Array as PropType<CustomType>,
       default: () => []
diff --git a/src/packages/__VUE/categorypane/index.vue b/src/packages/__VUE/categorypane/index.vue
index b06a863b30..55c5ce2009 100644
--- a/src/packages/__VUE/categorypane/index.vue
+++ b/src/packages/__VUE/categorypane/index.vue
@@ -62,19 +62,19 @@ export type CustomType = {
 
 export default create({
   props: {
-    //分类模式
+    // 分类模式
     type: {
       type: String,
       default: 'classify'
     },
 
-    //右侧导航数据
+    // 右侧导航数据
     categoryChild: {
       type: Array as PropType<ChildType>,
       default: () => []
     },
 
-    //模式传入自定义数据
+    // 模式传入自定义数据
     customCategory: {
       type: Array as PropType<CustomType>,
       default: () => []
diff --git a/src/packages/__VUE/checkbox/demo/methods.vue b/src/packages/__VUE/checkbox/demo/methods.vue
index 26143dce92..0de0ea14f4 100644
--- a/src/packages/__VUE/checkbox/demo/methods.vue
+++ b/src/packages/__VUE/checkbox/demo/methods.vue
@@ -1,9 +1,11 @@
 <template>
   <nut-cell>
     <nut-checkbox-group ref="group" v-model="state.checkboxgroup3" @change="changeBox4">
-      <nut-checkbox v-for="item in state.checkboxsource" :key="item.label" :label="item.label">{{
-        item.value
-      }}</nut-checkbox>
+      <nut-checkbox v-for="item in state.checkboxsource" :key="item.label" :label="item.label">
+        {{
+          item.value
+        }}
+      </nut-checkbox>
     </nut-checkbox-group>
   </nut-cell>
   <nut-cell>
diff --git a/src/packages/__VUE/checkbox/index.taro.vue b/src/packages/__VUE/checkbox/index.taro.vue
index 285d8732e4..d1e7aa64f8 100644
--- a/src/packages/__VUE/checkbox/index.taro.vue
+++ b/src/packages/__VUE/checkbox/index.taro.vue
@@ -68,8 +68,8 @@ export default create({
         ? state.partialSelect
           ? 'nut-checkbox__icon--indeterminate'
           : !pValue.value
-            ? 'nut-checkbox__icon--unchecked'
-            : 'nut-checkbox__icon'
+              ? 'nut-checkbox__icon--unchecked'
+              : 'nut-checkbox__icon'
         : 'nut-checkbox__icon--disable'
     })
 
@@ -102,8 +102,8 @@ export default create({
       const iconNode: Component = state.partialSelect
         ? iconNodeMap.CheckDisabled
         : !pValue.value
-          ? iconNodeMap.CheckNormal
-          : iconNodeMap.Checked
+            ? iconNodeMap.CheckNormal
+            : iconNodeMap.Checked
       const size = pxCheck(iconSize)
       return h(iconNode, {
         width: size,
diff --git a/src/packages/__VUE/checkbox/index.vue b/src/packages/__VUE/checkbox/index.vue
index 9d3f21c00b..e45abb656a 100644
--- a/src/packages/__VUE/checkbox/index.vue
+++ b/src/packages/__VUE/checkbox/index.vue
@@ -68,8 +68,8 @@ export default create({
         ? state.partialSelect
           ? 'nut-checkbox__icon--indeterminate'
           : !pValue.value
-            ? 'nut-checkbox__icon--unchecked'
-            : 'nut-checkbox__icon'
+              ? 'nut-checkbox__icon--unchecked'
+              : 'nut-checkbox__icon'
         : 'nut-checkbox__icon--disable'
     })
 
@@ -102,8 +102,8 @@ export default create({
       const iconNode: Component = state.partialSelect
         ? iconNodeMap.CheckDisabled
         : !pValue.value
-          ? iconNodeMap.CheckNormal
-          : iconNodeMap.Checked
+            ? iconNodeMap.CheckNormal
+            : iconNodeMap.Checked
       const size = pxCheck(iconSize)
       return h(iconNode, {
         width: size,
diff --git a/src/packages/__VUE/checkboxgroup/index.taro.vue b/src/packages/__VUE/checkboxgroup/index.taro.vue
index d87ad30f44..a38e333572 100644
--- a/src/packages/__VUE/checkboxgroup/index.taro.vue
+++ b/src/packages/__VUE/checkboxgroup/index.taro.vue
@@ -30,7 +30,7 @@ export default create({
     }
 
     const unlink = (child: ComponentInternalInstance) => {
-      child.proxy && (state.children = state.children.filter((p) => p !== child.proxy))
+      child.proxy && (state.children = state.children.filter(p => p !== child.proxy))
     }
 
     const updateValue = (value: string[]) => {
diff --git a/src/packages/__VUE/checkboxgroup/index.vue b/src/packages/__VUE/checkboxgroup/index.vue
index d87ad30f44..a38e333572 100644
--- a/src/packages/__VUE/checkboxgroup/index.vue
+++ b/src/packages/__VUE/checkboxgroup/index.vue
@@ -30,7 +30,7 @@ export default create({
     }
 
     const unlink = (child: ComponentInternalInstance) => {
-      child.proxy && (state.children = state.children.filter((p) => p !== child.proxy))
+      child.proxy && (state.children = state.children.filter(p => p !== child.proxy))
     }
 
     const updateValue = (value: string[]) => {
diff --git a/src/packages/__VUE/circleprogress/__tests__/index.spec.ts b/src/packages/__VUE/circleprogress/__tests__/index.spec.ts
index beb919c8d5..461a3375d6 100644
--- a/src/packages/__VUE/circleprogress/__tests__/index.spec.ts
+++ b/src/packages/__VUE/circleprogress/__tests__/index.spec.ts
@@ -9,7 +9,7 @@ test('CircleProgress: should change stoke when use width props', async () => {
       radius: 60
     }
   })
-  let element = wrapper.element as HTMLElement
+  const element = wrapper.element as HTMLElement
   expect(element.style.width).toEqual('120px')
   expect(element.style.height).toEqual('120px')
 })
@@ -20,7 +20,7 @@ test('CircleProgress: should change color when use color props', async () => {
       color: 'red'
     }
   })
-  let path = wrapper.findAll('path')
+  const path = wrapper.findAll('path')
   expect(path[1].html()).toContain('red')
 })
 test('CircleProgress: gradient', async () => {
diff --git a/src/packages/__VUE/comment/components/CmtBottom.taro.vue b/src/packages/__VUE/comment/components/CmtBottom.taro.vue
index bba3bff600..6c1cc96ac6 100644
--- a/src/packages/__VUE/comment/components/CmtBottom.taro.vue
+++ b/src/packages/__VUE/comment/components/CmtBottom.taro.vue
@@ -1,7 +1,8 @@
 <template>
   <view class="nut-comment-bottom">
     <view class="nut-comment-bottom__lable" @click="handleClick">
-      <span v-if="type != 'complex'" style="display: inline">{{ info.size }}</span></view
+      <span v-if="type != 'complex'" style="display: inline">{{ info.size }}</span>
+    </view
     >
 
     <view class="nut-comment-bottom__cpx">
@@ -14,9 +15,11 @@
           </template>
           <template v-if="name == 'more'">
             <MoreX></MoreX>
-            <view v-if="showPopver" class="nut-comment-bottom__cpx-item-popover" @click="operate('popover')">{{
-              translate('complaintsText')
-            }}</view>
+            <view v-if="showPopver" class="nut-comment-bottom__cpx-item-popover" @click="operate('popover')">
+              {{
+                translate('complaintsText')
+              }}
+            </view>
           </template>
         </view>
       </template>
@@ -62,7 +65,7 @@ export default create({
       if (props.operation) {
         props.operation.forEach((name: string) => {
           if (deOp.includes(name)) {
-            ;(mergeOp.value as any).push(name)
+            (mergeOp.value as any).push(name)
           }
         })
       }
diff --git a/src/packages/__VUE/comment/components/CmtBottom.vue b/src/packages/__VUE/comment/components/CmtBottom.vue
index d17f12614e..e7b5d81a19 100644
--- a/src/packages/__VUE/comment/components/CmtBottom.vue
+++ b/src/packages/__VUE/comment/components/CmtBottom.vue
@@ -1,7 +1,8 @@
 <template>
   <view class="nut-comment-bottom">
     <view class="nut-comment-bottom__lable" @click="handleClick">
-      <span v-if="type != 'complex'">{{ info.size }}</span></view
+      <span v-if="type != 'complex'">{{ info.size }}</span>
+    </view
     >
 
     <view class="nut-comment-bottom__cpx">
@@ -14,9 +15,11 @@
           </template>
           <template v-if="name == 'more'">
             <MoreX></MoreX>
-            <view v-if="showPopver" class="nut-comment-bottom__cpx-item-popover" @click="operate('popover')">{{
-              translate('complaintsText')
-            }}</view>
+            <view v-if="showPopver" class="nut-comment-bottom__cpx-item-popover" @click="operate('popover')">
+              {{
+                translate('complaintsText')
+              }}
+            </view>
           </template>
         </view>
       </template>
@@ -62,7 +65,7 @@ export default create({
       if (props.operation) {
         props.operation.forEach((name: string) => {
           if (deOp.includes(name)) {
-            ;(mergeOp.value as any).push(name)
+            (mergeOp.value as any).push(name)
           }
         })
       }
diff --git a/src/packages/__VUE/comment/demo.vue b/src/packages/__VUE/comment/demo.vue
index 134fdbf9ea..71034d38ab 100644
--- a/src/packages/__VUE/comment/demo.vue
+++ b/src/packages/__VUE/comment/demo.vue
@@ -89,13 +89,13 @@ onMounted(() => {
 
 const getData = () => {
   fetch('//storage.360buyimg.com/nutui/3x/comment_data.json')
-    .then((response) => response.json())
+    .then(response => response.json())
     .then((res) => {
-      res.Comment.info.avatar =
-        'https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png'
+      res.Comment.info.avatar
+        = 'https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png'
       cmt.value = res.Comment
-    }) //执行结果是 resolve就调用then方法
-    .catch((err) => console.log('Oh, error', err)) //执行结果是 reject就调用catch方法
+    }) // 执行结果是 resolve就调用then方法
+    .catch(err => console.log('Oh, error', err)) // 执行结果是 reject就调用catch方法
 }
 
 const clickImages = (imgs: any) => {
diff --git a/src/packages/__VUE/comment/index.taro.vue b/src/packages/__VUE/comment/index.taro.vue
index 6b89f69223..e39b30f7d0 100644
--- a/src/packages/__VUE/comment/index.taro.vue
+++ b/src/packages/__VUE/comment/index.taro.vue
@@ -25,8 +25,10 @@
         v-if="follow.images && follow.images.length > 0"
         class="nut-comment__follow-img"
         @click="clickImages(follow.images)"
-        >{{ translate('additionalImages', follow.images.length) }} <Right size="12px"></Right
-      ></view>
+      >
+        {{ translate('additionalImages', follow.images.length) }} <Right size="12px"></Right
+        >
+      </view>
     </view>
 
     <comment-bottom
@@ -67,7 +69,7 @@ export default create({
   props: {
     headerType: {
       type: String,
-      default: 'default' //头部展示风格 default，complex
+      default: 'default' // 头部展示风格 default，complex
     },
 
     imagesRows: {
diff --git a/src/packages/__VUE/comment/index.vue b/src/packages/__VUE/comment/index.vue
index 7e56c88b88..63a810f8fb 100644
--- a/src/packages/__VUE/comment/index.vue
+++ b/src/packages/__VUE/comment/index.vue
@@ -25,8 +25,10 @@
         v-if="follow.images && follow.images.length > 0"
         class="nut-comment__follow-img"
         @click="clickImages(follow.images)"
-        >{{ translate('additionalImages', follow.images.length) }} <Right width="12px"></Right
-      ></view>
+      >
+        {{ translate('additionalImages', follow.images.length) }} <Right width="12px"></Right
+        >
+      </view>
     </view>
 
     <comment-bottom
@@ -67,7 +69,7 @@ export default create({
   props: {
     headerType: {
       type: String,
-      default: 'default' //头部展示风格 default，complex
+      default: 'default' // 头部展示风格 default，complex
     },
 
     imagesRows: {
diff --git a/src/packages/__VUE/configprovider/common.ts b/src/packages/__VUE/configprovider/common.ts
index 6c19b09dd6..e001d7d3d6 100644
--- a/src/packages/__VUE/configprovider/common.ts
+++ b/src/packages/__VUE/configprovider/common.ts
@@ -10,21 +10,21 @@ export const component = (tag: string) => {
 
     setup(props: any, { slots }: any) {
       const hexToRgb = (color: string) => {
-        //十六进制颜色值的正则表达式
+        // 十六进制颜色值的正则表达式
         const reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/
         if (!reg.test(color)) return ''
         color = color.toLowerCase()
         // 如果是16进制颜色
         if (color.length === 4) {
-          color =
-            '#' +
-            color
+          color
+            = '#'
+            + color
               .slice(1)
               .split('')
-              .map((char) => char + char)
+              .map(char => char + char)
               .join('')
         }
-        //处理六位的颜色值
+        // 处理六位的颜色值
         const colors = []
         for (let i = 1; i < 7; i += 2) {
           colors.push(parseInt('0x' + color.slice(i, i + 2)))
@@ -44,12 +44,12 @@ export const component = (tag: string) => {
         // 为了处理一些组件的rgba透明颜色
         if (primaryColor) {
           const primaryColorRgb = hexToRgb(primaryColor)
-          cssVars['--nut-address-region-tab-line'] =
-            `linear-gradient(90deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`
-          cssVars['--nut-tabs-horizontal-tab-line-color'] =
-            `linear-gradient(90deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`
-          cssVars['--nut-tabs-vertical-tab-line-color'] =
-            `linear-gradient(180deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`
+          cssVars['--nut-address-region-tab-line']
+            = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`
+          cssVars['--nut-tabs-horizontal-tab-line-color']
+            = `linear-gradient(90deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`
+          cssVars['--nut-tabs-vertical-tab-line-color']
+            = `linear-gradient(180deg, ${primaryColor} 0%, rgba(${primaryColorRgb}, 0.15) 100%)`
         }
 
         Object.keys(themeVars).forEach((key) => {
diff --git a/src/packages/__VUE/countdown/index.taro.vue b/src/packages/__VUE/countdown/index.taro.vue
index fd39a61c35..eb29b02160 100644
--- a/src/packages/__VUE/countdown/index.taro.vue
+++ b/src/packages/__VUE/countdown/index.taro.vue
@@ -103,7 +103,7 @@ export default create({
 
     const tick = () => {
       if (window !== undefined) {
-        ;(state.timer as any) = requestAnimationFrame(() => {
+        (state.timer as any) = requestAnimationFrame(() => {
           if (state.counting) {
             const currentTime = Date.now() - state.diffTime
             const remainTime = Math.max(state.handleEndTime - currentTime, 0)
@@ -152,7 +152,7 @@ export default create({
       return type == 'custom' ? rest : parseFormat({ ...rest })
     }
 
-    const parseFormat = (time: { d: number; h: number; m: number; s: number; ms: number }) => {
+    const parseFormat = (time: { d: number, h: number, m: number, s: number, ms: number }) => {
       let { d, h, m, s, ms } = time
       let format = props.format
 
@@ -212,7 +212,7 @@ export default create({
       emit('onPaused', state.restTime)
     }
 
-    //重置
+    // 重置
     const reset = () => {
       if (!props.autoStart) {
         pause()
diff --git a/src/packages/__VUE/countdown/index.vue b/src/packages/__VUE/countdown/index.vue
index fd39a61c35..eb29b02160 100644
--- a/src/packages/__VUE/countdown/index.vue
+++ b/src/packages/__VUE/countdown/index.vue
@@ -103,7 +103,7 @@ export default create({
 
     const tick = () => {
       if (window !== undefined) {
-        ;(state.timer as any) = requestAnimationFrame(() => {
+        (state.timer as any) = requestAnimationFrame(() => {
           if (state.counting) {
             const currentTime = Date.now() - state.diffTime
             const remainTime = Math.max(state.handleEndTime - currentTime, 0)
@@ -152,7 +152,7 @@ export default create({
       return type == 'custom' ? rest : parseFormat({ ...rest })
     }
 
-    const parseFormat = (time: { d: number; h: number; m: number; s: number; ms: number }) => {
+    const parseFormat = (time: { d: number, h: number, m: number, s: number, ms: number }) => {
       let { d, h, m, s, ms } = time
       let format = props.format
 
@@ -212,7 +212,7 @@ export default create({
       emit('onPaused', state.restTime)
     }
 
-    //重置
+    // 重置
     const reset = () => {
       if (!props.autoStart) {
         pause()
diff --git a/src/packages/__VUE/countup/index.taro.vue b/src/packages/__VUE/countup/index.taro.vue
index 55be93b72a..7e102b2d9d 100644
--- a/src/packages/__VUE/countup/index.taro.vue
+++ b/src/packages/__VUE/countup/index.taro.vue
@@ -27,11 +27,11 @@
               height: numHeight + 'px',
               left:
                 numWidth *
-                  (index > num_total_len - pointNum - 1
-                    ? index == num_total_len - pointNum
-                      ? index * 1.5
-                      : index * 1.3
-                    : index) +
+                (index > num_total_len - pointNum - 1
+                  ? index == num_total_len - pointNum
+                    ? index * 1.5
+                    : index * 1.3
+                  : index) +
                 'px',
               backgroundImage: 'url(' + customBgImg + ')',
               backgroundPosition:
@@ -48,7 +48,9 @@
               left: numWidth * (num_total_len - pointNum) * 1.1 + 'px',
               fontSize: '30px'
             }"
-            >.</view
+          >
+            .
+          </view
           >
         </view>
       </template>
@@ -98,7 +100,9 @@
             top: 0,
             left: numWidth * (num_total_len - pointNum) + 'px'
           }"
-          >.</view
+        >
+          .
+        </view
         >
       </view>
       <template v-else>
@@ -122,11 +126,11 @@ interface IData {
   to0_10: number[]
   to10_0: Array<number>
   timer: null | any
-  totalCount: number //正整数
-  pointNum: number //小数位
-  numberVal: number //数字
-  num_total_len: number //数字长度
-  relNum: number //去除小数点
+  totalCount: number // 正整数
+  pointNum: number // 小数位
+  numberVal: number // 数字
+  num_total_len: number // 数字长度
+  relNum: number // 去除小数点
   customNumber: number
   prizeLevelTrun: number
   prizeY: Array<any>
@@ -223,11 +227,11 @@ export default create({
       to0_10: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
       to10_0: [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 1],
       timer: null,
-      totalCount: 0, //正整数
-      pointNum: 0, //小数位
-      numberVal: 0, //数字
-      num_total_len: 0, //数字长度
-      relNum: 0, //去除小数点
+      totalCount: 0, // 正整数
+      pointNum: 0, // 小数位
+      numberVal: 0, // 数字
+      num_total_len: 0, // 数字长度
+      relNum: 0, // 去除小数点
       customNumber: 1,
       prizeLevelTrun: 0,
       prizeY: [],
@@ -306,14 +310,14 @@ export default create({
     // 数字滚动-top值
     const topNumber = (index: number) => {
       let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data
-      let idx1 =
-        sortFlag == 'add' || sortFlag == 'equal'
+      let idx1
+        = sortFlag == 'add' || sortFlag == 'equal'
           ? String(initDigit2)[index - (num_total_len - pointNum)]
           : 10 - Number(String(initDigit2)[index - (num_total_len - pointNum)])
-      let idx2 =
-        sortFlag == 'add' || sortFlag == 'equal' ? String(initDigit1)[index] : 10 - Number(String(initDigit1)[index])
-      let num =
-        index > num_total_len - pointNum - 1
+      let idx2
+        = sortFlag == 'add' || sortFlag == 'equal' ? String(initDigit1)[index] : 10 - Number(String(initDigit1)[index])
+      let num
+        = index > num_total_len - pointNum - 1
           ? -idx1 * 100 + '%'
           : index <= String(initDigit1).length - 1
             ? -idx2 * 100 + '%'
@@ -327,8 +331,8 @@ export default create({
     const turnNumber = (index: number) => {
       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
+      let num
+        = index > num_total_len - pointNum - 1
           ? idx1
             ? idx1
             : 0
@@ -342,9 +346,9 @@ export default create({
       let { endNum, initNum, speed, toFixed } = props
       let countTimer = setInterval(() => {
         if (initNum > endNum) {
-          //减少
+          // 减少
           if (data.current <= endNum || data.current <= speed) {
-            //数字减小，有可能导致current小于speed
+            // 数字减小，有可能导致current小于speed
             data.current = Number(endNum.toFixed(toFixed))
             clearInterval(countTimer)
             emit('scrollEnd')
@@ -353,7 +357,7 @@ export default create({
             data.current = Number((parseFloat(String(data.current)) - parseFloat(String(speed))).toFixed(toFixed))
           }
         } else {
-          //增加
+          // 增加
           if (data.current >= endNum) {
             data.current = Number(endNum.toFixed(toFixed))
             clearInterval(countTimer)
@@ -410,13 +414,13 @@ export default create({
 
       // --------------
       if (initNum > endNum) {
-        //减少
+        // 减少
         data.sortFlag = 'reduce'
         data.to0_10 = [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0]
         data.totalCount = calculation(initNum, endNum, '-')
         data.numberVal = Number(String(initNum))
       } else if (initNum < endNum) {
-        //增加
+        // 增加
         data.sortFlag = 'add'
         data.to0_10 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
         data.totalCount = calculation(endNum, initNum, '-')
@@ -424,7 +428,7 @@ export default create({
       } else {
         data.sortFlag = 'equal'
       }
-      //将小数位数计算后，补0
+      // 将小数位数计算后，补0
       var unit = 1
       for (let i = 0; i < data.pointNum; i++) {
         unit *= 10
@@ -433,9 +437,9 @@ export default create({
       data.relNum = rel_big
       // this.totalCount = rel_big;
       if (toFixed != 0) {
-        //计算小数点后的位数，小数位
+        // 计算小数点后的位数，小数位
         data.pointNum = String(data.numberVal).split('.')[1] ? String(data.numberVal).split('.')[1].length : 0
-        //数字长度
+        // 数字长度
         data.num_total_len = String(rel_big).length
       }
       if (String(initNum).indexOf('.') > -1) {
@@ -468,8 +472,8 @@ export default create({
       if (data.pointNum != 0) {
         m = 1 / Math.pow(10, data.pointNum)
       }
-      //设置定时器
-      ;(data.timer as any) = setInterval(() => {
+      // 设置定时器
+      (data.timer as any) = setInterval(() => {
         runStep(el)
         data.totalCount = calculation(data.totalCount, m, '-')
         // that.totalCount--;
@@ -571,8 +575,8 @@ export default create({
             data.prizeY[i] = data.prizeYPrev[i]
           }
           let local = data.prizeYPrev[i] ? data.prizeYPrev[i] : 0
-          let newLocation =
-            turn + local + (props.machinePrizeNum - data.prizeLevelTrun + 1) * props.numHeight + (distance - local)
+          let newLocation
+            = turn + local + (props.machinePrizeNum - data.prizeLevelTrun + 1) * props.numHeight + (distance - local)
           if (data.prizeLevelTrun < 0) {
             newLocation += props.numHeight * data.notPrize[i]
           }
diff --git a/src/packages/__VUE/countup/index.vue b/src/packages/__VUE/countup/index.vue
index 92b7e38841..6d8812c952 100644
--- a/src/packages/__VUE/countup/index.vue
+++ b/src/packages/__VUE/countup/index.vue
@@ -27,11 +27,11 @@
               height: numHeight + 'px',
               left:
                 numWidth *
-                  (index > num_total_len - pointNum - 1
-                    ? index == num_total_len - pointNum
-                      ? index * 1.5
-                      : index * 1.3
-                    : index) +
+                (index > num_total_len - pointNum - 1
+                  ? index == num_total_len - pointNum
+                    ? index * 1.5
+                    : index * 1.3
+                  : index) +
                 'px',
               backgroundImage: 'url(' + customBgImg + ')',
               backgroundPositionX: '0',
@@ -49,7 +49,9 @@
               left: numWidth * (num_total_len - pointNum) * 1.1 + 'px',
               fontSize: '30px'
             }"
-            >.</view
+          >
+            .
+          </view
           >
         </view>
       </template>
@@ -98,7 +100,9 @@
             top: 0,
             left: numWidth * (num_total_len - pointNum) + 'px'
           }"
-          >.</view
+        >
+          .
+        </view
         >
       </view>
       <template v-else>
@@ -122,11 +126,11 @@ interface IData {
   to0_10: number[]
   to10_0: Array<number>
   timer: null | any
-  totalCount: number //正整数
-  pointNum: number //小数位
-  numberVal: number //数字
-  num_total_len: number //数字长度
-  relNum: number //去除小数点
+  totalCount: number // 正整数
+  pointNum: number // 小数位
+  numberVal: number // 数字
+  num_total_len: number // 数字长度
+  relNum: number // 去除小数点
   customNumber: number
   prizeLevelTrun: number
   prizeY: Array<any>
@@ -230,11 +234,11 @@ export default create({
       to0_10: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
       to10_0: [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 1],
       timer: null,
-      totalCount: 0, //正整数
-      pointNum: 0, //小数位
-      numberVal: 0, //数字
-      num_total_len: 0, //数字长度
-      relNum: 0, //去除小数点
+      totalCount: 0, // 正整数
+      pointNum: 0, // 小数位
+      numberVal: 0, // 数字
+      num_total_len: 0, // 数字长度
+      relNum: 0, // 去除小数点
       customNumber: 1,
       prizeLevelTrun: 0,
       prizeY: [],
@@ -313,14 +317,14 @@ export default create({
     // 数字滚动-top值
     const topNumber = (index: number) => {
       let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data
-      let idx1 =
-        sortFlag == 'add' || sortFlag == 'equal'
+      let idx1
+        = sortFlag == 'add' || sortFlag == 'equal'
           ? String(initDigit2)[index - (num_total_len - pointNum)]
           : 10 - Number(String(initDigit2)[index - (num_total_len - pointNum)])
-      let idx2 =
-        sortFlag == 'add' || sortFlag == 'equal' ? String(initDigit1)[index] : 10 - Number(String(initDigit1)[index])
-      let num =
-        index > num_total_len - pointNum - 1
+      let idx2
+        = sortFlag == 'add' || sortFlag == 'equal' ? String(initDigit1)[index] : 10 - Number(String(initDigit1)[index])
+      let num
+        = index > num_total_len - pointNum - 1
           ? -idx1 * 100 + '%'
           : index <= String(initDigit1).length - 1
             ? -idx2 * 100 + '%'
@@ -334,8 +338,8 @@ export default create({
     const turnNumber = (index: number) => {
       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
+      let num
+        = index > num_total_len - pointNum - 1
           ? idx1
             ? idx1
             : 0
@@ -349,9 +353,9 @@ export default create({
       let { endNum, initNum, speed, toFixed } = props
       let countTimer = setInterval(() => {
         if (initNum > endNum) {
-          //减少
+          // 减少
           if (Number(data.current) <= endNum || Number(data.current) <= speed) {
-            //数字减小，有可能导致current小于speed
+            // 数字减小，有可能导致current小于speed
             data.current = endNum.toFixed(toFixed)
             clearInterval(countTimer)
             emit('scrollEnd')
@@ -361,7 +365,7 @@ export default create({
             data.current = num.toFixed(toFixed)
           }
         } else {
-          //增加
+          // 增加
           if (Number(data.current) >= endNum) {
             data.current = endNum.toFixed(toFixed)
             clearInterval(countTimer)
@@ -419,13 +423,13 @@ export default create({
 
       // --------------
       if (initNum > endNum) {
-        //减少
+        // 减少
         data.sortFlag = 'reduce'
         data.to0_10 = [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0]
         data.totalCount = calculation(initNum, endNum, '-')
         data.numberVal = Number(String(initNum))
       } else if (initNum < endNum) {
-        //增加
+        // 增加
         data.sortFlag = 'add'
         data.to0_10 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
         data.totalCount = calculation(endNum, initNum, '-')
@@ -433,7 +437,7 @@ export default create({
       } else {
         data.sortFlag = 'equal'
       }
-      //将小数位数计算后，补0
+      // 将小数位数计算后，补0
       var unit = 1
       for (let i = 0; i < data.pointNum; i++) {
         unit *= 10
@@ -442,9 +446,9 @@ export default create({
       data.relNum = rel_big
       // this.totalCount = rel_big;
       if (toFixed != 0) {
-        //计算小数点后的位数，小数位
+        // 计算小数点后的位数，小数位
         data.pointNum = String(data.numberVal).split('.')[1] ? String(data.numberVal).split('.')[1].length : 0
-        //数字长度
+        // 数字长度
         data.num_total_len = String(rel_big).length
       }
       if (String(initNum).indexOf('.') > -1) {
@@ -477,8 +481,8 @@ export default create({
       if (data.pointNum != 0) {
         m = 1 / Math.pow(10, data.pointNum)
       }
-      //设置定时器
-      ;(data.timer as any) = setInterval(() => {
+      // 设置定时器
+      (data.timer as any) = setInterval(() => {
         runStep(el)
         data.totalCount = calculation(data.totalCount, m, '-')
         // that.totalCount--;
@@ -529,7 +533,7 @@ export default create({
         runStep(el.previousSibling as HTMLElement)
       }
     }
-    const reset = (el: { style: { top: string }; previousSibling: HTMLElement }, turningNum: number) => {
+    const reset = (el: { style: { top: string }, previousSibling: HTMLElement }, turningNum: number) => {
       setTimeout(() => {
         // 前面数字的滚动，用于递增
         if (turningNum == 10) {
@@ -550,7 +554,7 @@ export default create({
         // setTimeout(() => {
         //   data.relNum = calculation(data.relNum, m * props.speed, '+');
         // }, props.during);
-        ;(runNumberImg.value as any).addEventListener('webkitTransitionEnd', () => {
+        (runNumberImg.value as any).addEventListener('webkitTransitionEnd', () => {
           emit('scrollEnd')
           data.valFlag = false
           // setTimeout(() => {
@@ -586,8 +590,8 @@ export default create({
             data.prizeY[i] = data.prizeYPrev[i]
           }
           let local = data.prizeYPrev[i] ? data.prizeYPrev[i] : 0
-          let newLocation =
-            turn + local + (props.machinePrizeNum - data.prizeLevelTrun + 1) * props.numHeight + (distance - local)
+          let newLocation
+            = turn + local + (props.machinePrizeNum - data.prizeLevelTrun + 1) * props.numHeight + (distance - local)
           if (data.prizeLevelTrun < 0) {
             newLocation += props.numHeight * data.notPrize[i]
           }
diff --git a/src/packages/__VUE/datepicker/demo/filter.vue b/src/packages/__VUE/datepicker/demo/filter.vue
index e3c5277bf8..27ecb8d0d8 100644
--- a/src/packages/__VUE/datepicker/demo/filter.vue
+++ b/src/packages/__VUE/datepicker/demo/filter.vue
@@ -19,7 +19,7 @@ const confirm = ({ selectedValue }) => {
 }
 const filter = (type, options) => {
   if (type === 'hour') {
-    return options.filter((option) => Number(option.value) % 6 === 0)
+    return options.filter(option => Number(option.value) % 6 === 0)
   }
   return options
 }
diff --git a/src/packages/__VUE/datepicker/index.taro.vue b/src/packages/__VUE/datepicker/index.taro.vue
index bda2608bc6..aa83bf74a7 100644
--- a/src/packages/__VUE/datepicker/index.taro.vue
+++ b/src/packages/__VUE/datepicker/index.taro.vue
@@ -288,7 +288,7 @@ export default create({
           index++
         }
       }
-      ;(state.selectedValue as any)[columnIndex] = arr[index].value
+      (state.selectedValue as any)[columnIndex] = arr[index].value
       return props.filter ? props.filter(type, arr) : arr
     }
 
@@ -353,7 +353,7 @@ export default create({
         time.getMinutes(),
         time.getSeconds()
       ]
-      return generateList(res.map((i) => String(i)))
+      return generateList(res.map(i => String(i)))
     }
 
     onBeforeMount(() => {
diff --git a/src/packages/__VUE/datepicker/index.vue b/src/packages/__VUE/datepicker/index.vue
index 238471b759..f348efb922 100644
--- a/src/packages/__VUE/datepicker/index.vue
+++ b/src/packages/__VUE/datepicker/index.vue
@@ -287,7 +287,7 @@ export default create({
           index++
         }
       }
-      ;(state.selectedValue as any)[columnIndex] = arr[index].value
+      (state.selectedValue as any)[columnIndex] = arr[index].value
       return props.filter ? props.filter(type, arr) : arr
     }
 
@@ -352,7 +352,7 @@ export default create({
         time.getMinutes(),
         time.getSeconds()
       ]
-      return generateList(res.map((i) => String(i)))
+      return generateList(res.map(i => String(i)))
     }
 
     onBeforeMount(() => {
diff --git a/src/packages/__VUE/dialog/__tests__/dialog.ts b/src/packages/__VUE/dialog/__tests__/dialog.ts
index 0dbcd001b6..0b4951940d 100644
--- a/src/packages/__VUE/dialog/__tests__/dialog.ts
+++ b/src/packages/__VUE/dialog/__tests__/dialog.ts
@@ -8,7 +8,7 @@ export class DialogOptions {
   textAlign?: string = 'center'
   teleport?: String | HTMLElement = 'body'
   id?: string | number = new Date().getTime()
-  footerDirection?: string = 'horizontal' //使用横纵方向 可选值 horizontal、vertical
+  footerDirection?: string = 'horizontal' // 使用横纵方向 可选值 horizontal、vertical
 
   // function
   onUpdate?: Function = () => {}
@@ -30,9 +30,9 @@ class DialogFunction {
   options: DialogOptions = new DialogOptions()
 
   constructor(_options: DialogOptions) {
-    let options = Object.assign(this.options, _options)
+    const options = Object.assign(this.options, _options)
     let elWrap: HTMLElement = document.body
-    let teleport = options.teleport as string
+    const teleport = options.teleport as string
     if (teleport != 'body') {
       if (typeof teleport == 'string') {
         elWrap = document.querySelector(teleport) as HTMLElement
diff --git a/src/packages/__VUE/dialog/demo.vue b/src/packages/__VUE/dialog/demo.vue
index 33341602f3..38353f5be3 100644
--- a/src/packages/__VUE/dialog/demo.vue
+++ b/src/packages/__VUE/dialog/demo.vue
@@ -110,7 +110,7 @@ const htmlClick = (): void => {
   showDialog({
     title: translate('html'),
     content:
-      "<p style='color:red'>html</p><img src='https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif' />",
+      '<p style=\'color:red\'>html</p><img src=\'https://m.360buyimg.com/babel/jfs/t1/164410/22/25162/93384/616eac6cE6c711350/0cac53c1b82e1b05.gif\' />',
     onCancel,
     onOk
   })
diff --git a/src/packages/__VUE/dialog/index.taro.vue b/src/packages/__VUE/dialog/index.taro.vue
index d94f6add99..70492f3a2e 100644
--- a/src/packages/__VUE/dialog/index.taro.vue
+++ b/src/packages/__VUE/dialog/index.taro.vue
@@ -117,7 +117,7 @@ export default create({
     },
     footerDirection: {
       type: String,
-      default: 'horizontal' //vertical
+      default: 'horizontal' // vertical
     },
     customClass: {
       type: String,
diff --git a/src/packages/__VUE/dialog/index.ts b/src/packages/__VUE/dialog/index.ts
index a023704c1d..9d8645e12c 100644
--- a/src/packages/__VUE/dialog/index.ts
+++ b/src/packages/__VUE/dialog/index.ts
@@ -17,7 +17,7 @@ export class DialogOptions {
   popClass?: string = ''
   teleport?: string | HTMLElement = 'body'
   id?: string | number = new Date().getTime()
-  footerDirection?: string = 'horizontal' //使用横纵方向 可选值 horizontal、vertical
+  footerDirection?: string = 'horizontal' // 使用横纵方向 可选值 horizontal、vertical
 
   // function
   onUpdate?: (value: boolean) => any | void
diff --git a/src/packages/__VUE/dialog/index.vue b/src/packages/__VUE/dialog/index.vue
index 38b665b24b..1be39d87cc 100644
--- a/src/packages/__VUE/dialog/index.vue
+++ b/src/packages/__VUE/dialog/index.vue
@@ -117,7 +117,7 @@ export default create({
     },
     footerDirection: {
       type: String,
-      default: 'horizontal' //vertical
+      default: 'horizontal' // vertical
     },
     customClass: {
       type: String,
diff --git a/src/packages/__VUE/elevator/index.taro.vue b/src/packages/__VUE/elevator/index.taro.vue
index f90d5a4d72..fa62fe2cb2 100644
--- a/src/packages/__VUE/elevator/index.taro.vue
+++ b/src/packages/__VUE/elevator/index.taro.vue
@@ -46,7 +46,9 @@
           :class="{ active: item[acceptKey] === indexList[currentIndex][acceptKey] }"
           :data-index="index"
           @click="handleClickIndex(item[acceptKey])"
-          >{{ item[acceptKey] }}</view
+        >
+          {{ item[acceptKey] }}
+        </view
         >
       </view>
     </view>
diff --git a/src/packages/__VUE/elevator/index.vue b/src/packages/__VUE/elevator/index.vue
index 41619d958e..9dc471d80e 100644
--- a/src/packages/__VUE/elevator/index.vue
+++ b/src/packages/__VUE/elevator/index.vue
@@ -20,9 +20,11 @@
     <view v-show="scrollY > 0 && isSticky" class="nut-elevator__list__fixed">
       <view class="nut-elevator__list__fixed-title">{{ indexList?.[currentIndex]?.[acceptKey] }}</view>
     </view>
-    <view v-show="scrollStart" v-if="indexList.length" class="nut-elevator__code--current">{{
-      indexList[codeIndex][acceptKey]
-    }}</view>
+    <view v-show="scrollStart" v-if="indexList.length" class="nut-elevator__code--current">
+      {{
+        indexList[codeIndex][acceptKey]
+      }}
+    </view>
     <view class="nut-elevator__bars" @touchstart="touchStart" @touchmove.stop.prevent="touchMove" @touchend="touchEnd">
       <view class="nut-elevator__bars__inner">
         <view
@@ -32,7 +34,9 @@
           :class="{ active: item[acceptKey] === indexList[currentIndex][acceptKey] }"
           :data-index="index"
           @click="handleClickIndex(item[acceptKey])"
-          >{{ item[acceptKey] }}</view
+        >
+          {{ item[acceptKey] }}
+        </view
         >
       </view>
     </view>
diff --git a/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts b/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts
index be8999899a..4d388f3c1a 100644
--- a/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts
+++ b/src/packages/__VUE/ellipsis/__tests__/ellipsis.spec.ts
@@ -4,8 +4,8 @@ import { Ellipsis } from '@nutui/nutui'
 
 const originGetComputedStyle = window.getComputedStyle
 const lineHeight = 19.5
-const content =
-  'NutUI3.0上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件，但是在跨端小程序的开发过程中，发现没有合适的组件库可以支持多端开发。为了填补这一空白，同时为了优化开发者体验，让 NutUI 能够为更多的开发者带来便利，我们决定在 NutUI 中增加小程序多端适配的能力。'
+const content
+  = 'NutUI3.0上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件，但是在跨端小程序的开发过程中，发现没有合适的组件库可以支持多端开发。为了填补这一空白，同时为了优化开发者体验，让 NutUI 能够为更多的开发者带来便利，我们决定在 NutUI 中增加小程序多端适配的能力。'
 
 beforeAll(() => {
   window.getComputedStyle = (el) => {
diff --git a/src/packages/__VUE/ellipsis/index.taro.vue b/src/packages/__VUE/ellipsis/index.taro.vue
index 0633387049..e05d4c6036 100644
--- a/src/packages/__VUE/ellipsis/index.taro.vue
+++ b/src/packages/__VUE/ellipsis/index.taro.vue
@@ -19,9 +19,11 @@
     </view>
 
     <!-- 省略号 symbol  -->
-    <view :id="'symbolContain' + refRandomId" ref="symbolContain" class="nut-ellipsis__copy" style="display: inline">{{
-      symbolText
-    }}</view>
+    <view :id="'symbolContain' + refRandomId" ref="symbolContain" class="nut-ellipsis__copy" style="display: inline">
+      {{
+        symbolText
+      }}
+    </view>
 
     <!-- 数字 9 英文 W  -->
   </view>
@@ -85,16 +87,16 @@ export default create({
     const rootId = ref('root' + refRandomId)
     let widthRef = ref('auto')
     const state = reactive({
-      exceeded: false, //是否超出
-      expanded: false //是否折叠
+      exceeded: false, // 是否超出
+      expanded: false // 是否折叠
     })
 
     let widthBase = [14, 10, 7, 8.4, 10] // 中、英(大)、英(小)、数字、其他字符的基础宽度
     let symbolTextWidth = widthBase[0] * 0.7921
     const chineseReg = /^[\u4e00-\u9fa5]+$/ // 汉字
     const digitReg = /^[0-9]+$/ // 数字
-    const letterUpperReg = /^[A-Z]+$/ //字母
-    const letterLowerReg = /^[a-z]+$/ //字母
+    const letterUpperReg = /^[A-Z]+$/ // 字母
+    const letterLowerReg = /^[a-z]+$/ // 字母
 
     const symbolText = computed(() => {
       if (props.direction == 'end' || props.direction == 'middle') {
@@ -121,31 +123,31 @@ export default create({
 
     const getReference = async () => {
       const query = Taro.createSelectorQuery()
-      query.select(`#${rootId.value}`) &&
-        query
-          .select(`#${rootId.value}`)
-          .fields(
-            {
-              computedStyle: ['width', 'height', 'lineHeight', 'paddingTop', 'paddingBottom', 'fontSize']
-            },
-            (res) => {
-              lineHeight = pxToNumber(res.lineHeight === 'normal' ? props.lineHeight : res.lineHeight)
-              maxHeight = Math.floor(
-                lineHeight * (Number(props.rows) + 0.5) + pxToNumber(res.paddingTop) + pxToNumber(res.paddingBottom)
-              )
-
-              originHeight = pxToNumber(res.height)
-
-              widthRef.value = res.width
-
-              // 设置基础字符
-              const bsize = pxToNumber(res.fontSize)
-              widthBase = [bsize, bsize * 0.72, bsize * 0.53, bsize * 0.4, bsize * 0.75]
-
-              calcEllipse()
-            }
-          )
-          .exec()
+      query.select(`#${rootId.value}`)
+      && query
+        .select(`#${rootId.value}`)
+        .fields(
+          {
+            computedStyle: ['width', 'height', 'lineHeight', 'paddingTop', 'paddingBottom', 'fontSize']
+          },
+          (res) => {
+            lineHeight = pxToNumber(res.lineHeight === 'normal' ? props.lineHeight : res.lineHeight)
+            maxHeight = Math.floor(
+              lineHeight * (Number(props.rows) + 0.5) + pxToNumber(res.paddingTop) + pxToNumber(res.paddingBottom)
+            )
+
+            originHeight = pxToNumber(res.height)
+
+            widthRef.value = res.width
+
+            // 设置基础字符
+            const bsize = pxToNumber(res.fontSize)
+            widthBase = [bsize, bsize * 0.72, bsize * 0.53, bsize * 0.4, bsize * 0.75]
+
+            calcEllipse()
+          }
+        )
+        .exec()
     }
 
     // 计算省略号的位置
diff --git a/src/packages/__VUE/ellipsis/index.vue b/src/packages/__VUE/ellipsis/index.vue
index 815f33ac5d..c71bbfaefb 100644
--- a/src/packages/__VUE/ellipsis/index.vue
+++ b/src/packages/__VUE/ellipsis/index.vue
@@ -2,7 +2,8 @@
   <view ref="root" class="nut-ellipsis" @click="handleClick">
     <view v-if="!exceeded">{{ content }}</view>
     <view v-if="exceeded && !expanded"
-      >{{ ellipsis && ellipsis.leading
+    >
+      {{ ellipsis && ellipsis.leading
       }}<span v-if="expandText" class="nut-ellipsis__text" @click.stop="clickHandle(1)">{{ expandText }}</span
       >{{ ellipsis && ellipsis.tailing }}
     </view>
@@ -62,8 +63,8 @@ export default create({
     let maxHeight = 0 // 当行的最大高度
     const ellipsis = ref<EllipsisedValue>()
     const state = reactive({
-      exceeded: false, //是否超出
-      expanded: false //是否折叠
+      exceeded: false, // 是否超出
+      expanded: false // 是否折叠
     })
 
     watch(
@@ -101,9 +102,9 @@ export default create({
       container.style.display = 'block'
       const lineHeight = pxToNumber(originStyle.lineHeight === 'normal' ? props.lineHeight : originStyle.lineHeight)
       maxHeight = Math.floor(
-        lineHeight * (Number(props.rows) + 0.5) +
-          pxToNumber(originStyle.paddingTop) +
-          pxToNumber(originStyle.paddingBottom)
+        lineHeight * (Number(props.rows) + 0.5)
+        + pxToNumber(originStyle.paddingTop)
+        + pxToNumber(originStyle.paddingBottom)
       )
 
       container.innerText = props.content
@@ -182,12 +183,12 @@ export default create({
       const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2)
       const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2)
 
-      container.innerText =
-        props.content.slice(0, leftPartMiddle) +
-        props.symbol +
-        actionText +
-        props.symbol +
-        props.content.slice(rightPartMiddle, end)
+      container.innerText
+        = props.content.slice(0, leftPartMiddle)
+        + props.symbol
+        + actionText
+        + props.symbol
+        + props.content.slice(rightPartMiddle, end)
 
       if (container.offsetHeight <= maxHeight) {
         return tailorMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle])
diff --git a/src/packages/__VUE/form/form.taro.vue b/src/packages/__VUE/form/form.taro.vue
index 3170b0b573..0ef42731be 100644
--- a/src/packages/__VUE/form/form.taro.vue
+++ b/src/packages/__VUE/form/form.taro.vue
@@ -156,7 +156,7 @@ const validate = (customProp = '') => {
       })
 
       Promise.all(errors).then((errorRes) => {
-        errorRes = errorRes.filter((item) => item !== true)
+        errorRes = errorRes.filter(item => item !== true)
         const res = { valid: true, errors: [] }
         if (errorRes.length) {
           res.valid = false
diff --git a/src/packages/__VUE/form/form.vue b/src/packages/__VUE/form/form.vue
index 8e30d40cb8..2236f9b624 100644
--- a/src/packages/__VUE/form/form.vue
+++ b/src/packages/__VUE/form/form.vue
@@ -156,7 +156,7 @@ const validate = (customProp = '') => {
       })
 
       Promise.all(errors).then((errorRes) => {
-        errorRes = errorRes.filter((item) => item !== true)
+        errorRes = errorRes.filter(item => item !== true)
         const res = { valid: true, errors: [] }
         if (errorRes.length) {
           res.valid = false
diff --git a/src/packages/__VUE/formitem/form-item.taro.vue b/src/packages/__VUE/formitem/form-item.taro.vue
index 95d10c8f88..c31ad599a5 100644
--- a/src/packages/__VUE/formitem/form-item.taro.vue
+++ b/src/packages/__VUE/formitem/form-item.taro.vue
@@ -17,7 +17,8 @@
         <slot></slot>
       </view>
       <view v-if="parent[prop] && showErrorMessage" class="nut-form-item__body__tips" :style="errorMessageStyle">
-        {{ parent[prop] }}</view
+        {{ parent[prop] }}
+      </view
       >
     </view>
   </nut-cell>
@@ -68,7 +69,7 @@ const isRequired = computed(() => {
       formRequired = rules[key].some((rule: FormItemRule) => rule.required)
     }
   }
-  return props.required || props.rules.some((rule) => rule.required) || formRequired
+  return props.required || props.rules.some(rule => rule.required) || formRequired
 })
 
 const labelPositionClass = computed(() => {
diff --git a/src/packages/__VUE/formitem/form-item.vue b/src/packages/__VUE/formitem/form-item.vue
index e5d1ffe4c1..f77ef6a1a4 100644
--- a/src/packages/__VUE/formitem/form-item.vue
+++ b/src/packages/__VUE/formitem/form-item.vue
@@ -17,7 +17,8 @@
         <slot></slot>
       </view>
       <view v-if="parent[prop] && showErrorMessage" class="nut-form-item__body__tips" :style="errorMessageStyle">
-        {{ parent[prop] }}</view
+        {{ parent[prop] }}
+      </view
       >
     </view>
   </nut-cell>
@@ -68,7 +69,7 @@ const isRequired = computed(() => {
       formRequired = rules[key].some((rule: FormItemRule) => rule.required)
     }
   }
-  return props.required || props.rules.some((rule) => rule.required) || formRequired
+  return props.required || props.rules.some(rule => rule.required) || formRequired
 })
 
 const labelPositionClass = computed(() => {
diff --git a/src/packages/__VUE/image/index.vue b/src/packages/__VUE/image/index.vue
index cbcdecbfd9..39196b4da2 100644
--- a/src/packages/__VUE/image/index.vue
+++ b/src/packages/__VUE/image/index.vue
@@ -159,7 +159,7 @@ export default create({
     watch(
       () => props.src,
       () => {
-        ;(state.isError = false), (state.loading = true)
+        (state.isError = false), (state.loading = true)
       }
     )
     // 图片加载
diff --git a/src/packages/__VUE/imagepreview/demo.vue b/src/packages/__VUE/imagepreview/demo.vue
index 7c88fc3aa5..b953680374 100644
--- a/src/packages/__VUE/imagepreview/demo.vue
+++ b/src/packages/__VUE/imagepreview/demo.vue
@@ -107,7 +107,7 @@ const onClose = () => {
 }
 
 const showFn = (i: number) => {
-  ;(resData as any)['showPreview' + i] = true
+  (resData as any)['showPreview' + i] = true
 }
 
 const fnShow = () => {
@@ -119,6 +119,6 @@ const fnShow = () => {
 }
 
 const hideFn = (i: number) => {
-  ;(resData as any)['showPreview' + i] = false
+  (resData as any)['showPreview' + i] = false
 }
 </script>
diff --git a/src/packages/__VUE/imagepreview/index.taro.vue b/src/packages/__VUE/imagepreview/index.taro.vue
index 5058b7f407..7b5c31fcab 100644
--- a/src/packages/__VUE/imagepreview/index.taro.vue
+++ b/src/packages/__VUE/imagepreview/index.taro.vue
@@ -28,8 +28,10 @@
 
     <view v-if="showIndex" class="nut-image-preview-index"> {{ active + 1 }} / {{ images.length }} </view>
     <view v-if="closeable" class="nut-image-preview-close-icon" :style="styles" @click="onClose"
-      ><CircleClose color="#ffffff"></CircleClose
-    ></view>
+    >
+      <CircleClose color="#ffffff"></CircleClose
+      >
+    </view>
   </nut-popup>
 </template>
 <script lang="ts">
@@ -160,7 +162,7 @@ export default create({
     }
 
     // 计算两个点的距离
-    const getDistance = (first: { x: number; y: number }, second: { x: number; y: number }) => {
+    const getDistance = (first: { x: number, y: number }, second: { x: number, y: number }) => {
       return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y))
     }
 
diff --git a/src/packages/__VUE/infiniteloading/__tests__/infiniteloading.spec.ts b/src/packages/__VUE/infiniteloading/__tests__/infiniteloading.spec.ts
index 53ad6b04fe..b46abd32c6 100644
--- a/src/packages/__VUE/infiniteloading/__tests__/infiniteloading.spec.ts
+++ b/src/packages/__VUE/infiniteloading/__tests__/infiniteloading.spec.ts
@@ -26,14 +26,14 @@ test('infiniteloading base', async () => {
       })
       const init = () => {
         for (let i = 0; i < 10; i++) {
-          ;(data.defultList as any).push(i)
+          (data.defultList as any).push(i)
         }
       }
       const loadMore = () => {
         setTimeout(() => {
           const curLen = data.defultList.length
           for (let i = curLen; i < curLen + 10; i++) {
-            ;(data.defultList as any).push(i)
+            (data.defultList as any).push(i)
           }
           if (data.defultList.length > 30) hasMore.value = false
         }, 500)
diff --git a/src/packages/__VUE/infiniteloading/index.vue b/src/packages/__VUE/infiniteloading/index.vue
index f47950af79..559d1f112a 100644
--- a/src/packages/__VUE/infiniteloading/index.vue
+++ b/src/packages/__VUE/infiniteloading/index.vue
@@ -89,8 +89,8 @@ export default create({
         const windowScrollTop = getScrollTopRoot()
 
         if (scroller.value) {
-          offsetDistance =
-            calculateTopPosition(scroller.value) + scroller.value.offsetHeight - windowScrollTop - window.innerHeight
+          offsetDistance
+            = calculateTopPosition(scroller.value) + scroller.value.offsetHeight - windowScrollTop - window.innerHeight
         }
 
         resScrollTop = windowScrollTop
diff --git a/src/packages/__VUE/input/demo/format.vue b/src/packages/__VUE/input/demo/format.vue
index 0f06e69d73..435ec9606e 100644
--- a/src/packages/__VUE/input/demo/format.vue
+++ b/src/packages/__VUE/input/demo/format.vue
@@ -6,5 +6,5 @@
 import { ref } from 'vue'
 const val1 = ref('')
 const val2 = ref('')
-const formatter = (value) => value.replace(/\d/g, '')
+const formatter = value => value.replace(/\d/g, '')
 </script>
diff --git a/src/packages/__VUE/input/index.taro.vue b/src/packages/__VUE/input/index.taro.vue
index d2dc451545..ebbb25045c 100644
--- a/src/packages/__VUE/input/index.taro.vue
+++ b/src/packages/__VUE/input/index.taro.vue
@@ -300,14 +300,14 @@ export default create({
 
     const startComposing = ({ target }: Event) => {
       if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
-        ;(target as InputTarget)!.composing = true
+        (target as InputTarget)!.composing = true
       }
     }
 
     const endComposing = ({ target }: Event) => {
       if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
         if ((target as InputTarget)!.composing) {
-          ;(target as InputTarget)!.composing = false
+          (target as InputTarget)!.composing = false
           ;(target as InputTarget)!.dispatchEvent(new Event('input'))
         }
       }
diff --git a/src/packages/__VUE/input/index.vue b/src/packages/__VUE/input/index.vue
index c4a6684be5..01205d6f09 100644
--- a/src/packages/__VUE/input/index.vue
+++ b/src/packages/__VUE/input/index.vue
@@ -263,12 +263,12 @@ export default create({
     }
 
     const startComposing = ({ target }: Event) => {
-      ;(target as InputTarget)!.composing = true
+      (target as InputTarget)!.composing = true
     }
 
     const endComposing = ({ target }: Event) => {
       if ((target as InputTarget)!.composing) {
-        ;(target as InputTarget)!.composing = false
+        (target as InputTarget)!.composing = false
         ;(target as InputTarget)!.dispatchEvent(new Event('input'))
       }
     }
diff --git a/src/packages/__VUE/menu/__tests__/menu.spec.tsx b/src/packages/__VUE/menu/__tests__/menu.spec.tsx
index 1d7079c614..775fd33021 100644
--- a/src/packages/__VUE/menu/__tests__/menu.spec.tsx
+++ b/src/packages/__VUE/menu/__tests__/menu.spec.tsx
@@ -218,7 +218,7 @@ test('Menu: menu item change props: value2 should be b after click', async () =>
     },
     methods: {
       handleChange(val: any) {
-        ;(this as any).value2 = val
+        (this as any).value2 = val
       }
     }
   })
@@ -310,10 +310,10 @@ test('Menu: menu item open and close events: should be both emitted', async () =
     },
     methods: {
       handleOpen() {
-        ;(this as any).value2 = 'b'
+        (this as any).value2 = 'b'
       },
       handleClose() {
-        ;(this as any).value2 = 'c'
+        (this as any).value2 = 'c'
       }
     }
   })
diff --git a/src/packages/__VUE/menu/index.taro.vue b/src/packages/__VUE/menu/index.taro.vue
index dbd67bad9f..19cc4ec23f 100644
--- a/src/packages/__VUE/menu/index.taro.vue
+++ b/src/packages/__VUE/menu/index.taro.vue
@@ -80,7 +80,7 @@ export default create({
 
     const { children, linkChildren } = useChildren(MENU_KEY)
 
-    const opened = computed(() => children.some((item) => item.state.showWrapper))
+    const opened = computed(() => children.some(item => item.state.showWrapper))
 
     const classes = computed(() => {
       const prefixCls = componentName
diff --git a/src/packages/__VUE/menu/index.vue b/src/packages/__VUE/menu/index.vue
index fd1de0e357..43a2b23473 100644
--- a/src/packages/__VUE/menu/index.vue
+++ b/src/packages/__VUE/menu/index.vue
@@ -77,7 +77,7 @@ export default create({
 
     const { children, linkChildren } = useChildren(MENU_KEY)
 
-    const opened = computed(() => children.some((item) => item.state.showWrapper))
+    const opened = computed(() => children.some(item => item.state.showWrapper))
 
     const classes = computed(() => {
       const prefixCls = componentName
diff --git a/src/packages/__VUE/menuitem/index.taro.vue b/src/packages/__VUE/menuitem/index.taro.vue
index 334ff70b7d..058bc611af 100644
--- a/src/packages/__VUE/menuitem/index.taro.vue
+++ b/src/packages/__VUE/menuitem/index.taro.vue
@@ -44,7 +44,9 @@
             <view
               :class="[option.value === modelValue ? activeTitleClass : inactiveTitleClass]"
               :style="{ color: option.value === modelValue ? parent.props.activeColor : '' }"
-              >{{ option.text }}</view
+            >
+              {{ option.text }}
+            </view
             >
           </view>
           <slot></slot>
diff --git a/src/packages/__VUE/menuitem/index.vue b/src/packages/__VUE/menuitem/index.vue
index 689766ab14..bb80a81312 100644
--- a/src/packages/__VUE/menuitem/index.vue
+++ b/src/packages/__VUE/menuitem/index.vue
@@ -42,7 +42,9 @@
           <view
             :class="[option.value === modelValue ? activeTitleClass : inactiveTitleClass]"
             :style="{ color: option.value === modelValue ? parent.props.activeColor : '' }"
-            >{{ option.text }}</view
+          >
+            {{ option.text }}
+          </view
           >
         </view>
         <slot></slot>
diff --git a/src/packages/__VUE/noticebar/index.taro.vue b/src/packages/__VUE/noticebar/index.taro.vue
index 277070ff51..fec3426f62 100644
--- a/src/packages/__VUE/noticebar/index.taro.vue
+++ b/src/packages/__VUE/noticebar/index.taro.vue
@@ -356,7 +356,7 @@ export default create({
     }
 
     const startRoll = () => {
-      ;(state.timer as any) = setInterval(
+      (state.timer as any) = setInterval(
         () => {
           let chunk = 100
           for (let i = 0; i < chunk; i++) {
diff --git a/src/packages/__VUE/noticebar/index.vue b/src/packages/__VUE/noticebar/index.vue
index 92dec9d73c..f4323717d9 100644
--- a/src/packages/__VUE/noticebar/index.vue
+++ b/src/packages/__VUE/noticebar/index.vue
@@ -24,7 +24,8 @@
           :style="contentStyle"
           @animationend="onAnimationEnd"
           @webkit-animation-end="onAnimationEnd"
-          ><slot>{{ text }}</slot>
+        >
+          <slot>{{ text }}</slot>
         </view>
       </view>
       <view v-if="closeMode || $slots['right-icon']" class="nut-noticebar__page-righticon" @click.stop="onClickIcon">
@@ -334,7 +335,7 @@ export default create({
     }
 
     const startRoll = () => {
-      ;(state.timer as any) = setInterval(
+      (state.timer as any) = setInterval(
         () => {
           let chunk = 100
           for (let i = 0; i < chunk; i++) {
diff --git a/src/packages/__VUE/notify/__tests__/notify.ts b/src/packages/__VUE/notify/__tests__/notify.ts
index 9cd7cfd8e5..b9a13ba268 100644
--- a/src/packages/__VUE/notify/__tests__/notify.ts
+++ b/src/packages/__VUE/notify/__tests__/notify.ts
@@ -19,8 +19,8 @@ let optsMap: any[] = []
 const clearNotify = (id?: string) => {
   if (id) {
     const container = document.getElementById(id)
-    optsMap = optsMap.filter((item) => item.id !== id)
-    idsMap = idsMap.filter((item) => item !== id)
+    optsMap = optsMap.filter(item => item.id !== id)
+    idsMap = idsMap.filter(item => item !== id)
     if (container) {
       document.body.removeChild(container)
     }
@@ -39,7 +39,7 @@ const clearNotify = (id?: string) => {
 const updateNotify = (opts: any) => {
   const container = document.getElementById(opts.id)
   if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id)
+    const currentOpt = optsMap.find(item => item.id === opts.id)
     if (currentOpt) {
       opts = { ...defaultOptions, ...currentOpt, ...opts }
     } else {
@@ -56,7 +56,7 @@ const mountNotify = (opts: any) => {
   let _id
   if (opts.id) {
     _id = opts.id
-    if (idsMap.find((item) => item === opts.id)) {
+    if (idsMap.find(item => item === opts.id)) {
       return updateNotify(opts)
     }
   } else {
diff --git a/src/packages/__VUE/notify/index.ts b/src/packages/__VUE/notify/index.ts
index e510fe8737..82fab719af 100644
--- a/src/packages/__VUE/notify/index.ts
+++ b/src/packages/__VUE/notify/index.ts
@@ -24,8 +24,8 @@ let optsMap: TDOptions[] = []
 const clearNotify = (id?: string) => {
   if (id) {
     const container = document.getElementById(id)
-    optsMap = optsMap.filter((item) => item.id !== id)
-    idsMap = idsMap.filter((item) => item !== id)
+    optsMap = optsMap.filter(item => item.id !== id)
+    idsMap = idsMap.filter(item => item !== id)
     if (container) {
       document.body.removeChild(container)
     }
@@ -44,7 +44,7 @@ const clearNotify = (id?: string) => {
 const updateNotify = (opts: TDOptions) => {
   const container = document.getElementById(opts.id as string)
   if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id)
+    const currentOpt = optsMap.find(item => item.id === opts.id)
     if (currentOpt) {
       opts = { ...defaultOptions, ...currentOpt, ...opts }
     } else {
@@ -61,7 +61,7 @@ const mountNotify = (opts: TDOptions) => {
   let _id
   if (opts.id) {
     _id = opts.id
-    if (idsMap.find((item) => item === opts.id)) {
+    if (idsMap.find(item => item === opts.id)) {
       return updateNotify(opts)
     }
   } else {
diff --git a/src/packages/__VUE/numberkeyboard/index.taro.vue b/src/packages/__VUE/numberkeyboard/index.taro.vue
index d5697e9350..666cb5c971 100644
--- a/src/packages/__VUE/numberkeyboard/index.taro.vue
+++ b/src/packages/__VUE/numberkeyboard/index.taro.vue
@@ -210,7 +210,7 @@ export default create({
       }
     )
 
-    function onTouchstart(item: { id: string | number; type: string }, event: TouchEvent) {
+    function onTouchstart(item: { id: string | number, type: string }, event: TouchEvent) {
       event.stopPropagation()
       clickKeyIndex.value = item.id
       if (item.type == 'number' || item.type == 'custom') {
diff --git a/src/packages/__VUE/numberkeyboard/index.vue b/src/packages/__VUE/numberkeyboard/index.vue
index b090a2c604..af50e1ce28 100644
--- a/src/packages/__VUE/numberkeyboard/index.vue
+++ b/src/packages/__VUE/numberkeyboard/index.vue
@@ -223,7 +223,7 @@ export default create({
       }
     )
 
-    function onTouchstart(item: { id: string | number; type: string }, event: TouchEvent) {
+    function onTouchstart(item: { id: string | number, type: string }, event: TouchEvent) {
       event.stopPropagation()
       clickKeyIndex.value = item.id
       if (item.type == 'number' || item.type == 'custom') {
diff --git a/src/packages/__VUE/pagination/__tests__/index.spec.ts b/src/packages/__VUE/pagination/__tests__/index.spec.ts
index 36172312c8..39d38bc00a 100644
--- a/src/packages/__VUE/pagination/__tests__/index.spec.ts
+++ b/src/packages/__VUE/pagination/__tests__/index.spec.ts
@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
 import { Pagination } from '@nutui/nutui'
 
-//测试 totalItems itemsPerPage currentPage @change
+// 测试 totalItems itemsPerPage currentPage @change
 test('should render five items and should not emit change event after clicking disabled option', async () => {
   const wrapper = mount(Pagination, {
     props: {
@@ -12,7 +12,7 @@ test('should render five items and should not emit change event after clicking d
   expect(wrapper.findAll('.nut-pagination-item')).toHaveLength(5)
 })
 
-//测试 mode pageCount
+// 测试 mode pageCount
 test('should render simple mode', async () => {
   const wrapper = mount(Pagination, {
     props: {
@@ -24,7 +24,7 @@ test('should render simple mode', async () => {
   expect(wrapper.findAll('.nut-pagination-simple')).toHaveLength(1)
 })
 
-//测试 forceEllipses showPageSize
+// 测试 forceEllipses showPageSize
 test('should render forceEllipses and should emit change event after clicking forceEllipses option', async () => {
   const wrapper = mount(Pagination, {
     props: {
@@ -36,7 +36,7 @@ test('should render forceEllipses and should emit change event after clicking fo
   expect(wrapper.findAll('.nut-pagination-item')).toHaveLength(4)
 })
 
-//测试 click visible
+// 测试 click visible
 test('should emit change event after clicking visible option', async () => {
   const wrapper = mount(Pagination, {
     props: {
@@ -51,7 +51,7 @@ test('should emit change event after clicking visible option', async () => {
   expect(wrapper.emitted('change')).toBeTruthy()
 })
 
-//测试 click disable
+// 测试 click disable
 test('should not emit change event after clicking disable option', async () => {
   const wrapper = mount(Pagination, {
     props: {
@@ -66,7 +66,7 @@ test('should not emit change event after clicking disable option', async () => {
   expect(wrapper.emitted('change')).toBeFalsy()
 })
 
-//测试slot
+// 测试slot
 test('should render prev-text、next-text slot correctly', () => {
   const wrapper = mount(Pagination, {
     props: {
@@ -82,7 +82,7 @@ test('should render prev-text、next-text slot correctly', () => {
   expect(wrapper.html()).toMatchSnapshot()
 })
 
-//测试slot
+// 测试slot
 test('should render page slot correctly', () => {
   const wrapper = mount(Pagination, {
     props: {
diff --git a/src/packages/__VUE/pagination/index.taro.vue b/src/packages/__VUE/pagination/index.taro.vue
index df935d95f1..08775d9956 100644
--- a/src/packages/__VUE/pagination/index.taro.vue
+++ b/src/packages/__VUE/pagination/index.taro.vue
@@ -89,34 +89,34 @@ export default create({
     const translate = useLocale(cN)
     const { modelValue, mode, showPageSize, forceEllipses } = toRefs(props)
 
-    //计算页面的数量
+    // 计算页面的数量
     const countRef = computed(() => {
       const { pageCount, totalItems, itemsPerPage } = toRefs(props)
       const num = +pageCount.value || Math.ceil(+totalItems.value / +itemsPerPage.value)
       return Math.max(1, num)
     })
 
-    //点击选择page
+    // 点击选择page
     const select = (curPage: number, isSelect: boolean) => {
       if (curPage > countRef.value || curPage < 1) return
       if (curPage != modelValue.value) emit('update:modelValue', curPage)
       if (isSelect) emit('change', curPage)
     }
-    //set page 对象
+    // set page 对象
     const setPage = (number: number, text: string | number, active = false) => {
       return { number, text, active }
     }
-    //生成pages数组，用来遍历
+    // 生成pages数组，用来遍历
     const pages = computed(() => {
       if (mode.value == 'simple') return
       let items = []
-      const pageCount = countRef.value //总的页面数量
-      const pageSize = +showPageSize.value //展示的页面个数
+      const pageCount = countRef.value // 总的页面数量
+      const pageSize = +showPageSize.value // 展示的页面个数
       let startPage = 1
       let endPage = pageCount
       const partialShow = pageCount > pageSize
       if (partialShow) {
-        //选中的page在展示的page中间
+        // 选中的page在展示的page中间
         startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1)
         endPage = startPage + +pageSize - 1
         if (endPage > pageCount) {
@@ -124,12 +124,12 @@ export default create({
           startPage = endPage - +pageSize + 1
         }
       }
-      //遍历生成数组
+      // 遍历生成数组
       for (var i = startPage; i <= endPage; i++) {
         const page = setPage(i, i, modelValue.value == i)
         items.push(page)
       }
-      //判断是否有折叠
+      // 判断是否有折叠
       if (partialShow && pageSize > 0 && forceEllipses.value) {
         if (startPage > 1) {
           const prevPage = setPage(startPage - 1, '...')
@@ -144,7 +144,7 @@ export default create({
       return items
     })
 
-    //监听选中的page变化
+    // 监听选中的page变化
     watchEffect(() => {
       select(modelValue.value, false)
     })
diff --git a/src/packages/__VUE/pagination/index.vue b/src/packages/__VUE/pagination/index.vue
index df935d95f1..08775d9956 100644
--- a/src/packages/__VUE/pagination/index.vue
+++ b/src/packages/__VUE/pagination/index.vue
@@ -89,34 +89,34 @@ export default create({
     const translate = useLocale(cN)
     const { modelValue, mode, showPageSize, forceEllipses } = toRefs(props)
 
-    //计算页面的数量
+    // 计算页面的数量
     const countRef = computed(() => {
       const { pageCount, totalItems, itemsPerPage } = toRefs(props)
       const num = +pageCount.value || Math.ceil(+totalItems.value / +itemsPerPage.value)
       return Math.max(1, num)
     })
 
-    //点击选择page
+    // 点击选择page
     const select = (curPage: number, isSelect: boolean) => {
       if (curPage > countRef.value || curPage < 1) return
       if (curPage != modelValue.value) emit('update:modelValue', curPage)
       if (isSelect) emit('change', curPage)
     }
-    //set page 对象
+    // set page 对象
     const setPage = (number: number, text: string | number, active = false) => {
       return { number, text, active }
     }
-    //生成pages数组，用来遍历
+    // 生成pages数组，用来遍历
     const pages = computed(() => {
       if (mode.value == 'simple') return
       let items = []
-      const pageCount = countRef.value //总的页面数量
-      const pageSize = +showPageSize.value //展示的页面个数
+      const pageCount = countRef.value // 总的页面数量
+      const pageSize = +showPageSize.value // 展示的页面个数
       let startPage = 1
       let endPage = pageCount
       const partialShow = pageCount > pageSize
       if (partialShow) {
-        //选中的page在展示的page中间
+        // 选中的page在展示的page中间
         startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1)
         endPage = startPage + +pageSize - 1
         if (endPage > pageCount) {
@@ -124,12 +124,12 @@ export default create({
           startPage = endPage - +pageSize + 1
         }
       }
-      //遍历生成数组
+      // 遍历生成数组
       for (var i = startPage; i <= endPage; i++) {
         const page = setPage(i, i, modelValue.value == i)
         items.push(page)
       }
-      //判断是否有折叠
+      // 判断是否有折叠
       if (partialShow && pageSize > 0 && forceEllipses.value) {
         if (startPage > 1) {
           const prevPage = setPage(startPage - 1, '...')
@@ -144,7 +144,7 @@ export default create({
       return items
     })
 
-    //监听选中的page变化
+    // 监听选中的page变化
     watchEffect(() => {
       select(modelValue.value, false)
     })
diff --git a/src/packages/__VUE/picker/Column.vue b/src/packages/__VUE/picker/Column.vue
index be6e0c3bc5..163bdbeef1 100644
--- a/src/packages/__VUE/picker/Column.vue
+++ b/src/packages/__VUE/picker/Column.vue
@@ -173,7 +173,7 @@ export default create({
         moving.value = true
         preventDefault(event, true)
       }
-      ;(state.touchParams as TouchParams).lastY = touch.deltaY.value
+      (state.touchParams as TouchParams).lastY = touch.deltaY.value
       let move = state.touchParams.lastY - state.touchParams.startY
       setMove(move)
     }
@@ -270,7 +270,7 @@ export default create({
 
     const modifyStatus = (type: boolean) => {
       const { column } = props
-      let index = column.findIndex((columnItem) => columnItem[props.fieldNames.value] === props.value)
+      let index = column.findIndex(columnItem => columnItem[props.fieldNames.value] === props.value)
 
       state.currIndex = index === -1 ? 1 : (index as number) + 1
       let move = index === -1 ? 0 : (index as number) * +props.optionHeight
diff --git a/src/packages/__VUE/picker/index.taro.vue b/src/packages/__VUE/picker/index.taro.vue
index 4055bfba81..d7de1ffc9e 100644
--- a/src/packages/__VUE/picker/index.taro.vue
+++ b/src/packages/__VUE/picker/index.taro.vue
@@ -1,13 +1,17 @@
 <template>
   <view class="nut-picker">
     <view v-if="showToolbar" class="nut-picker__bar">
-      <view class="nut-picker__cancel nut-picker__left nut-picker__button" @click="cancel">{{
-        cancelText || translate('cancel')
-      }}</view>
+      <view class="nut-picker__cancel nut-picker__left nut-picker__button" @click="cancel">
+        {{
+          cancelText || translate('cancel')
+        }}
+      </view>
       <view class="nut-picker__title"> {{ title }}</view>
-      <view class="nut-picker__confirm nut-picker__right nut-picker__button" @click="confirmHandler">{{
-        okText || translate('confirm')
-      }}</view>
+      <view class="nut-picker__confirm nut-picker__right nut-picker__button" @click="confirmHandler">
+        {{
+          okText || translate('confirm')
+        }}
+      </view>
     </view>
     <slot name="top"></slot>
 
@@ -117,10 +121,10 @@ export default create({
 
     const confirmHandler = () => {
       if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
-        pickerColumn.value.length > 0 &&
-          pickerColumn.value.forEach((column) => {
-            column.stopMomentum()
-          })
+        pickerColumn.value.length > 0
+        && pickerColumn.value.forEach((column) => {
+          column.stopMomentum()
+        })
         confirm()
       } else {
         if (state.picking) {
diff --git a/src/packages/__VUE/picker/index.vue b/src/packages/__VUE/picker/index.vue
index b7b4a0e600..8088b2ecd6 100644
--- a/src/packages/__VUE/picker/index.vue
+++ b/src/packages/__VUE/picker/index.vue
@@ -71,10 +71,10 @@ export default create({
     })
 
     const confirmHandler = () => {
-      pickerColumn.value.length > 0 &&
-        pickerColumn.value.forEach((column) => {
-          column.stopMomentum()
-        })
+      pickerColumn.value.length > 0
+      && pickerColumn.value.forEach((column) => {
+        column.stopMomentum()
+      })
 
       confirm()
     }
diff --git a/src/packages/__VUE/picker/usePicker.ts b/src/packages/__VUE/picker/usePicker.ts
index 3f17f0cec4..7864a0b964 100644
--- a/src/packages/__VUE/picker/usePicker.ts
+++ b/src/packages/__VUE/picker/usePicker.ts
@@ -25,7 +25,7 @@ export const usePicker = (props: any, emit: any) => {
   const defaultIndexes = computed(() => {
     const fields = columnFieldNames.value
     return (columnsList.value as PickerOption[][]).map((column: PickerOption[], index: number) => {
-      const targetIndex = column.findIndex((item) => item[fields.value] === defaultValues.value[index])
+      const targetIndex = column.findIndex(item => item[fields.value] === defaultValues.value[index])
       return targetIndex === -1 ? 0 : targetIndex
     })
   })
@@ -41,7 +41,7 @@ export const usePicker = (props: any, emit: any) => {
   const selectedOptions = computed(() => {
     const fields = columnFieldNames.value
     return (columnsList.value as PickerOption[][]).map((column: PickerOption[], index: number) => {
-      return column.find((item) => item[fields.value] === defaultValues.value[index]) || column[0]
+      return column.find(item => item[fields.value] === defaultValues.value[index]) || column[0]
     })
   })
 
@@ -92,7 +92,7 @@ export const usePicker = (props: any, emit: any) => {
     while (cursor && cursor[fields.children]) {
       const options: PickerOption[] = cursor[fields.children]
       const value = defaultValues[columnIndex]
-      let index = options.findIndex((columnItem) => columnItem[fields.value] === value)
+      let index = options.findIndex(columnItem => columnItem[fields.value] === value)
       if (index === -1) index = 0
       cursor = cursor[fields.children][index]
 
diff --git a/src/packages/__VUE/popover/index.taro.vue b/src/packages/__VUE/popover/index.taro.vue
index f77bbbbba4..73b0f149de 100644
--- a/src/packages/__VUE/popover/index.taro.vue
+++ b/src/packages/__VUE/popover/index.taro.vue
@@ -5,8 +5,10 @@
     ref="popoverRef"
     class="nut-popover-wrapper"
     @click="openPopover"
-    ><slot name="reference"></slot
-  ></view>
+  >
+    <slot name="reference"></slot
+    >
+  </view>
   <view :class="['nut-popover', `nut-popover--${theme}`, `${customClass}`]" :style="getRootPosition">
     <nut-popup
       v-model:visible="showPopup"
@@ -130,7 +132,7 @@ export default create({
 
     const upperCaseFirst = (str: string) => {
       str = str.toLowerCase()
-      str = str.replace(/\b\w+\b/g, (word) => word.substring(0, 1).toUpperCase() + word.substring(1))
+      str = str.replace(/\b\w+\b/g, word => word.substring(0, 1).toUpperCase() + word.substring(1))
       return str
     }
 
@@ -193,7 +195,7 @@ export default create({
 
     const getPopoverContentW = async () => {
       useTaroRect(popoverContentRef).then(
-        (rect: { width: number; height: number }) => {
+        (rect: { width: number, height: number }) => {
           elRect.value = {
             height: rect.height,
             width: rect.width
diff --git a/src/packages/__VUE/popover/index.vue b/src/packages/__VUE/popover/index.vue
index ce55e84492..ca5896b722 100644
--- a/src/packages/__VUE/popover/index.vue
+++ b/src/packages/__VUE/popover/index.vue
@@ -124,7 +124,7 @@ export default create({
 
     const upperCaseFirst = (str: string) => {
       str = str.toLowerCase()
-      str = str.replace(/\b\w+\b/g, (word) => word.substring(0, 1).toUpperCase() + word.substring(1))
+      str = str.replace(/\b\w+\b/g, word => word.substring(0, 1).toUpperCase() + word.substring(1))
       return str
     }
 
diff --git a/src/packages/__VUE/radiogroup/index.taro.vue b/src/packages/__VUE/radiogroup/index.taro.vue
index f2c2265873..3c2e469cca 100644
--- a/src/packages/__VUE/radiogroup/index.taro.vue
+++ b/src/packages/__VUE/radiogroup/index.taro.vue
@@ -31,7 +31,7 @@ export default create({
 
     watch(
       () => props.modelValue,
-      (value) => emit('change', value)
+      value => emit('change', value)
     )
 
     return () => {
diff --git a/src/packages/__VUE/radiogroup/index.vue b/src/packages/__VUE/radiogroup/index.vue
index f2c2265873..3c2e469cca 100644
--- a/src/packages/__VUE/radiogroup/index.vue
+++ b/src/packages/__VUE/radiogroup/index.vue
@@ -31,7 +31,7 @@ export default create({
 
     watch(
       () => props.modelValue,
-      (value) => emit('change', value)
+      value => emit('change', value)
     )
 
     return () => {
diff --git a/src/packages/__VUE/range/index.taro.vue b/src/packages/__VUE/range/index.taro.vue
index 421f7fb1ae..2890228007 100644
--- a/src/packages/__VUE/range/index.taro.vue
+++ b/src/packages/__VUE/range/index.taro.vue
@@ -155,7 +155,7 @@ export default create({
       const list = marksKeys
         .map(parseFloat)
         .sort((a, b) => a - b)
-        .filter((point) => point >= +min && point <= +max)
+        .filter(point => point >= +min && point <= +max)
       return list
     })
     const scope = computed(() => Number(props.max) - Number(props.min))
@@ -390,7 +390,7 @@ export default create({
         diff = (delta / total) * scope.value
       }
       if (isRange(startValue)) {
-        ;(currentValue as number[])[buttonIndex.value] = startValue[buttonIndex.value] + diff
+        (currentValue as number[])[buttonIndex.value] = startValue[buttonIndex.value] + diff
       } else {
         currentValue = startValue + diff
       }
@@ -409,8 +409,8 @@ export default create({
       preventDefault(event, true)
     }
     const curValue = (idx?: number): number => {
-      const value =
-        Array.isArray(props.modelValue) && typeof idx === 'number'
+      const value
+        = Array.isArray(props.modelValue) && typeof idx === 'number'
           ? (props.modelValue as number[])[idx]
           : Number(props.modelValue)
       return value
diff --git a/src/packages/__VUE/range/index.vue b/src/packages/__VUE/range/index.vue
index 761133cf6e..2b7bd85837 100644
--- a/src/packages/__VUE/range/index.vue
+++ b/src/packages/__VUE/range/index.vue
@@ -146,7 +146,7 @@ export default create({
       const list = marksKeys
         .map(parseFloat)
         .sort((a, b) => a - b)
-        .filter((point) => point >= +min && point <= +max)
+        .filter(point => point >= +min && point <= +max)
       return list
     })
     const scope = computed(() => Number(props.max) - Number(props.min))
@@ -358,7 +358,7 @@ export default create({
         diff = (delta / total) * scope.value
       }
       if (isRange(startValue)) {
-        ;(currentValue as number[])[buttonIndex.value] = startValue[buttonIndex.value] + diff
+        (currentValue as number[])[buttonIndex.value] = startValue[buttonIndex.value] + diff
       } else {
         currentValue = startValue + diff
       }
@@ -377,8 +377,8 @@ export default create({
     }
 
     const curValue = (idx?: number): number => {
-      const value =
-        isArray(props.modelValue) && typeof idx === 'number'
+      const value
+        = isArray(props.modelValue) && typeof idx === 'number'
           ? (props.modelValue as number[])[idx]
           : Number(props.modelValue)
       return value
diff --git a/src/packages/__VUE/searchbar/index.taro.vue b/src/packages/__VUE/searchbar/index.taro.vue
index dbee531ccf..9ea8d18418 100644
--- a/src/packages/__VUE/searchbar/index.taro.vue
+++ b/src/packages/__VUE/searchbar/index.taro.vue
@@ -230,7 +230,7 @@ export default create({
     const inputsearch: Ref<HTMLElement | null> = ref(null)
     onMounted(() => {
       if (props.autofocus) {
-        ;(inputsearch.value as HTMLElement).focus()
+        (inputsearch.value as HTMLElement).focus()
       }
     })
 
diff --git a/src/packages/__VUE/searchbar/index.vue b/src/packages/__VUE/searchbar/index.vue
index b6caa77e91..4ecd06f16b 100644
--- a/src/packages/__VUE/searchbar/index.vue
+++ b/src/packages/__VUE/searchbar/index.vue
@@ -228,7 +228,7 @@ export default create({
     const inputsearch: Ref<HTMLElement | null> = ref(null)
     onMounted(() => {
       if (props.autofocus) {
-        ;(inputsearch.value as HTMLElement).focus()
+        (inputsearch.value as HTMLElement).focus()
       }
     })
 
diff --git a/src/packages/__VUE/shortpassword/index.taro.vue b/src/packages/__VUE/shortpassword/index.taro.vue
index ce3f062f15..15606bc25d 100644
--- a/src/packages/__VUE/shortpassword/index.taro.vue
+++ b/src/packages/__VUE/shortpassword/index.taro.vue
@@ -80,7 +80,7 @@ export default create({
       default: true
     },
     length: {
-      type: [String, Number], //4～6
+      type: [String, Number], // 4～6
       default: 6
     },
     lockScroll: {
diff --git a/src/packages/__VUE/shortpassword/index.vue b/src/packages/__VUE/shortpassword/index.vue
index b0af006bf5..c5839955a2 100644
--- a/src/packages/__VUE/shortpassword/index.vue
+++ b/src/packages/__VUE/shortpassword/index.vue
@@ -79,7 +79,7 @@ export default create({
       default: true
     },
     length: {
-      type: [String, Number], //4～6
+      type: [String, Number], // 4～6
       default: 6
     },
     lockScroll: {
diff --git a/src/packages/__VUE/signature/index.vue b/src/packages/__VUE/signature/index.vue
index 864c92f5f9..f1a2e0bc79 100644
--- a/src/packages/__VUE/signature/index.vue
+++ b/src/packages/__VUE/signature/index.vue
@@ -94,7 +94,7 @@ export default create({
       canvas.value.addEventListener(state.events[3], leaveEventHandler, false)
     }
 
-    const moveEventHandler = (event: { preventDefault: () => void; touches: any[] }) => {
+    const moveEventHandler = (event: { preventDefault: () => void, touches: any[] }) => {
       event.preventDefault()
 
       let evt = state.isSupportTouch ? event.touches[0] : event
diff --git a/src/packages/__VUE/skeleton/index.taro.vue b/src/packages/__VUE/skeleton/index.taro.vue
index 81e3c23215..3d6ffcde93 100644
--- a/src/packages/__VUE/skeleton/index.taro.vue
+++ b/src/packages/__VUE/skeleton/index.taro.vue
@@ -26,54 +26,54 @@ export default create({
     NutAvatar
   },
   props: {
-    //每行宽度
+    // 每行宽度
     width: {
       type: String,
       default: '100px'
     },
-    //每行高度
+    // 每行高度
     height: {
       type: String,
       default: '15px'
     },
-    //是否显示动画
+    // 是否显示动画
     animated: {
       type: Boolean,
       default: false
     },
-    //头像
+    // 头像
     avatar: {
       type: Boolean,
       default: false
     },
-    //头像形状：正方形/圆形
+    // 头像形状：正方形/圆形
     avatarShape: {
       type: String as PropType<AvatarShape>,
       default: 'round'
     },
-    //头像大小
+    // 头像大小
     avatarSize: {
       type: String,
       default: '50px'
     },
-    //是否显示骨架屏
+    // 是否显示骨架屏
     loading: {
       type: Boolean,
       default: true
     },
-    //标题/段落 圆角风格
+    // 标题/段落 圆角风格
     round: {
       type: Boolean,
       default: false
     },
 
-    //显示段落行数
+    // 显示段落行数
     row: {
       type: String,
       default: '1'
     },
 
-    //是否显示段落标题
+    // 是否显示段落标题
     title: {
       type: Boolean,
       default: true
diff --git a/src/packages/__VUE/skeleton/index.vue b/src/packages/__VUE/skeleton/index.vue
index 2d3dd68ee1..93c647d7ba 100644
--- a/src/packages/__VUE/skeleton/index.vue
+++ b/src/packages/__VUE/skeleton/index.vue
@@ -26,54 +26,54 @@ export default create({
     NutAvatar
   },
   props: {
-    //每行宽度
+    // 每行宽度
     width: {
       type: String,
       default: '100px'
     },
-    //每行高度
+    // 每行高度
     height: {
       type: String,
       default: '15px'
     },
-    //是否显示动画
+    // 是否显示动画
     animated: {
       type: Boolean,
       default: false
     },
-    //头像
+    // 头像
     avatar: {
       type: Boolean,
       default: false
     },
-    //头像形状：正方形/圆形
+    // 头像形状：正方形/圆形
     avatarShape: {
       type: String as PropType<AvatarShape>,
       default: 'round'
     },
-    //头像大小
+    // 头像大小
     avatarSize: {
       type: String,
       default: '50px'
     },
-    //是否显示骨架屏
+    // 是否显示骨架屏
     loading: {
       type: Boolean,
       default: true
     },
-    //标题/段落 圆角风格
+    // 标题/段落 圆角风格
     round: {
       type: Boolean,
       default: false
     },
 
-    //显示段落行数
+    // 显示段落行数
     row: {
       type: String,
       default: '1'
     },
 
-    //是否显示段落标题
+    // 是否显示段落标题
     title: {
       type: Boolean,
       default: true
diff --git a/src/packages/__VUE/sku/components/SkuHeader.taro.vue b/src/packages/__VUE/sku/components/SkuHeader.taro.vue
index 2b77982585..a218d91beb 100644
--- a/src/packages/__VUE/sku/components/SkuHeader.taro.vue
+++ b/src/packages/__VUE/sku/components/SkuHeader.taro.vue
@@ -10,9 +10,9 @@
       <template v-if="getSlots('sku-header-extra')">
         <slot name="sku-header-extra"></slot>
       </template>
-      <view v-if="goods.skuId && !getSlots('sku-header-extra')" class="nut-sku-header-right-extra"
-        >{{ translate('skuId') }}&nbsp;:&nbsp;{{ goods.skuId }}</view
-      >
+      <view v-if="goods.skuId && !getSlots('sku-header-extra')" class="nut-sku-header-right-extra">
+        {{ translate('skuId') }}&nbsp;:&nbsp;{{ goods.skuId }}
+      </view>
     </view>
   </view>
 </template>
diff --git a/src/packages/__VUE/sku/components/SkuHeader.vue b/src/packages/__VUE/sku/components/SkuHeader.vue
index e8fb2cd53e..b3732bad14 100644
--- a/src/packages/__VUE/sku/components/SkuHeader.vue
+++ b/src/packages/__VUE/sku/components/SkuHeader.vue
@@ -10,9 +10,9 @@
       <template v-if="getSlots('sku-header-extra')">
         <slot name="sku-header-extra"></slot>
       </template>
-      <view v-if="goods.skuId && !getSlots('sku-header-extra')" class="nut-sku-header-right-extra"
-        >{{ translate('skuId') }}&nbsp;:&nbsp;{{ goods.skuId }}</view
-      >
+      <view v-if="goods.skuId && !getSlots('sku-header-extra')" class="nut-sku-header-right-extra">
+        {{ translate('skuId') }}&nbsp;:&nbsp;{{ goods.skuId }}
+      </view>
     </view>
   </view>
 </template>
diff --git a/src/packages/__VUE/sku/components/SkuOperate.vue b/src/packages/__VUE/sku/components/SkuOperate.vue
index 6bd2506747..dc8222cc1a 100644
--- a/src/packages/__VUE/sku/components/SkuOperate.vue
+++ b/src/packages/__VUE/sku/components/SkuOperate.vue
@@ -10,8 +10,9 @@
         :key="i"
         :class="[`nut-sku-operate-btn-${btn}`, 'nut-sku-operate-btn-item']"
         @click="clickBtnOperate(btn)"
-        >{{ getBtnDesc(btn) }}</view
       >
+        {{ getBtnDesc(btn) }}
+      </view>
     </view>
   </view>
 </template>
diff --git a/src/packages/__VUE/sku/demo.vue b/src/packages/__VUE/sku/demo.vue
index dda20441bd..0e2ff2df68 100644
--- a/src/packages/__VUE/sku/demo.vue
+++ b/src/packages/__VUE/sku/demo.vue
@@ -207,14 +207,14 @@ onMounted(() => {
 
 const getData = () => {
   fetch('//storage.360buyimg.com/nutui/3x/data.js')
-    .then((response) => response.json())
+    .then(response => response.json())
     .then((res) => {
       const { Sku, Goods, imagePathMap } = res
       data.skuData = Sku
       data.goodsInfo = Goods
       data.imagePathMap = imagePathMap
-    }) //执行结果是 resolve就调用then方法
-    .catch((err) => console.log('Oh, error', err)) //执行结果是 reject就调用catch方法
+    }) // 执行结果是 resolve就调用then方法
+    .catch(err => console.log('Oh, error', err)) // 执行结果是 reject就调用catch方法
 }
 const selectSku = (s: any) => {
   const { sku, parentIndex } = s
diff --git a/src/packages/__VUE/space/index.taro.vue b/src/packages/__VUE/space/index.taro.vue
index e70c427168..23b93d04bb 100644
--- a/src/packages/__VUE/space/index.taro.vue
+++ b/src/packages/__VUE/space/index.taro.vue
@@ -60,12 +60,12 @@ export default create({
         }
       })
       return nodes.filter(
-        (c) =>
+        c =>
           !(
-            c &&
-            (c.type === Comment ||
-              (c.type === Fragment && c.children?.length === 0) ||
-              (c.type === Text && (c.children as string).trim() === ''))
+            c
+            && (c.type === Comment
+            || (c.type === Fragment && c.children?.length === 0)
+            || (c.type === Text && (c.children as string).trim() === ''))
           )
       )
     }
diff --git a/src/packages/__VUE/space/index.vue b/src/packages/__VUE/space/index.vue
index 406aaee506..26b4d2a688 100644
--- a/src/packages/__VUE/space/index.vue
+++ b/src/packages/__VUE/space/index.vue
@@ -61,12 +61,12 @@ export default create({
         }
       })
       return nodes.filter(
-        (c) =>
+        c =>
           !(
-            c &&
-            (c.type === Comment ||
-              (c.type === Fragment && c.children?.length === 0) ||
-              (c.type === Text && (c.children as string).trim() === ''))
+            c
+            && (c.type === Comment
+            || (c.type === Fragment && c.children?.length === 0)
+            || (c.type === Text && (c.children as string).trim() === ''))
           )
       )
     }
diff --git a/src/packages/__VUE/swiper/index.taro.vue b/src/packages/__VUE/swiper/index.taro.vue
index 15e9072d06..f5bd14be0f 100644
--- a/src/packages/__VUE/swiper/index.taro.vue
+++ b/src/packages/__VUE/swiper/index.taro.vue
@@ -57,7 +57,7 @@ export default create({
     },
     direction: {
       type: String,
-      default: 'horizontal' //horizontal and vertical
+      default: 'horizontal' // horizontal and vertical
     },
     paginationVisible: {
       type: Boolean,
diff --git a/src/packages/__VUE/swiper/index.vue b/src/packages/__VUE/swiper/index.vue
index 3e2c68dd84..02e3707321 100644
--- a/src/packages/__VUE/swiper/index.vue
+++ b/src/packages/__VUE/swiper/index.vue
@@ -54,7 +54,7 @@ export default create({
     },
     direction: {
       type: String,
-      default: 'horizontal' //horizontal and vertical
+      default: 'horizontal' // horizontal and vertical
     },
     paginationVisible: {
       type: Boolean,
@@ -438,7 +438,7 @@ export default create({
     watch(
       () => props.autoPlay,
       (val) => {
-        ;+val > 0 ? autoplay() : stopAutoPlay()
+        +val > 0 ? autoplay() : stopAutoPlay()
       }
     )
 
diff --git a/src/packages/__VUE/tabbar/__tests__/index.spec.tsx b/src/packages/__VUE/tabbar/__tests__/index.spec.tsx
index 2ac34b15e2..194e960eb6 100644
--- a/src/packages/__VUE/tabbar/__tests__/index.spec.tsx
+++ b/src/packages/__VUE/tabbar/__tests__/index.spec.tsx
@@ -33,21 +33,25 @@ test('should render custom img when using img prop', async () => {
         <TabbarItem tab-title="首页">
           {{
             icon: (props: any) =>
-              props.active ? (
-                <img src="http://img13.360buyimg.com/uba/jfs/t1/29316/38/1115/3203/5c0f3d61E35d0c7da/9e557f2cb5c9dab6.jpg" />
-              ) : (
-                <img src="http://img20.360buyimg.com/uba/jfs/t1/9996/36/8646/4833/5c0f3d61E7c1b7e0f/c98ad61124172e93.jpg" />
-              )
+              props.active
+                ? (
+                  <img src="http://img13.360buyimg.com/uba/jfs/t1/29316/38/1115/3203/5c0f3d61E35d0c7da/9e557f2cb5c9dab6.jpg" />
+                  )
+                : (
+                  <img src="http://img20.360buyimg.com/uba/jfs/t1/9996/36/8646/4833/5c0f3d61E7c1b7e0f/c98ad61124172e93.jpg" />
+                  )
           }}
         </TabbarItem>
         <TabbarItem tab-title="分类">
           {{
             icon: (props: any) =>
-              props.active ? (
-                <img src="http://img13.360buyimg.com/uba/jfs/t1/29316/38/1115/3203/5c0f3d61E35d0c7da/9e557f2cb5c9dab6.jpg" />
-              ) : (
-                <img src="http://img20.360buyimg.com/uba/jfs/t1/9996/36/8646/4833/5c0f3d61E7c1b7e0f/c98ad61124172e93.jpg" />
-              )
+              props.active
+                ? (
+                  <img src="http://img13.360buyimg.com/uba/jfs/t1/29316/38/1115/3203/5c0f3d61E35d0c7da/9e557f2cb5c9dab6.jpg" />
+                  )
+                : (
+                  <img src="http://img20.360buyimg.com/uba/jfs/t1/9996/36/8646/4833/5c0f3d61E7c1b7e0f/c98ad61124172e93.jpg" />
+                  )
           }}
         </TabbarItem>
       </Tabbar>
@@ -155,7 +159,7 @@ test('should redirect when exist router and using to prop', async () => {
 })
 
 test('should call replace when no router exist and using to prop', async () => {
-  ;(useRouter as any).mockReturnValue(undefined)
+  (useRouter as any).mockReturnValue(undefined)
 
   const wrapper = mount(() => {
     return (
diff --git a/src/packages/__VUE/table/index.taro.vue b/src/packages/__VUE/table/index.taro.vue
index a77d084eac..6625c89340 100644
--- a/src/packages/__VUE/table/index.taro.vue
+++ b/src/packages/__VUE/table/index.taro.vue
@@ -119,8 +119,8 @@ export default create({
     const handleSorterClick = (item: TableColumns) => {
       if (item.sorter) {
         emit('sorter', item)
-        state.curData =
-          typeof item.sorter === 'function'
+        state.curData
+          = typeof item.sorter === 'function'
             ? state.curData.sort(item.sorter)
             : item.sorter === 'default'
               ? state.curData.sort()
diff --git a/src/packages/__VUE/table/index.vue b/src/packages/__VUE/table/index.vue
index 4798a76993..9c1d6debd5 100644
--- a/src/packages/__VUE/table/index.vue
+++ b/src/packages/__VUE/table/index.vue
@@ -119,8 +119,8 @@ export default create({
     const handleSorterClick = (item: TableColumns) => {
       if (item.sorter) {
         emit('sorter', item)
-        state.curData =
-          typeof item.sorter === 'function'
+        state.curData
+          = typeof item.sorter === 'function'
             ? state.curData.sort(item.sorter)
             : item.sorter === 'default'
               ? state.curData.sort()
diff --git a/src/packages/__VUE/tabs/__tests__/index.spec.tsx b/src/packages/__VUE/tabs/__tests__/index.spec.tsx
index 38fbb59a1d..f2fe6feddf 100644
--- a/src/packages/__VUE/tabs/__tests__/index.spec.tsx
+++ b/src/packages/__VUE/tabs/__tests__/index.spec.tsx
@@ -26,7 +26,8 @@ test('Tabs: base tabs props', async () => {
         type="smile"
         size="large"
         titleScroll
-      ></Tabs>
+      >
+      </Tabs>
     )
   })
   await nextTick()
@@ -132,11 +133,13 @@ test('Tabs: base Tabpane Props', async () => {
         </TabPane>
         <TabPane title="Tab 2" pane-key="1" disabled>
           {' '}
-          Tab 2{' '}
+          Tab 2
+          {' '}
         </TabPane>
         <TabPane title="Tab 3" pane-key="2">
           {' '}
-          Tab 3{' '}
+          Tab 3
+          {' '}
         </TabPane>
       </Tabs>
     )
@@ -162,11 +165,13 @@ test('Tabs: base Tabpane disabled swipeable', async () => {
         </TabPane>
         <TabPane title="Tab 2" pane-key="1" disabled>
           {' '}
-          Tab 2{' '}
+          Tab 2
+          {' '}
         </TabPane>
         <TabPane title="Tab 3" pane-key="2">
           {' '}
-          Tab 3{' '}
+          Tab 3
+          {' '}
         </TabPane>
       </Tabs>
     )
@@ -192,11 +197,13 @@ test('Tabs: base click', async () => {
         </TabPane>
         <TabPane title="Tab 2" pane-key="1">
           {' '}
-          Tab 2{' '}
+          Tab 2
+          {' '}
         </TabPane>
         <TabPane title="Tab 3" pane-key="2">
           {' '}
-          Tab 3{' '}
+          Tab 3
+          {' '}
         </TabPane>
       </Tabs>
     )
@@ -218,11 +225,13 @@ test('Tabs: Tabs: direction=vertical & title-gutter', async () => {
         </TabPane>
         <TabPane title="Tab 2" pane-key="1">
           {' '}
-          Tab 2{' '}
+          Tab 2
+          {' '}
         </TabPane>
         <TabPane title="Tab 3" pane-key="2">
           {' '}
-          Tab 3{' '}
+          Tab 3
+          {' '}
         </TabPane>
       </Tabs>
     )
diff --git a/src/packages/__VUE/tabs/demo/custom.vue b/src/packages/__VUE/tabs/demo/custom.vue
index b75179b3ff..e6b3dba674 100644
--- a/src/packages/__VUE/tabs/demo/custom.vue
+++ b/src/packages/__VUE/tabs/demo/custom.vue
@@ -7,8 +7,9 @@
           :class="{
             active: value === item.paneKey
           }"
-          >{{ item.title }}</div
         >
+          {{ item.title }}
+        </div>
       </div>
     </template>
     <nut-tab-pane v-for="item in list" :key="item.paneKey" :pane-key="item.paneKey"> {{ item.title }} </nut-tab-pane>
diff --git a/src/packages/__VUE/tabs/index.taro.vue b/src/packages/__VUE/tabs/index.taro.vue
index 66487616e2..a707b34f80 100644
--- a/src/packages/__VUE/tabs/index.taro.vue
+++ b/src/packages/__VUE/tabs/index.taro.vue
@@ -172,11 +172,11 @@ export default create({
           let title = new Title()
           if (vnode.props?.title || vnode.props?.['pane-key'] || vnode.props?.['paneKey']) {
             let paneKeyType = TypeOfFun(vnode.props?.['pane-key'])
-            let paneIndex =
-              paneKeyType == 'number' || paneKeyType == 'string' ? String(vnode.props?.['pane-key']) : null
+            let paneIndex
+              = paneKeyType == 'number' || paneKeyType == 'string' ? String(vnode.props?.['pane-key']) : null
             let camelPaneKeyType = TypeOfFun(vnode.props?.['paneKey'])
-            let camelPaneIndex =
-              camelPaneKeyType == 'number' || camelPaneKeyType == 'string' ? String(vnode.props?.['paneKey']) : null
+            let camelPaneIndex
+              = camelPaneKeyType == 'number' || camelPaneKeyType == 'string' ? String(vnode.props?.['paneKey']) : null
             title.title = vnode.props?.title
             title.paneKey = paneIndex || camelPaneIndex || String(index)
             title.disabled = vnode.props?.disabled
@@ -195,7 +195,7 @@ export default create({
 
     const currentIndex = ref((props.modelValue as number) || 0)
     const findTabsIndex = (value: string | number) => {
-      let index = titles.value.findIndex((item) => item.paneKey == value)
+      let index = titles.value.findIndex(item => item.paneKey == value)
       if (titles.value.length == 0) {
         // console.warn('[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .');
       } else if (index == -1) {
@@ -307,7 +307,7 @@ export default create({
     }
     const init = (vnodes: VNode[] = slots.default?.()) => {
       titles.value = []
-      vnodes = vnodes?.filter((item) => typeof item.children !== 'string')
+      vnodes = vnodes?.filter(item => typeof item.children !== 'string')
       if (vnodes && vnodes.length) {
         renderTitles(vnodes)
       }
diff --git a/src/packages/__VUE/tabs/index.vue b/src/packages/__VUE/tabs/index.vue
index 4141f8e7a1..f2f194098f 100644
--- a/src/packages/__VUE/tabs/index.vue
+++ b/src/packages/__VUE/tabs/index.vue
@@ -199,11 +199,11 @@ export default create({
           let title = new Title()
           if (vnode.props?.title || vnode.props?.['pane-key'] || vnode.props?.['paneKey']) {
             let paneKeyType = TypeOfFun(vnode.props?.['pane-key'])
-            let paneIndex =
-              paneKeyType == 'number' || paneKeyType == 'string' ? String(vnode.props?.['pane-key']) : null
+            let paneIndex
+              = paneKeyType == 'number' || paneKeyType == 'string' ? String(vnode.props?.['pane-key']) : null
             let camelPaneKeyType = TypeOfFun(vnode.props?.['paneKey'])
-            let camelPaneIndex =
-              camelPaneKeyType == 'number' || camelPaneKeyType == 'string' ? String(vnode.props?.['paneKey']) : null
+            let camelPaneIndex
+              = camelPaneKeyType == 'number' || camelPaneKeyType == 'string' ? String(vnode.props?.['paneKey']) : null
             title.title = vnode.props?.title
             title.paneKey = paneIndex || camelPaneIndex || String(index)
             title.disabled = vnode.props?.disabled
@@ -222,7 +222,7 @@ export default create({
 
     const currentIndex = ref((props.modelValue as number) || 0)
     const findTabsIndex = (value: string | number) => {
-      let index = titles.value.findIndex((item) => item.paneKey == value)
+      let index = titles.value.findIndex(item => item.paneKey == value)
       if (titles.value.length == 0) {
         // console.warn('[NutUI] <Tabs> 当前未找到 TabPane 组件元素 , 请检查 .');
       } else if (index == -1) {
@@ -277,7 +277,7 @@ export default create({
     }
     const init = (vnodes: VNode[] = slots.default?.()) => {
       titles.value = []
-      vnodes = vnodes?.filter((item) => typeof item.children !== 'string')
+      vnodes = vnodes?.filter(item => typeof item.children !== 'string')
       if (vnodes && vnodes.length) {
         renderTitles(vnodes)
       }
@@ -286,7 +286,7 @@ export default create({
         scrollIntoView()
       })
     }
-    const onStickyScroll = (params: { top: number; fixed: boolean }) => {
+    const onStickyScroll = (params: { top: number, fixed: boolean }) => {
       stickyFixed = params.fixed
     }
 
diff --git a/src/packages/__VUE/textarea/__tests__/textarea.spec.ts b/src/packages/__VUE/textarea/__tests__/textarea.spec.ts
index 9772129925..1e0979f9cb 100644
--- a/src/packages/__VUE/textarea/__tests__/textarea.spec.ts
+++ b/src/packages/__VUE/textarea/__tests__/textarea.spec.ts
@@ -29,7 +29,7 @@ test('props v-model', async () => {
   expect(txtWrapper.value).toBe('618')
 })
 
-test('props placeholder	max-length rows limit-show', async () => {
+test('props placeholder max-length rows limit-show', async () => {
   const component = {
     template: `<nut-textarea v-model="value" :placeholder="placeholder" :max-length="maxLength" :limit-show="limitShow" :rows="rows"/>`,
     setup() {
diff --git a/src/packages/__VUE/textarea/index.vue b/src/packages/__VUE/textarea/index.vue
index 92ee5e5883..90eb872d79 100644
--- a/src/packages/__VUE/textarea/index.vue
+++ b/src/packages/__VUE/textarea/index.vue
@@ -175,12 +175,12 @@ export default create({
     }
 
     const startComposing = ({ target }: Event) => {
-      ;(target as InputTarget)!.composing = true
+      (target as InputTarget)!.composing = true
     }
 
     const endComposing = ({ target }: Event) => {
       if ((target as InputTarget)!.composing) {
-        ;(target as InputTarget)!.composing = false
+        (target as InputTarget)!.composing = false
         ;(target as InputTarget)!.dispatchEvent(new Event('input'))
       }
     }
diff --git a/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts b/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts
index 7ebc861430..ea06676c48 100644
--- a/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts
+++ b/src/packages/__VUE/timeselect/__tests__/timeselect.spec.ts
@@ -57,7 +57,7 @@ test('props test', async () => {
       }
 
       const selectTime1 = (item: string) => {
-        let curTimeIndex = state.currentTime1[0]['list'].findIndex((time: string) => time === item)
+        const curTimeIndex = state.currentTime1[0]['list'].findIndex((time: string) => time === item)
         if (curTimeIndex === -1) {
           state.currentTime1[0]['list'].push(item)
         } else {
@@ -159,7 +159,7 @@ test('Events test', async () => {
       }
 
       const selectTime1 = (item: string) => {
-        let curTimeIndex = state.currentTime1[0]['list'].findIndex((time: string) => time === item)
+        const curTimeIndex = state.currentTime1[0]['list'].findIndex((time: string) => time === item)
         if (curTimeIndex === -1) {
           state.currentTime1[0]['list'].push(item)
         } else {
diff --git a/src/packages/__VUE/timeselect/demo/basic.vue b/src/packages/__VUE/timeselect/demo/basic.vue
index ddfabf7038..fbe86886ba 100644
--- a/src/packages/__VUE/timeselect/demo/basic.vue
+++ b/src/packages/__VUE/timeselect/demo/basic.vue
@@ -42,7 +42,7 @@ const onChange = (pannelKey) => {
 }
 
 const onSelect = (item) => {
-  let curTimeIndex = time.value[0]['list'].findIndex((time) => time === item)
+  let curTimeIndex = time.value[0]['list'].findIndex(time => time === item)
   if (curTimeIndex === -1) {
     time.value[0]['list'].push(item)
   } else {
diff --git a/src/packages/__VUE/timeselect/demo/multiple.vue b/src/packages/__VUE/timeselect/demo/multiple.vue
index 4c2ffbff8a..6b533a7961 100644
--- a/src/packages/__VUE/timeselect/demo/multiple.vue
+++ b/src/packages/__VUE/timeselect/demo/multiple.vue
@@ -34,7 +34,7 @@ const times = ref([
 
 const onChange = (pannelKey) => {
   key.value = pannelKey
-  const curTime = time.value.find((item) => item.key == pannelKey)
+  const curTime = time.value.find(item => item.key == pannelKey)
   if (!curTime) {
     time.value.push({
       key: pannelKey,
@@ -44,8 +44,8 @@ const onChange = (pannelKey) => {
 }
 
 const onSelect = (item) => {
-  let findIndex = time.value.findIndex((item) => item.key == key.value)
-  let curTimeIndex = time.value[findIndex]['list'].findIndex((time) => time === item)
+  let findIndex = time.value.findIndex(item => item.key == key.value)
+  let curTimeIndex = time.value[findIndex]['list'].findIndex(time => time === item)
   if (curTimeIndex === -1) {
     time.value[findIndex]['list'].push(item)
   } else {
diff --git a/src/packages/__VUE/timeselect/demo/title.vue b/src/packages/__VUE/timeselect/demo/title.vue
index 6cb6e1fab2..3eb5f0826b 100644
--- a/src/packages/__VUE/timeselect/demo/title.vue
+++ b/src/packages/__VUE/timeselect/demo/title.vue
@@ -43,7 +43,7 @@ const onChange = (pannelKey) => {
 }
 
 const onSelect = (item) => {
-  let curTimeIndex = time.value[0]['list'].findIndex((time) => time === item)
+  let curTimeIndex = time.value[0]['list'].findIndex(time => time === item)
   if (curTimeIndex === -1) {
     time.value[0]['list'].push(item)
   } else {
diff --git a/src/packages/__VUE/toast/__tests__/toast.ts b/src/packages/__VUE/toast/__tests__/toast.ts
index ccd3a8d339..252f36d66f 100644
--- a/src/packages/__VUE/toast/__tests__/toast.ts
+++ b/src/packages/__VUE/toast/__tests__/toast.ts
@@ -3,7 +3,7 @@ import Toast from '../index.vue'
 const defaultOptions = {
   msg: '',
   id: '',
-  duration: 2000, //显示时间(毫秒)
+  duration: 2000, // 显示时间(毫秒)
   center: true, // 未实现
   type: 'text',
   title: '',
@@ -17,7 +17,7 @@ const defaultOptions = {
   bgColor: 'rgba(0, 0, 0, .8)',
   onClose: null, // 未实现
   unmount: null,
-  cover: false, //透明遮罩层 // 未实现
+  cover: false, // 透明遮罩层 // 未实现
   coverColor: 'rgba(0, 0, 0, 0)', // 未实现
   closeOnClickOverlay: false // 未实现
 }
@@ -27,8 +27,8 @@ let optsMap: any[] = []
 const clearToast = (id?: string) => {
   if (id) {
     const container = document.getElementById(id)
-    optsMap = optsMap.filter((item) => item.id !== id)
-    idsMap = idsMap.filter((item) => item !== id)
+    optsMap = optsMap.filter(item => item.id !== id)
+    idsMap = idsMap.filter(item => item !== id)
     if (container) {
       document.body.removeChild(container)
     }
@@ -47,7 +47,7 @@ const clearToast = (id?: string) => {
 const updateToast = (opts: any) => {
   const container = document.getElementById(opts.id)
   if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id)
+    const currentOpt = optsMap.find(item => item.id === opts.id)
     if (currentOpt) {
       opts = { ...defaultOptions, ...currentOpt, ...opts }
     } else {
@@ -65,7 +65,7 @@ const mountToast = (opts: any) => {
   // 如果是更新已有的toast
   if (opts.id) {
     _id = opts.id
-    if (idsMap.find((item) => item === opts.id)) {
+    if (idsMap.find(item => item === opts.id)) {
       return updateToast(opts)
     }
   } else {
diff --git a/src/packages/__VUE/toast/index.ts b/src/packages/__VUE/toast/index.ts
index 179093dff6..ff530ad7dd 100644
--- a/src/packages/__VUE/toast/index.ts
+++ b/src/packages/__VUE/toast/index.ts
@@ -5,7 +5,7 @@ import { Failure, Loading, Success, Tips } from '@nutui/icons-vue'
 const defaultOptions = {
   msg: '',
   id: '',
-  duration: 2000, //显示时间(毫秒)
+  duration: 2000, // 显示时间(毫秒)
   center: true, // 未实现
   type: 'text',
   title: '',
@@ -19,7 +19,7 @@ const defaultOptions = {
   bgColor: '',
   onClose: null, // 未实现
   unmount: null,
-  cover: false, //透明遮罩层 // 未实现
+  cover: false, // 透明遮罩层 // 未实现
   coverColor: '', // 未实现
   closeOnClickOverlay: false // 未实现
 }
@@ -29,8 +29,8 @@ let optsMap: any[] = []
 const clearToast = (id?: string) => {
   if (id) {
     const container = document.getElementById(id)
-    optsMap = optsMap.filter((item) => item.id !== id)
-    idsMap = idsMap.filter((item) => item !== id)
+    optsMap = optsMap.filter(item => item.id !== id)
+    idsMap = idsMap.filter(item => item !== id)
     if (container) {
       document.body.removeChild(container)
     }
@@ -49,7 +49,7 @@ const clearToast = (id?: string) => {
 const updateToast = (opts: any) => {
   const container = document.getElementById(opts.id)
   if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id)
+    const currentOpt = optsMap.find(item => item.id === opts.id)
     if (currentOpt) {
       opts = { ...defaultOptions, ...currentOpt, ...opts }
     } else {
@@ -67,7 +67,7 @@ const mountToast = (opts: any) => {
   // 如果是更新已有的toast
   if (opts.id) {
     _id = opts.id
-    if (idsMap.find((item) => item === opts.id)) {
+    if (idsMap.find(item => item === opts.id)) {
       return updateToast(opts)
     }
   } else {
diff --git a/src/packages/__VUE/tour/__tests__/tour.spec.tsx b/src/packages/__VUE/tour/__tests__/tour.spec.tsx
index 194fab6506..3c9bea4f03 100644
--- a/src/packages/__VUE/tour/__tests__/tour.spec.tsx
+++ b/src/packages/__VUE/tour/__tests__/tour.spec.tsx
@@ -107,7 +107,8 @@ test('Tour: slot render', async () => {
       return (
         <Tour modelValue={true} steps={steps4}>
           {' '}
-          Default Slot{' '}
+          Default Slot
+          {' '}
         </Tour>
       )
     },
diff --git a/src/packages/__VUE/tour/index.taro.vue b/src/packages/__VUE/tour/index.taro.vue
index 469a9df9fa..4e295ad550 100644
--- a/src/packages/__VUE/tour/index.taro.vue
+++ b/src/packages/__VUE/tour/index.taro.vue
@@ -40,14 +40,18 @@
                       v-if="active != 0 && showPrevStep"
                       class="nut-tour-content-bottom-operate-btn"
                       @click="changeStep('prev')"
-                      >{{ prevStepTxt }}</view
+                    >
+                      {{ prevStepTxt }}
+                    </view
                     >
                   </slot>
                   <view
                     v-if="steps.length - 1 == active"
                     class="nut-tour-content-bottom-operate-btn active"
                     @click="close"
-                    >{{ completeTxt }}</view
+                  >
+                    {{ completeTxt }}
+                  </view
                   >
 
                   <slot name="next-step">
@@ -55,7 +59,9 @@
                       v-if="steps.length - 1 != active"
                       class="nut-tour-content-bottom-operate-btn active"
                       @click="changeStep('next')"
-                      >{{ nextStepTxt }}</view
+                    >
+                      {{ nextStepTxt }}
+                    </view
                     >
                   </slot>
                 </view>
diff --git a/src/packages/__VUE/tour/index.vue b/src/packages/__VUE/tour/index.vue
index 75ff7589c5..f9f793f796 100644
--- a/src/packages/__VUE/tour/index.vue
+++ b/src/packages/__VUE/tour/index.vue
@@ -40,7 +40,9 @@
                         v-if="active != 0 && showPrevStep"
                         class="nut-tour-content-bottom-operate-btn"
                         @click="changeStep('prev')"
-                        >{{ prevStepTxt }}</div
+                      >
+                        {{ prevStepTxt }}
+                      </div
                       >
                     </slot>
 
@@ -48,14 +50,18 @@
                       v-if="steps.length - 1 == active"
                       class="nut-tour-content-bottom-operate-btn active"
                       @click="close"
-                      >{{ completeTxt }}</div
+                    >
+                      {{ completeTxt }}
+                    </div
                     >
                     <slot name="next-step">
                       <div
                         v-if="steps.length - 1 != active"
                         class="nut-tour-content-bottom-operate-btn active"
                         @click="changeStep('next')"
-                        >{{ nextStepTxt }}</div
+                      >
+                        {{ nextStepTxt }}
+                      </div
                       >
                     </slot>
                   </div>
@@ -174,8 +180,8 @@ export default create({
     const maskRect = ref<
       | DOMRect
       | {
-          [props: string]: number
-        }
+        [props: string]: number
+      }
     >({})
 
     const classes = computed(() => {
diff --git a/src/packages/__VUE/uploader/demo.vue b/src/packages/__VUE/uploader/demo.vue
index aae7b7fb18..3df9845e83 100644
--- a/src/packages/__VUE/uploader/demo.vue
+++ b/src/packages/__VUE/uploader/demo.vue
@@ -155,7 +155,7 @@ const defaultFileList1 = reactive([
 const fileToDataURL = (file: Blob): Promise<any> => {
   return new Promise((resolve) => {
     const reader = new FileReader()
-    reader.onloadend = (e) => resolve((e.target as FileReader).result)
+    reader.onloadend = e => resolve((e.target as FileReader).result)
     reader.readAsDataURL(file)
   })
 }
@@ -167,7 +167,7 @@ const dataURLToImage = (dataURL: string): Promise<HTMLImageElement> => {
   })
 }
 const canvastoFile = (canvas: HTMLCanvasElement, type: string, quality: number): Promise<Blob | null> => {
-  return new Promise((resolve) => canvas.toBlob((blob) => resolve(blob), type, quality))
+  return new Promise(resolve => canvas.toBlob(blob => resolve(blob), type, quality))
 }
 const onOversize = () => {
   showToast.text('oversize 触发 文件大小不能超过 50kb')
@@ -191,7 +191,7 @@ const beforeUpload = async (file: File[]) => {
   context.clearRect(0, 0, img.width, img.height)
   context.drawImage(img, 0, 0, img.width, img.height)
 
-  let blob = (await canvastoFile(canvas, 'image/jpeg', 0.5)) as Blob //quality:0.5可根据实际情况计算
+  let blob = (await canvastoFile(canvas, 'image/jpeg', 0.5)) as Blob // quality:0.5可根据实际情况计算
   const f = await new File([blob], fileName)
   return [f]
 }
diff --git a/src/packages/__VUE/uploader/index.taro.vue b/src/packages/__VUE/uploader/index.taro.vue
index 28b21e9a99..bffa2d810d 100644
--- a/src/packages/__VUE/uploader/index.taro.vue
+++ b/src/packages/__VUE/uploader/index.taro.vue
@@ -324,7 +324,7 @@ export default create({
     }
     const submit = () => {
       Promise.all(uploadQueue.value).then((res) => {
-        res.forEach((i) => i.uploadTaro(Taro.uploadFile, Taro.getEnv()))
+        res.forEach(i => i.uploadTaro(Taro.uploadFile, Taro.getEnv()))
       })
     }
     interface TFileType {
diff --git a/src/packages/__VUE/uploader/index.vue b/src/packages/__VUE/uploader/index.vue
index 8975945145..f927bc9103 100644
--- a/src/packages/__VUE/uploader/index.vue
+++ b/src/packages/__VUE/uploader/index.vue
@@ -254,7 +254,7 @@ export default create({
     }
     const submit = () => {
       Promise.all(uploadQueue.value).then((res) => {
-        res.forEach((i) => i.upload())
+        res.forEach(i => i.upload())
       })
     }
 
diff --git a/src/packages/__VUE/uploader/uploader.ts b/src/packages/__VUE/uploader/uploader.ts
index f32c8764b2..450f475870 100644
--- a/src/packages/__VUE/uploader/uploader.ts
+++ b/src/packages/__VUE/uploader/uploader.ts
@@ -21,6 +21,7 @@ export class Uploader {
   constructor(options: UploadOptions) {
     this.options = options
   }
+
   upload() {
     const options = this.options
     const xhr = new XMLHttpRequest()
@@ -64,6 +65,7 @@ export class UploaderTaro extends Uploader {
   constructor(options: UploadOptions) {
     super(options)
   }
+
   uploadTaro(uploadFile: Function, env: string) {
     const options = this.options
     if (env === 'WEB') {
@@ -82,7 +84,7 @@ export class UploaderTaro extends Uploader {
           }, //
           formData: options.formData,
           name: options.name,
-          success(response: { errMsg: any; statusCode: number; data: string }) {
+          success(response: { errMsg: any, statusCode: number, data: string }) {
             if (options.xhrState == response.statusCode) {
               options.onSuccess?.(response, options)
             } else {
@@ -94,7 +96,7 @@ export class UploaderTaro extends Uploader {
           }
         })
         options.onStart?.(options)
-        uploadTask.progress((res: { progress: any; totalBytesSent: any; totalBytesExpectedToSend: any }) => {
+        uploadTask.progress((res: { progress: any, totalBytesSent: any, totalBytesExpectedToSend: any }) => {
           options.onProgress?.(res, options)
         })
       }
diff --git a/src/packages/__VUE/video/index.vue b/src/packages/__VUE/video/index.vue
index 0d18bf5679..ccd87ecfb4 100644
--- a/src/packages/__VUE/video/index.vue
+++ b/src/packages/__VUE/video/index.vue
@@ -74,14 +74,14 @@ export default create({
     options: {
       type: Object,
       default: {
-        autoplay: false, //是否自动播放
+        autoplay: false, // 是否自动播放
         volume: 0.5,
         poster: '',
         loop: false,
         controls: true,
-        muted: false, //是否静音
-        disabled: false, //禁止操作
-        playsinline: false, //行内展示
+        muted: false, // 是否静音
+        disabled: false, // 禁止操作
+        playsinline: false, // 行内展示
         touchPlay: false,
         preload: ''
       },
@@ -99,8 +99,8 @@ export default create({
     const translate = useLocale(cN)
     const state = reactive({
       videoElm: null,
-      initial: true, //控制封面的显示
-      showToolbox: false, //控制控制器和标题的显示
+      initial: true, // 控制封面的显示
+      showToolbox: false, // 控制控制器和标题的显示
       // 视频容器元素
       player: {
         $player: null,
@@ -123,10 +123,10 @@ export default create({
       },
       state: {
         controlShow: true,
-        vol: 0.5, //音量
-        currentTime: 0, //当前时间
+        vol: 0.5, // 音量
+        currentTime: 0, // 当前时间
         fullScreen: false,
-        playing: false, //是否正在播放
+        playing: false, // 是否正在播放
         isLoading: false,
         isEnd: false,
         isError: false,
@@ -144,7 +144,7 @@ export default create({
       (newValue) => {
         if (newValue.src) {
           nextTick(() => {
-            ;(state.videoElm as any).load()
+            (state.videoElm as any).load()
           })
         }
       },
@@ -159,11 +159,11 @@ export default create({
       { immediate: true }
     )
     const init = () => {
-      ;(state.videoElm as any) = root.value
+      (state.videoElm as any) = root.value
 
       if (props.options.autoplay) {
         setTimeout(() => {
-          ;(state.videoElm as any).play()
+          (state.videoElm as any).play()
         }, 200)
       }
 
@@ -172,7 +172,7 @@ export default create({
       }
 
       if (props.options.playsinline) {
-        ;(state.videoElm as any).setAttribute('playsinline', props.options.playsinline)
+        (state.videoElm as any).setAttribute('playsinline', props.options.playsinline)
         ;(state.videoElm as any).setAttribute('webkit-playsinline', props.options.playsinline)
         ;(state.videoElm as any).setAttribute('x5-video-player-type', 'h5-page')
         ;(state.videoElm as any).setAttribute('x5-video-player-fullscreen', false)
@@ -182,7 +182,7 @@ export default create({
       if (state.showToolbox) {
         customerInit()
       } else {
-        ;(state.videoElm as any).addEventListener('play', () => {
+        (state.videoElm as any).addEventListener('play', () => {
           state.state.playing = true
           emit('play', state.videoElm as any)
         })
@@ -216,7 +216,7 @@ export default create({
         if (state.state.playing) {
           try {
             setTimeout(() => {
-              ;(state.videoElm as any).play()
+              (state.videoElm as any).play()
             }, 200)
 
             // 监听缓存进度
@@ -232,10 +232,8 @@ export default create({
             // 捕获url异常出现的错误
             handleError()
           }
-        }
-        // 停止状态
-        else {
-          ;(state.videoElm as any).pause()
+        } else {
+          (state.videoElm as any).pause()
           emit('pause', state.videoElm)
         }
       }
@@ -328,7 +326,7 @@ export default create({
     }
 
     const setPlayTime = (percent: number, totalTime: number) => {
-      ;(state.videoElm as any).currentTime = Math.floor(percent * totalTime)
+      (state.videoElm as any).currentTime = Math.floor(percent * totalTime)
     }
 
     const retry = () => {
diff --git a/src/packages/locale/index.ts b/src/packages/locale/index.ts
index ed625658a8..ba5de60d8f 100644
--- a/src/packages/locale/index.ts
+++ b/src/packages/locale/index.ts
@@ -14,12 +14,14 @@ export class Locale {
   static languages(): Lang {
     return langs[this.currentLang.value]
   }
+
   static use(lang: string, newLanguages?: any) {
     if (newLanguages) {
       langs[lang] = new newLanguages()
     }
     this.currentLang.value = lang
   }
+
   static merge(lang: string, newLanguages: any) {
     if (newLanguages) {
       if (langs[lang]) {
diff --git a/src/packages/locale/lang/baseLang.ts b/src/packages/locale/lang/baseLang.ts
index b433567500..a74a0b4aba 100644
--- a/src/packages/locale/lang/baseLang.ts
+++ b/src/packages/locale/lang/baseLang.ts
@@ -10,14 +10,17 @@ export abstract class BaseLang {
     errorTip: string
     clickRetry: string
   }
+
   abstract fixednav: {
     activeText: string
     unActiveText: string
   }
+
   abstract pagination: {
     prev: string
     next: string
   }
+
   abstract calendaritem: {
     weekdays: Array<string>
     end: string
@@ -26,6 +29,7 @@ export abstract class BaseLang {
     monthTitle: Function
     today: string
   }
+
   abstract calendarcard: {
     weekdays: Array<string>
     end: string
@@ -34,11 +38,13 @@ export abstract class BaseLang {
     monthTitle: Function
     today: string
   }
+
   abstract shortpassword: {
     title: string
     desc: string
     tips: string
   }
+
   abstract uploader: {
     ready: string
     readyUpload: string
@@ -47,51 +53,62 @@ export abstract class BaseLang {
     success: string
     error: string
   }
+
   abstract countdown: {
     day: string
     hour: string
     minute: string
     second: string
   }
+
   abstract address: {
     selectRegion: string
     deliveryTo: string
     chooseAnotherAddress: string
   }
+
   abstract signature: {
     reSign: string
     unSupportTpl: string
   }
+
   abstract ecard: {
     chooseText: string
     otherValueText: string
     placeholder: string
   }
+
   abstract timeselect: {
     pickupTime: string
   }
+
   abstract sku: {
     buyNow: string
     buyNumber: string
     addToCart: string
   }
+
   abstract skuheader: {
     skuId: string
   }
+
   abstract addresslist: {
     addAddress: string
     default: string
   }
+
   abstract comment: {
     complaintsText: string
     additionalReview: Function
     additionalImages: Function
   }
+
   abstract infiniteloading: {
     loading: string
     pullTxt: string
     loadMoreTxt: string
   }
+
   abstract pullrefresh: {
     pulling: string
     loosing: string
diff --git a/src/packages/locale/lang/en-US.ts b/src/packages/locale/lang/en-US.ts
index 60bb806e1c..91ddf2bfd6 100644
--- a/src/packages/locale/lang/en-US.ts
+++ b/src/packages/locale/lang/en-US.ts
@@ -11,14 +11,17 @@ class Lang extends BaseLang {
     errorTip: 'Error Tip',
     clickRetry: 'Click Retry'
   }
+
   fixednav = {
     activeText: 'Close Nav',
     unActiveText: 'Open Nav'
   }
+
   pagination = {
     prev: 'Previous',
     next: 'Next'
   }
+
   calendaritem = {
     weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
     end: 'End',
@@ -27,6 +30,7 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}/${month}`,
     today: 'Today'
   }
+
   calendarcard = {
     weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
     end: 'End',
@@ -35,11 +39,13 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}/${month}`,
     today: 'Today'
   }
+
   shortpassword = {
     title: 'Please input a password',
     desc: 'Verify',
     tips: 'Forget password'
   }
+
   uploader = {
     ready: 'Ready',
     readyUpload: 'Ready to upload',
@@ -48,51 +54,62 @@ class Lang extends BaseLang {
     success: 'Upload successful',
     error: 'Upload failed'
   }
+
   countdown = {
     day: ' Day ',
     hour: ' Hour ',
     minute: ' Minute ',
     second: ' Second '
   }
+
   address = {
     selectRegion: 'Select Region',
     deliveryTo: 'Delivery To',
     chooseAnotherAddress: 'Choose Another Address'
   }
+
   signature = {
     reSign: 'Re Sign',
     unSupportTpl: `Sorry, the current browser doesn't support canvas, so we can't use this control!`
   }
+
   ecard = {
     chooseText: 'Select',
     otherValueText: 'Other Value',
     placeholder: 'Placeholder'
   }
+
   timeselect = {
     pickupTime: 'Pickup Time'
   }
+
   sku = {
     buyNow: 'Buy Now',
     buyNumber: 'Buy Number',
     addToCart: 'Add to Cart'
   }
+
   skuheader = {
     skuId: 'Sku Number'
   }
+
   addresslist = {
     addAddress: 'Add New Address',
     default: 'default'
   }
+
   comment = {
     complaintsText: 'I have a complaint',
     additionalReview: (day: number) => `Review after ${day} days of purchase`,
     additionalImages: (length: number) => `There are ${length} follow-up comments`
   }
+
   infiniteloading = {
     loading: 'Loading...',
     pullTxt: 'Loose to refresh',
     loadMoreTxt: 'Oops, this is the bottom'
   }
+
   datepicker = {
     year: 'Year',
     month: 'Month',
@@ -101,6 +118,7 @@ class Lang extends BaseLang {
     min: 'Minute',
     seconds: 'Second'
   }
+
   audiooperate = {
     back: 'Back',
     start: 'Start',
diff --git a/src/packages/locale/lang/id-ID.ts b/src/packages/locale/lang/id-ID.ts
index a4d49e8e79..0dc8b60096 100644
--- a/src/packages/locale/lang/id-ID.ts
+++ b/src/packages/locale/lang/id-ID.ts
@@ -11,14 +11,17 @@ class Lang extends BaseLang {
     errorTip: 'Terjadi Kesalahan',
     clickRetry: 'Coba Lagi'
   }
+
   fixednav = {
     activeText: 'Tutup Navigasi',
     unActiveText: 'Buka Navigasi'
   }
+
   pagination = {
     prev: 'Sebelumnya',
     next: 'Selanjutnya'
   }
+
   calendaritem = {
     weekdays: ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'],
     end: 'Selesai',
@@ -27,6 +30,7 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}/${month}`,
     today: 'Hari ini'
   }
+
   calendarcard = {
     weekdays: ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'],
     end: 'Selesai',
@@ -35,11 +39,13 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}/${month}`,
     today: 'Hari ini'
   }
+
   shortpassword = {
     title: 'SIlakan masukan kata sandi',
     desc: 'Anda telah menggunakan aset virtual, mohon lakukan verifikasi.',
     tips: 'Lupa Kata Sandi'
   }
+
   uploader = {
     ready: 'File berhasil diunggah',
     readyUpload: 'Siap untuk mengunggah',
@@ -48,51 +54,62 @@ class Lang extends BaseLang {
     success: 'Berhasil Diunggah',
     error: 'Gagal Mengunggah'
   }
+
   countdown = {
     day: ' Hari ',
     hour: ' Jam ',
     minute: ' Menit ',
     second: ' Detik '
   }
+
   address = {
     selectRegion: 'Pilih Daerah',
     deliveryTo: 'Kirim Ke',
     chooseAnotherAddress: 'Pilih alamat lain'
   }
+
   signature = {
     reSign: 'Masuk Kembali',
     unSupportTpl: `Maaf, browser Anda saat ini tidak mendukung Canvas, sehingga kita tidak dapat menggunakan kontrol ini!`
   }
+
   ecard = {
     chooseText: 'Pilih',
     otherValueText: 'Jumlah Lain',
     placeholder: 'Kolom Input'
   }
+
   timeselect = {
     pickupTime: 'Waktu Penjemputan'
   }
+
   sku = {
     buyNow: 'Beli Sekarang',
     buyNumber: 'Jumlah Pembelian',
     addToCart: 'Tambahkan ke Keranjang'
   }
+
   skuheader = {
     skuId: 'Nomor SKU'
   }
+
   addresslist = {
     addAddress: 'Tambah Alamat Baru',
     default: 'Bawaan'
   }
+
   comment = {
     complaintsText: 'Saya memiliki komplain',
     additionalReview: (day: number) => `Ulas setelah ${day} hari dari pembelian`,
     additionalImages: (length: number) => `Terdapat ${length} komentar lainnya`
   }
+
   infiniteloading = {
     loading: 'Memuat...',
     pullTxt: 'Lepaskan untuk memperbarui',
     loadMoreTxt: 'Oops, sudah sampai bawah'
   }
+
   datepicker = {
     year: 'Tahun',
     month: 'Bulan',
@@ -101,6 +118,7 @@ class Lang extends BaseLang {
     min: 'Menit',
     seconds: 'Detik'
   }
+
   audiooperate = {
     back: 'kembali',
     start: 'Mulailah',
@@ -108,6 +126,7 @@ class Lang extends BaseLang {
     forward: 'Maju cepat',
     mute: 'Bisu'
   }
+
   pullrefresh = {
     pulling: 'Tarik ke bawah untuk menyegarkan',
     loosing: 'Lepaskan Refresh',
diff --git a/src/packages/locale/lang/zh-CN.ts b/src/packages/locale/lang/zh-CN.ts
index b82fce5bb7..7f4444cf5b 100644
--- a/src/packages/locale/lang/zh-CN.ts
+++ b/src/packages/locale/lang/zh-CN.ts
@@ -11,14 +11,17 @@ class Lang extends BaseLang {
     errorTip: '视频加载失败',
     clickRetry: '点击重试'
   }
+
   fixednav = {
     activeText: '收起导航',
     unActiveText: '快速导航'
   }
+
   pagination = {
     prev: '上一页',
     next: '下一页'
   }
+
   calendaritem = {
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
     end: '结束',
@@ -27,6 +30,7 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}年${month}月`,
     today: '今天'
   }
+
   calendarcard = {
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
     end: '结束',
@@ -35,11 +39,13 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}年${month}月`,
     today: '今天'
   }
+
   shortpassword = {
     title: '请输入密码',
     desc: '您使用了虚拟资产，请进行验证',
     tips: '忘记密码'
   }
+
   uploader = {
     ready: '准备完成',
     readyUpload: '准备上传',
@@ -48,51 +54,62 @@ class Lang extends BaseLang {
     success: '上传成功',
     error: '上传失败'
   }
+
   countdown = {
     day: '天',
     hour: '时',
     minute: '分',
     second: '秒'
   }
+
   address = {
     selectRegion: '请选择所在地区',
     deliveryTo: '配送至',
     chooseAnotherAddress: '选择其他地址'
   }
+
   signature = {
     reSign: '重签',
     unSupportTpl: '对不起，当前浏览器不支持Canvas，无法使用本控件！'
   }
+
   ecard = {
     chooseText: '请选择电子卡面值',
     otherValueText: '其他面值',
     placeholder: '请输入1-5000整数'
   }
+
   timeselect = {
     pickupTime: '取件时间'
   }
+
   sku = {
     buyNow: '立即购买',
     buyNumber: '购买数量',
     addToCart: '加入购物车'
   }
+
   skuheader = {
     skuId: '商品编号'
   }
+
   addresslist = {
     addAddress: '新建地址',
     default: '默认'
   }
+
   comment = {
     complaintsText: '我要投诉',
     additionalReview: (day: number) => `购买${day}天后追评`,
     additionalImages: (length: number) => `${length}张追评图片`
   }
+
   infiniteloading = {
     loading: '加载中...',
     pullTxt: '松开刷新',
     loadMoreTxt: '哎呀，这里是底部了啦'
   }
+
   datepicker = {
     year: '年',
     month: '月',
@@ -101,6 +118,7 @@ class Lang extends BaseLang {
     min: '分',
     seconds: '秒'
   }
+
   audiooperate = {
     back: '倒退',
     start: '开始',
@@ -108,6 +126,7 @@ class Lang extends BaseLang {
     forward: '快进',
     mute: '静音'
   }
+
   pullrefresh = {
     pulling: '下拉刷新',
     loosing: '释放刷新',
diff --git a/src/packages/locale/lang/zh-TW.ts b/src/packages/locale/lang/zh-TW.ts
index 116c1d755b..627ee4417a 100644
--- a/src/packages/locale/lang/zh-TW.ts
+++ b/src/packages/locale/lang/zh-TW.ts
@@ -11,14 +11,17 @@ class Lang extends BaseLang {
     errorTip: '視頻加載失敗',
     clickRetry: '點擊重試'
   }
+
   fixednav = {
     activeText: '收起導航',
     unActiveText: '快速導航'
   }
+
   pagination = {
     prev: '上一頁',
     next: '下一頁'
   }
+
   calendaritem = {
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
     end: '結束',
@@ -27,6 +30,7 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}年${month}月`,
     today: '今天'
   }
+
   calendarcard = {
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
     end: '結束',
@@ -35,11 +39,13 @@ class Lang extends BaseLang {
     monthTitle: (year: number, month: number) => `${year}年${month}月`,
     today: '今天'
   }
+
   shortpassword = {
     title: '請輸入密碼',
     desc: '您使用了虛擬資產,請進行驗證',
     tips: '忘記密碼'
   }
+
   uploader = {
     ready: '準備完成',
     readyUpload: '準備上傳',
@@ -48,51 +54,62 @@ class Lang extends BaseLang {
     success: '上傳成功',
     error: '上傳失敗'
   }
+
   countdown = {
     day: '天',
     hour: '時',
     minute: '分',
     second: '秒'
   }
+
   address = {
     selectRegion: '請選擇所在地區',
     deliveryTo: '配送至',
     chooseAnotherAddress: '選擇其他地址'
   }
+
   signature = {
     reSign: '重簽',
     unSupportTpl: '對不起,當前瀏覽器不支持Canvas,無法使用本控制項！'
   }
+
   ecard = {
     chooseText: '請選擇電子卡面值',
     otherValueText: '其他面值',
     placeholder: '請輸入1-5000整數'
   }
+
   timeselect = {
     pickupTime: '取件時間'
   }
+
   sku = {
     buyNow: '立即購買',
     buyNumber: '購買數量',
     addToCart: '加入購物車'
   }
+
   skuheader = {
     skuId: '商品編號'
   }
+
   addresslist = {
     addAddress: '新建地址',
     default: '默认'
   }
+
   comment = {
     complaintsText: '我要投訴',
     additionalReview: (day: number) => `購買${day}天後追評`,
     additionalImages: (length: number) => `${length}張追評圖片`
   }
+
   infiniteloading = {
     loading: '加載中...',
     pullTxt: '鬆開刷新',
     loadMoreTxt: '哎呀，這裡是底部了啦'
   }
+
   datepicker = {
     year: '年',
     month: '月',
@@ -101,6 +118,7 @@ class Lang extends BaseLang {
     min: '分',
     seconds: '秒'
   }
+
   audiooperate = {
     back: '倒退',
     start: '開始',
@@ -108,6 +126,7 @@ class Lang extends BaseLang {
     forward: '快進',
     mute: '靜音'
   }
+
   pullrefresh = {
     pulling: '下拉刷新',
     loosing: '釋放刷新',
diff --git a/src/packages/utils/Interceptor.ts b/src/packages/utils/Interceptor.ts
index 1239e09bf0..ca52fc22cd 100644
--- a/src/packages/utils/Interceptor.ts
+++ b/src/packages/utils/Interceptor.ts
@@ -14,7 +14,7 @@ export const funInterceptor = (
   }
 ) => {
   if (interceptor) {
-    const returnVal = interceptor.apply(null, args)
+    const returnVal = interceptor(...args)
 
     if (isPromise(returnVal)) {
       returnVal
diff --git a/src/packages/utils/canvas.ts b/src/packages/utils/canvas.ts
index ff845525dc..9039949ee7 100644
--- a/src/packages/utils/canvas.ts
+++ b/src/packages/utils/canvas.ts
@@ -2,8 +2,8 @@ import Taro from '@tarojs/taro'
 import CanvasContext = Taro.CanvasContext
 
 const compareVersion = (v1Old: string, v2Old: string) => {
-  let v1 = v1Old.split('.')
-  let v2 = v2Old.split('.')
+  const v1 = v1Old.split('.')
+  const v2 = v2Old.split('.')
   const len = Math.max(v1.length, v2.length)
 
   while (v1.length < len) {
@@ -32,7 +32,7 @@ const isWeapp = () => {
 }
 
 //////////////////////////////////////////////////////////////////////////////////
-//////// 微信小程序自1.9.90起废除若干个CanvasContext的函数，改为属性，以下为兼容代码
+/// ///// 微信小程序自1.9.90起废除若干个CanvasContext的函数，改为属性，以下为兼容代码
 //////////////////////////////////////////////////////////////////////////////////
 
 function _easyCanvasContextBase(
diff --git a/src/packages/utils/create/component.ts b/src/packages/utils/create/component.ts
index 47f1283741..4a877a06f4 100644
--- a/src/packages/utils/create/component.ts
+++ b/src/packages/utils/create/component.ts
@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue'
 import type { App } from 'vue'
-const camelize = (s: string) => s.replace(/-./g, (x) => x[1].toUpperCase())
+const camelize = (s: string) => s.replace(/-./g, x => x[1].toUpperCase())
 
 export function createComponent(name: string) {
   // TODO: It will be deprecated someday.
diff --git a/src/packages/utils/create/mountComponent.ts b/src/packages/utils/create/mountComponent.ts
index 202f70a4d4..28e55445af 100644
--- a/src/packages/utils/create/mountComponent.ts
+++ b/src/packages/utils/create/mountComponent.ts
@@ -28,10 +28,10 @@ export const CreateComponent = (options: any, component: any) => {
 
   const componens = component.components
 
-  componens &&
-    componens.forEach((comp: Component) => {
-      instance.use(comp)
-    })
+  componens
+  && componens.forEach((comp: Component) => {
+    instance.use(comp)
+  })
 
   elWrap.appendChild(root)
 
diff --git a/src/packages/utils/date.ts b/src/packages/utils/date.ts
index 904ff34185..b963cf7b5c 100644
--- a/src/packages/utils/date.ts
+++ b/src/packages/utils/date.ts
@@ -105,8 +105,8 @@ const Utils = {
   },
   getMonthWeek: function (year: string, month: string, date: string, firstDayOfWeek: number = 0): number {
     const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date))
-    let w = dateNow.getDay() //星期数
-    let d = dateNow.getDate()
+    let w = dateNow.getDay() // 星期数
+    const d = dateNow.getDate()
     let remainder = 6 - w
     if (firstDayOfWeek !== 0) {
       w = w == 0 ? 7 : w
@@ -127,10 +127,10 @@ const Utils = {
     let day = dateNow.getDay()
     if (firstDayOfWeek === 0) {
       const oneDayTime = 24 * 60 * 60 * 1000
-      //显示周日
-      const SundayTime = nowTime - day * oneDayTime //本周的周日
-      //显示周六
-      const SaturdayTime = nowTime + (6 - day) * oneDayTime //本周的周六
+      // 显示周日
+      const SundayTime = nowTime - day * oneDayTime // 本周的周日
+      // 显示周六
+      const SaturdayTime = nowTime + (6 - day) * oneDayTime // 本周的周六
 
       const sunday = this.date2Str(new Date(SundayTime))
       const saturday = this.date2Str(new Date(SaturdayTime))
@@ -138,10 +138,10 @@ const Utils = {
     } else {
       day = day == 0 ? 7 : day
       const oneDayTime = 24 * 60 * 60 * 1000
-      //显示周一
-      const MondayTime = nowTime - (day - 1) * oneDayTime //本周的周一
-      //显示周日
-      const SundayTime = nowTime + (7 - day) * oneDayTime //本周的周日
+      // 显示周一
+      const MondayTime = nowTime - (day - 1) * oneDayTime // 本周的周一
+      // 显示周日
+      const SundayTime = nowTime + (7 - day) * oneDayTime // 本周的周日
 
       const monday = this.date2Str(new Date(MondayTime))
       const sunday = this.date2Str(new Date(SundayTime))
@@ -149,7 +149,7 @@ const Utils = {
     }
   },
   formatResultDate: function (date: string) {
-    let days = [...date.split('-')]
+    const days = [...date.split('-')]
     days[2] = Utils.getNumTwoBit(Number(days[2]))
     days[3] = `${days[0]}-${days[1]}-${days[2]}`
     days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2])
diff --git a/src/packages/utils/raf.ts b/src/packages/utils/raf.ts
index 89b35dceaa..cee937aacc 100644
--- a/src/packages/utils/raf.ts
+++ b/src/packages/utils/raf.ts
@@ -5,9 +5,9 @@ export const inBrowser = typeof window !== 'undefined'
 function requestAniFrame() {
   if (typeof _window !== 'undefined') {
     return (
-      _window.requestAnimationFrame ||
-      _window.webkitRequestAnimationFrame ||
-      function (callback: Function) {
+      _window.requestAnimationFrame
+      || _window.webkitRequestAnimationFrame
+      || function (callback: Function) {
         _window.setTimeout(callback, 1000 / 60)
       }
     )
diff --git a/src/packages/utils/throttle.ts b/src/packages/utils/throttle.ts
index 67d63d36c5..f505b575f9 100644
--- a/src/packages/utils/throttle.ts
+++ b/src/packages/utils/throttle.ts
@@ -22,12 +22,12 @@ export function throttle(fn: Function, delay: number) {
   let timer: number | null = null
   let startTime = Date.now()
 
-  return function () {
-    let now = Date.now()
-    let remaining = delay - (now - startTime)
+  return function (...args: any) {
+    const now = Date.now()
+    const remaining = delay - (now - startTime)
     if (timer) clearTimeout(timer)
     if (remaining <= 0) {
-      fn.apply(null, arguments)
+      fn(...args)
       startTime = Date.now()
     } else {
       timer = setTimeout(fn, remaining)
diff --git a/src/packages/utils/useRect/index.ts b/src/packages/utils/useRect/index.ts
index a0a4aaf1a0..8fcd9c9d46 100644
--- a/src/packages/utils/useRect/index.ts
+++ b/src/packages/utils/useRect/index.ts
@@ -1,11 +1,11 @@
 /**
   获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
-  width 宽度	number
-  height 高度	number
-  top	顶部与视图窗口左上角的距离	number
-  left	左侧与视图窗口左上角的距离	number
-  right	右侧与视图窗口左上角的距离	number
-  bottom	底部与视图窗口左上角的距离	number
+  width 宽度 number
+  height 高度 number
+  top 顶部与视图窗口左上角的距离 number
+  left 左侧与视图窗口左上角的距离 number
+  right 右侧与视图窗口左上角的距离 number
+  bottom 底部与视图窗口左上角的距离 number
  */
 
 import { Ref, unref } from 'vue'
diff --git a/src/packages/utils/useRelation/useChildren.ts b/src/packages/utils/useRelation/useChildren.ts
index 664eaaf824..acae225c6b 100644
--- a/src/packages/utils/useRelation/useChildren.ts
+++ b/src/packages/utils/useRelation/useChildren.ts
@@ -14,12 +14,12 @@ export const useChildren = (key: symbol) => {
 
     const unlink = (child: any) => {
       if (child.proxy) {
-        let internalIndex = internalChildren.indexOf(child)
+        const internalIndex = internalChildren.indexOf(child)
         if (internalIndex > -1) {
           internalChildren.splice(internalIndex, 1)
         }
 
-        let publicIndex = publicChildren.indexOf(child.proxy)
+        const publicIndex = publicChildren.indexOf(child.proxy)
         if (internalIndex > -1) {
           publicChildren.splice(publicIndex, 1)
         }
diff --git a/src/packages/utils/useTaroRect/index.ts b/src/packages/utils/useTaroRect/index.ts
index dfdf6d3f79..0bb9f776d5 100644
--- a/src/packages/utils/useTaroRect/index.ts
+++ b/src/packages/utils/useTaroRect/index.ts
@@ -1,11 +1,11 @@
 /**
   获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
-  width 宽度	number
-  height 高度	number
-  top	顶部与视图窗口左上角的距离	number
-  left	左侧与视图窗口左上角的距离	number
-  right	右侧与视图窗口左上角的距离	number
-  bottom	底部与视图窗口左上角的距离	number
+  width 宽度 number
+  height 高度 number
+  top 顶部与视图窗口左上角的距离 number
+  left 左侧与视图窗口左上角的距离 number
+  right 右侧与视图窗口左上角的距离 number
+  bottom 底部与视图窗口左上角的距离 number
  */
 import Taro from '@tarojs/taro'
 import { Ref, unref } from 'vue'
diff --git a/src/packages/utils/util.ts b/src/packages/utils/util.ts
index ec00d0493d..531e61f1ce 100644
--- a/src/packages/utils/util.ts
+++ b/src/packages/utils/util.ts
@@ -76,8 +76,8 @@ export const getPropByPath = (obj: any, keyPath: string) => {
 }
 
 export const floatData = (format: any, dataOp: any, mapOps: any) => {
-  let mergeFormat = Object.assign({}, format)
-  let mergeMapOps = Object.assign({}, mapOps)
+  const mergeFormat = Object.assign({}, format)
+  const mergeMapOps = Object.assign({}, mapOps)
 
   if (Object.keys(dataOp).length > 0) {
     Object.keys(mergeFormat).forEach((keys) => {
@@ -102,8 +102,8 @@ export const floatData = (format: any, dataOp: any, mapOps: any) => {
 
 export const deepMerge = (target: any, newObj: any) => {
   Object.keys(newObj).forEach((key) => {
-    let targetValue = target[key]
-    let newObjValue = newObj[key]
+    const targetValue = target[key]
+    const newObjValue = newObj[key]
     if (isObject(targetValue) && isObject(newObjValue)) {
       deepMerge(targetValue, newObjValue)
     } else {
diff --git a/src/sites/assets/util/helper.ts b/src/sites/assets/util/helper.ts
index 67c9a601aa..e5c8970674 100644
--- a/src/sites/assets/util/helper.ts
+++ b/src/sites/assets/util/helper.ts
@@ -74,17 +74,17 @@ const extractStyle = (style: string) => {
   // comment
   style = style
     .split('\n')
-    .filter((str) => !/^(\s+)?\/\//.test(str))
+    .filter(str => !/^(\s+)?\/\//.test(str))
     .join('\n')
   // todo: parse mixin
   style = style
     .split('\n')
-    .filter((str) => !/^(\s+)?@include/.test(str))
+    .filter(str => !/^(\s+)?@include/.test(str))
     .join('\n')
 
   style = style.replace(/(?:({|;|\s|\n))[\w-]+:([^;{}]|;base64)+;(?!base64)/g, (matched) => {
     const matchedKey = matched.match(/\$[\w-]+\b/g)
-    if (matchedKey && matchedKey.some((k) => store.variablesMap[k])) {
+    if (matchedKey && matchedKey.some(k => store.variablesMap[k])) {
       return matched
     }
     return ''
@@ -113,7 +113,7 @@ const parseSassVariables = (text: string, components: string[]) => {
 
   const baseVariablesReg = new RegExp(
     `\\$(?!(${matchedComponentVariables
-      .map((item) => (item && `${item.name}|${item.lowerCaseName}`) || '')
+      .map(item => (item && `${item.name}|${item.lowerCaseName}`) || '')
       .join('|')})\\b)[\\w-]+:[^:]+;`,
     'g'
   )
@@ -200,34 +200,34 @@ export const useThemeEditor = function () {
       clearTimeout(timer)
       timer = setTimeout(() => {
         const Sass = (window as any).Sass
-        let beginTime = new Date().getTime()
+        const beginTime = new Date().getTime()
         console.log('sass编译开始', beginTime)
-        Sass &&
-          Sass.compile(css, async (res: Obj) => {
-            const iframe = window as any
-            if (res.text && iframe) {
-              console.log('sass编译成功', new Date().getTime() - beginTime)
-              try {
-                if (!iframe.__styleEl) {
-                  const style = iframe.document.createElement('style')
-                  style.id = 'theme'
-                  iframe.__styleEl = style
-                }
-                iframe.__styleEl.innerHTML = res.text
-                iframe.document.head.appendChild(iframe.__styleEl)
-                console.info('insert success！')
-              } catch (error) {
-                console.error(error)
+        Sass
+        && Sass.compile(css, async (res: Obj) => {
+          const iframe = window as any
+          if (res.text && iframe) {
+            console.log('sass编译成功', new Date().getTime() - beginTime)
+            try {
+              if (!iframe.__styleEl) {
+                const style = iframe.document.createElement('style')
+                style.id = 'theme'
+                iframe.__styleEl = style
               }
-            } else {
-              console.log('sass编译失败', new Date().getTime() - beginTime)
-              console.error(res)
+              iframe.__styleEl.innerHTML = res.text
+              iframe.document.head.appendChild(iframe.__styleEl)
+              console.info('insert success！')
+            } catch (error) {
+              console.error(error)
             }
-
-            if (res.status !== 0 && res.message) {
-              console.log(res.message)
-            }
-          })
+          } else {
+            console.log('sass编译失败', new Date().getTime() - beginTime)
+            console.error(res)
+          }
+
+          if (res.status !== 0 && res.message) {
+            console.log(res.message)
+          }
+        })
       }, 300)
     },
     { immediate: true }
diff --git a/src/sites/assets/util/ref.ts b/src/sites/assets/util/ref.ts
index 4e0831d9dc..8785f39481 100644
--- a/src/sites/assets/util/ref.ts
+++ b/src/sites/assets/util/ref.ts
@@ -5,7 +5,7 @@ export class RefData {
   public static getInstance(): RefData {
     if (this.instance == null) {
       this.instance = new RefData()
-      let localTheme = localStorage.getItem('nutui-theme-color')
+      const localTheme = localStorage.getItem('nutui-theme-color')
       if (localTheme) {
         this.instance.themeColor.value = localTheme
       }
@@ -19,6 +19,7 @@ export class RefData {
   public get themeColor(): Ref<string> {
     return this._themeColor
   }
+
   public set themeColor(v: Ref<string>) {
     this._themeColor = v
   }
diff --git a/src/sites/assets/util/useTranslate.ts b/src/sites/assets/util/useTranslate.ts
index 0c1b5b00b3..73b11396e4 100644
--- a/src/sites/assets/util/useTranslate.ts
+++ b/src/sites/assets/util/useTranslate.ts
@@ -8,9 +8,9 @@ export const useTranslate = <
   },
   T2 extends T1
 >(object: {
-  'zh-CN': T1
-  'en-US': T2
-}) => {
+    'zh-CN': T1
+    'en-US': T2
+  }) => {
   for (const [key, value] of Object.entries(object)) {
     Locale.merge(key, value)
   }
diff --git a/src/sites/doc/components/demo-block/demoBlock.vue b/src/sites/doc/components/demo-block/demoBlock.vue
index c6665dbd7d..72a01dc0f6 100644
--- a/src/sites/doc/components/demo-block/demoBlock.vue
+++ b/src/sites/doc/components/demo-block/demoBlock.vue
@@ -32,27 +32,14 @@
 import { ref, onMounted } from 'vue'
 import { copyCodeHtml, decompressText } from './basedUtil'
 import { getParameters } from 'codesandbox/lib/api/define'
-import codesandboxPackage from './package.json' // 引入josn文件
-import codesandboxtsconfig from './tsconfig.json' // 引入ts文件
+import codesandboxPackage from './package.json?raw' // 引入josn文件
+import codesandboxtsconfig from './tsconfig.json?raw' // 引入ts文件
+import INDEX_HTML from './index.html?raw'
 
 const APP_VUE = `import { createApp } from "vue";
 import App from "./App.vue";
 createApp(App).mount("#app");`
 
-const INDEX_HTML = `<!DOCTYPE html> 
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"><\/script>
-  </body>
-</html>`
-
 const VITE_CONFIG = `// vite.config.js
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
diff --git a/src/sites/doc/components/demo-block/index.html b/src/sites/doc/components/demo-block/index.html
new file mode 100644
index 0000000000..58d0e712f8
--- /dev/null
+++ b/src/sites/doc/components/demo-block/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html> 
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/sites/doc/directive/hover/hover.ts b/src/sites/doc/directive/hover/hover.ts
index 931c57ac1f..deda9cc3fa 100644
--- a/src/sites/doc/directive/hover/hover.ts
+++ b/src/sites/doc/directive/hover/hover.ts
@@ -1,6 +1,6 @@
 export const Hover = {
   mounted(el: HTMLElement) {
-    //绑定事件
+    // 绑定事件
     el.addEventListener('mouseover', () => {
       el.style.color = '#fa2c19'
     })
diff --git a/src/sites/doc/views/Index.vue b/src/sites/doc/views/Index.vue
index dbad7c03d9..92716d8825 100644
--- a/src/sites/doc/views/Index.vue
+++ b/src/sites/doc/views/Index.vue
@@ -16,9 +16,9 @@
   </div>
 </template>
 <script setup lang="ts">
-import { onMounted, reactive, watch } from 'vue'
+import { onMounted, reactive } from 'vue'
 import { nav } from '@/config.json'
-import { onBeforeRouteUpdate, RouteLocationNormalized, useRoute, useRouter } from 'vue-router'
+import { onBeforeRouteUpdate, RouteLocationNormalized, useRoute } from 'vue-router'
 import DocHeader from '@/sites/doc/components/DocHeader.vue'
 import DocNav from '@/sites/doc/components/Nav.vue'
 import DocDemoPreview from '@/sites/doc/components/DemoPreview.vue'
diff --git a/src/sites/mobile/components/Index.vue b/src/sites/mobile/components/Index.vue
index d45afa874c..a72a3ea31d 100644
--- a/src/sites/mobile/components/Index.vue
+++ b/src/sites/mobile/components/Index.vue
@@ -14,7 +14,8 @@
           <template v-for="_package in reorder(_nav.packages)" :key="_package">
             <li v-if="_package.show !== false">
               <router-link :to="`/zh-CN/${_package.name.toLowerCase()}`"
-                >{{ _package.name }}&nbsp;&nbsp;{{ _package.cName }}
+              >
+                {{ _package.name }}&nbsp;&nbsp;{{ _package.cName }}
               </router-link>
               <Right color="#979797" name="right"></Right>
             </li>
diff --git a/src/sites/mobile/router.ts b/src/sites/mobile/router.ts
index 623108bf5f..4385164b0c 100644
--- a/src/sites/mobile/router.ts
+++ b/src/sites/mobile/router.ts
@@ -7,7 +7,7 @@ const findComponentName = (name: string) => {
   for (const key in nav) {
     if (Object.prototype.hasOwnProperty.call(nav, key)) {
       const element = nav[key]
-      const idx = element.packages.findIndex((i) => i.name.toLowerCase() === name)
+      const idx = element.packages.findIndex(i => i.name.toLowerCase() === name)
       if (idx !== -1) {
         return element.packages[idx].name
       }
diff --git a/src/sites/utils/useTranslate.ts b/src/sites/utils/useTranslate.ts
index 0c1b5b00b3..73b11396e4 100644
--- a/src/sites/utils/useTranslate.ts
+++ b/src/sites/utils/useTranslate.ts
@@ -8,9 +8,9 @@ export const useTranslate = <
   },
   T2 extends T1
 >(object: {
-  'zh-CN': T1
-  'en-US': T2
-}) => {
+    'zh-CN': T1
+    'en-US': T2
+  }) => {
   for (const [key, value] of Object.entries(object)) {
     Locale.merge(key, value)
   }