diff --git a/.eslintrc.js b/.eslintrc.js
index 4594b11a3dd7..bcdc0b81b6e8 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,3 +1,6 @@
 module.exports = {
   extends: [require.resolve('@umijs/fabric/dist/eslint')],
+  rules: {
+    "@typescript-eslint/consistent-type-imports": "off",
+  }
 };
diff --git a/.gitignore b/.gitignore
index 0197073507b9..7f93a7b42a89 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,8 +15,6 @@ _roadhog-api-doc
 .DS_Store
 npm-debug.log*
 yarn-error.log
-.jest
-jest/**
 /coverage
 .idea
 package-lock.json
diff --git a/docs/docs/intro.en-US.md b/docs/docs/intro.en-US.md
index 0de0f715369a..965f7b02c27d 100644
--- a/docs/docs/intro.en-US.md
+++ b/docs/docs/intro.en-US.md
@@ -68,7 +68,7 @@ When we clone the project we will see the following directory structure.
 - .fatherrc.ts      * configuration for compile scaffolding
 - .umirc.js         * core configuration for dumi
 - webpack.config.js * configuration file for compiling the umd package
-- jest.config.js    * configuration for the test environment
+- vitest.config.js    * configuration for the test environment
 - lerna.json        * configuration for multiple packages
 - package.json      * configuration for the project
 - tsconfig.json     * configuration for typescript
diff --git a/docs/docs/intro.md b/docs/docs/intro.md
index a2c78fb0c474..1b33a511773f 100644
--- a/docs/docs/intro.md
+++ b/docs/docs/intro.md
@@ -70,7 +70,7 @@ Ant Design 定义了基础的设计规范，对应也提供了大量的基础组
 - .fatherrc.ts       * 编译脚手架的配置
 - .umirc.js          * dumi 的核心配置
 - webpack.config.js  * 编译 umd 包的配置文件
-- jest.config.js     * 测试环境的配置
+- vitest.config.js     * 测试环境的配置
 - lerna.json         * 多包的配置
 - package.json       * 项目的配置
 - tsconfig.json      * typescript 的配置
diff --git a/jest.config.ts b/jest.config.ts
deleted file mode 100644
index f7962fc54a76..000000000000
--- a/jest.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-const { readdirSync } = require('fs');
-const { join } = require('path');
-
-const pkgList = readdirSync(join(__dirname, './packages')).filter(
-  (pkg: string) => pkg.charAt(0) !== '.',
-);
-
-const moduleNameMapper = {
-  '\\.(css|less|sass|scss)$': require.resolve('identity-obj-proxy'),
-};
-
-pkgList.forEach((shortName: string) => {
-  const name = `@ant-design/pro-${shortName}`;
-  moduleNameMapper[name] = join(__dirname, `./packages/${shortName}/src`);
-});
-
-module.exports = {
-  collectCoverageFrom: [
-    'packages/**/src/**/*.{ts,tsx}',
-    '!packages/**/src/**/*.d.ts',
-    '!packages/card/src/components/TabPane/index.tsx',
-    '!packages/**/src/**/typing.ts',
-    '!packages/**/src/demos/**',
-    '!packages/**/src/**/demos/**',
-    '!packages/utils/src/isDeepEqualReact/*.{ts,tsx}',
-    '!packages/utils/src/useMountMergeState/*.{ts,tsx}',
-  ],
-  testEnvironment: 'jsdom',
-  moduleNameMapper,
-  transform: {
-    '^.+\\.(t|j)sx?$': ['esbuild-jest', { sourcemap: true }],
-  },
-  cacheDirectory: './.jest/cache',
-  transformIgnorePatterns: [`/node_modules/(?!${[].join('|')})`],
-  unmockedModulePathPatterns: ['node_modules/react/'],
-  testEnvironmentOptions: {
-    url: 'http://localhost?navTheme=realDark&layout=mix&colorPrimary=techBlue&splitMenus=false&fixedHeader=true',
-  },
-  verbose: true,
-  setupFilesAfterEnv: ['./tests/setupTests.ts'],
-  globals: {
-    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: false,
-    IS_REACT_ACT_ENVIRONMENT: true,
-  },
-};
diff --git a/package.json b/package.json
index 73beaa5c007b..abd80acb48c3 100644
--- a/package.json
+++ b/package.json
@@ -25,9 +25,9 @@
     "site": "npm run build && cross-env SITE_DEPLOY='TRUE' dumi build",
     "start": "npm run version && dumi dev",
     "sync:tnpm": "node -e 'require(\"./scripts/syncTNPM\")()'",
-    "test": "npm run version && cross-env TZ=UTC jest ",
-    "test:coverage": "npm run version && cross-env TZ=UTC TEST_LOG=none jest --coverage",
-    "test:update": "pnpm run version && cross-env TZ=UTC  jest --updateSnapshot",
+    "test": "npm run version && cross-env TZ=UTC vitest ",
+    "test:coverage": "npm run version && cross-env TZ=UTC TEST_LOG=none vitest --coverage",
+    "test:update": "pnpm run version && cross-env TZ=UTC  vitest -u",
     "tsc": "tsc --noEmit",
     "tsc:duplicate": "tsc -p ./tests/tsconfig.duplicate.json",
     "update:deps": "pnpm up --latest",
@@ -72,7 +72,6 @@
     "@types/chroma-js": "^2.4.0",
     "@types/glob": "^8.1.0",
     "@types/history": "^4.7.11",
-    "@types/jest": "^27.5.2",
     "@types/lodash": "^4.14.197",
     "@types/lodash.merge": "^4.6.7",
     "@types/mockjs": "^1.0.7",
@@ -90,6 +89,7 @@
     "@umijs/test": "^3.5.41",
     "@umijs/test-utils": "^3.5.41",
     "@umijs/utils": "^4.0.79",
+    "@vitest/coverage-istanbul": "^0.34.3",
     "animated-scroll-to": "^2.3.0",
     "antd": "^5.8.5",
     "antd-style": "^3.4.4",
@@ -103,9 +103,7 @@
     "dumi": "^2.2.7",
     "dumi-theme-antd-style": "0.25.1",
     "esbuild": "^0.15.18",
-    "esbuild-jest": "^0.5.0",
     "eslint": "^8.48.0",
-    "eslint-plugin-jest": "^27.2.3",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-unicorn": "^47.0.0",
@@ -117,9 +115,7 @@
     "glob": "^8.1.0",
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^8.2.6",
-    "jest": "^29.6.4",
     "jest-canvas-mock": "^2.5.2",
-    "jest-environment-jsdom": "^29.6.4",
     "jest-fetch-mock": "^3.0.3",
     "jsdom": "^19.0.0",
     "lerna": "^3.22.1",
@@ -169,5 +165,8 @@
     "pre-commit": "pretty-quick --staged",
     "commit-msg": "fabric verify-commit"
   },
-  "packageManager": "pnpm@8.6.0"
+  "packageManager": "pnpm@8.6.0",
+  "dependencies": {
+    "vitest": "^0.34.3"
+  }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7e6defbb41c1..93a15df7fbfc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
 
 settings:
   autoInstallPeers: false
@@ -13,6 +13,10 @@ overrides:
 importers:
 
   .:
+    dependencies:
+      vitest:
+        specifier: ^0.34.3
+        version: 0.34.3(jsdom@19.0.0)
     devDependencies:
       '@ant-design/antd-theme-variable':
         specifier: ^1.0.0
@@ -92,9 +96,6 @@ importers:
       '@types/history':
         specifier: ^4.7.11
         version: 4.7.11
-      '@types/jest':
-        specifier: ^27.5.2
-        version: 27.5.2
       '@types/lodash':
         specifier: ^4.14.197
         version: 4.14.197
@@ -133,7 +134,7 @@ importers:
         version: 1.0.5
       '@umijs/fabric':
         specifier: ^4.0.1
-        version: 4.0.1(jest@29.6.4)
+        version: 4.0.1
       '@umijs/plugin-analytics':
         specifier: ^0.2.3
         version: 0.2.3(umi@4.0.79)
@@ -146,6 +147,9 @@ importers:
       '@umijs/utils':
         specifier: ^4.0.79
         version: 4.0.79
+      '@vitest/coverage-istanbul':
+        specifier: ^0.34.3
+        version: 0.34.3(vitest@0.34.3)
       animated-scroll-to:
         specifier: ^2.3.0
         version: 2.3.0
@@ -178,22 +182,16 @@ importers:
         version: 1.11.9
       dumi:
         specifier: ^2.2.7
-        version: 2.2.7(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(stylelint@13.13.1)(typescript@4.8.4)
+        version: 2.2.7(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(stylelint@13.13.1)(typescript@4.8.4)
       dumi-theme-antd-style:
         specifier: 0.25.1
         version: 0.25.1(@ant-design/icons@5.2.6)(@types/react@18.0.38)(antd@5.8.5)(dumi@2.2.7)(react-dom@18.2.0)(react@18.2.0)
       esbuild:
         specifier: ^0.15.18
         version: 0.15.18
-      esbuild-jest:
-        specifier: ^0.5.0
-        version: 0.5.0(esbuild@0.15.18)
       eslint:
         specifier: ^8.48.0
         version: 8.48.0
-      eslint-plugin-jest:
-        specifier: ^27.2.3
-        version: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(jest@29.6.4)(typescript@4.8.4)
       eslint-plugin-react:
         specifier: ^7.33.2
         version: 7.33.2(eslint@8.48.0)
@@ -227,15 +225,9 @@ importers:
       inquirer:
         specifier: ^8.2.6
         version: 8.2.6
-      jest:
-        specifier: ^29.6.4
-        version: 29.6.4(@types/node@14.18.57)(ts-node@10.9.1)
       jest-canvas-mock:
         specifier: ^2.5.2
         version: 2.5.2
-      jest-environment-jsdom:
-        specifier: ^29.6.4
-        version: 29.6.4
       jest-fetch-mock:
         specifier: ^3.0.3
         version: 3.0.3
@@ -349,7 +341,7 @@ importers:
         version: 4.8.4
       umi:
         specifier: ^4.0.79
-        version: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
+        version: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
       umi-request:
         specifier: ^1.4.0
         version: 1.4.0
@@ -2868,7 +2860,6 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-arm64@0.18.20:
@@ -2895,7 +2886,6 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-arm@0.18.20:
@@ -2913,7 +2903,6 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/android-x64@0.18.20:
@@ -2931,7 +2920,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/darwin-arm64@0.18.20:
@@ -2949,7 +2937,6 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/darwin-x64@0.18.20:
@@ -2967,7 +2954,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/freebsd-arm64@0.18.20:
@@ -2985,7 +2971,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/freebsd-x64@0.18.20:
@@ -3003,7 +2988,6 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-arm64@0.18.20:
@@ -3021,7 +3005,6 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-arm@0.18.20:
@@ -3039,7 +3022,6 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-ia32@0.18.20:
@@ -3066,7 +3048,6 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-loong64@0.18.20:
@@ -3084,7 +3065,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-mips64el@0.18.20:
@@ -3102,7 +3082,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-ppc64@0.18.20:
@@ -3120,7 +3099,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-riscv64@0.18.20:
@@ -3138,7 +3116,6 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-s390x@0.18.20:
@@ -3156,7 +3133,6 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/linux-x64@0.18.20:
@@ -3174,7 +3150,6 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/netbsd-x64@0.18.20:
@@ -3192,7 +3167,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/openbsd-x64@0.18.20:
@@ -3210,7 +3184,6 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/sunos-x64@0.18.20:
@@ -3228,7 +3201,6 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-arm64@0.18.20:
@@ -3246,7 +3218,6 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-ia32@0.18.20:
@@ -3264,7 +3235,6 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
   /@esbuild/win32-x64@0.18.20:
@@ -3620,18 +3590,6 @@ packages:
       slash: 3.0.0
     dev: true
 
-  /@jest/console@29.6.4:
-    resolution: {integrity: sha512-wNK6gC0Ha9QeEPSkeJedQuTQqxZYnDPuDcDhVuVatRvMkL4D0VTvFVZj+Yuh6caG2aOfzkUZ36KtCmLNtR02hw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      chalk: 4.1.2
-      jest-message-util: 29.6.3
-      jest-util: 29.6.3
-      slash: 3.0.0
-    dev: true
-
   /@jest/core@26.6.3(ts-node@10.9.1):
     resolution: {integrity: sha512-xvV1kKbhfUqFVuZ8Cyo+JPpipAHHAV3kcDBftiduK8EICXmTFddryy3P7NfZt8Pv37rA9nEJBKCCkglCPt/Xjw==}
     engines: {node: '>= 10.14.2'}
@@ -3672,49 +3630,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@jest/core@29.6.4(ts-node@10.9.1):
-    resolution: {integrity: sha512-U/vq5ccNTSVgYH7mHnodHmCffGWHJnz/E1BEWlLuK5pM4FZmGfBn/nrJGLjUsSmyx3otCeqc1T31F4y08AMDLg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-    peerDependenciesMeta:
-      node-notifier:
-        optional: true
-    dependencies:
-      '@jest/console': 29.6.4
-      '@jest/reporters': 29.6.4
-      '@jest/test-result': 29.6.4
-      '@jest/transform': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      ansi-escapes: 4.3.2
-      chalk: 4.1.2
-      ci-info: 3.8.0
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      jest-changed-files: 29.6.3
-      jest-config: 29.6.4(@types/node@14.18.57)(ts-node@10.9.1)
-      jest-haste-map: 29.6.4
-      jest-message-util: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.6.4
-      jest-resolve-dependencies: 29.6.4
-      jest-runner: 29.6.4
-      jest-runtime: 29.6.4
-      jest-snapshot: 29.6.4
-      jest-util: 29.6.3
-      jest-validate: 29.6.3
-      jest-watcher: 29.6.4
-      micromatch: 4.0.5
-      pretty-format: 29.6.3
-      slash: 3.0.0
-      strip-ansi: 6.0.1
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-    dev: true
-
   /@jest/environment@26.6.2:
     resolution: {integrity: sha512-nFy+fHl28zUrRsCeMB61VDThV1pVTtlEokBRgqPrcT1JNq4yRNIyTHfyht6PqtUvY9IsuLGTrbG8kPXjSZIZwA==}
     engines: {node: '>= 10.14.2'}
@@ -3725,33 +3640,6 @@ packages:
       jest-mock: 26.6.2
     dev: true
 
-  /@jest/environment@29.6.4:
-    resolution: {integrity: sha512-sQ0SULEjA1XUTHmkBRl7A1dyITM9yb1yb3ZNKPX3KlTd6IG7mWUe3e2yfExtC2Zz1Q+mMckOLHmL/qLiuQJrBQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/fake-timers': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      jest-mock: 29.6.3
-    dev: true
-
-  /@jest/expect-utils@29.6.4:
-    resolution: {integrity: sha512-FEhkJhqtvBwgSpiTrocquJCdXPsyvNKcl/n7A3u7X4pVoF4bswm11c9d4AV+kfq2Gpv/mM8x7E7DsRvH+djkrg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      jest-get-type: 29.6.3
-    dev: true
-
-  /@jest/expect@29.6.4:
-    resolution: {integrity: sha512-Warhsa7d23+3X5bLbrbYvaehcgX5TLYhI03JKoedTiI8uJU4IhqYBWF7OSSgUyz4IgLpUYPkK0AehA5/fRclAA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      expect: 29.6.4
-      jest-snapshot: 29.6.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@jest/fake-timers@26.6.2:
     resolution: {integrity: sha512-14Uleatt7jdzefLPYM3KLcnUl1ZNikaKq34enpb5XG9i81JpppDb5muZvonvKyrl7ftEHkKS5L5/eB/kxJ+bvA==}
     engines: {node: '>= 10.14.2'}
@@ -3764,18 +3652,6 @@ packages:
       jest-util: 26.6.2
     dev: true
 
-  /@jest/fake-timers@29.6.4:
-    resolution: {integrity: sha512-6UkCwzoBK60edXIIWb0/KWkuj7R7Qq91vVInOe3De6DSpaEiqjKcJw4F7XUet24Wupahj9J6PlR09JqJ5ySDHw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/types': 29.6.3
-      '@sinonjs/fake-timers': 10.3.0
-      '@types/node': 14.18.57
-      jest-message-util: 29.6.3
-      jest-mock: 29.6.3
-      jest-util: 29.6.3
-    dev: true
-
   /@jest/globals@26.6.2:
     resolution: {integrity: sha512-85Ltnm7HlB/KesBUuALwQ68YTU72w9H2xW9FjZ1eL1U3lhtefjjl5c2MiUbpXt/i6LaPRvoOFJ22yCBSfQ0JIA==}
     engines: {node: '>= 10.14.2'}
@@ -3785,18 +3661,6 @@ packages:
       expect: 26.6.2
     dev: true
 
-  /@jest/globals@29.6.4:
-    resolution: {integrity: sha512-wVIn5bdtjlChhXAzVXavcY/3PEjf4VqM174BM3eGL5kMxLiZD5CLnbmkEyA1Dwh9q8XjP6E8RwjBsY/iCWrWsA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/environment': 29.6.4
-      '@jest/expect': 29.6.4
-      '@jest/types': 29.6.3
-      jest-mock: 29.6.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@jest/reporters@26.6.2:
     resolution: {integrity: sha512-h2bW53APG4HvkOnVMo8q3QXa6pcaNt1HkwVsOPMBV6LD/q9oSpxNSYZQYkAnjdMjrJ86UuYeLo+aEZClV6opnw==}
     engines: {node: '>= 10.14.2'}
@@ -3831,49 +3695,11 @@ packages:
       - supports-color
     dev: true
 
-  /@jest/reporters@29.6.4:
-    resolution: {integrity: sha512-sxUjWxm7QdchdrD3NfWKrL8FBsortZeibSJv4XLjESOOjSUOkjQcb0ZHJwfhEGIvBvTluTzfG2yZWZhkrXJu8g==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-    peerDependenciesMeta:
-      node-notifier:
-        optional: true
-    dependencies:
-      '@bcoe/v8-coverage': 0.2.3
-      '@jest/console': 29.6.4
-      '@jest/test-result': 29.6.4
-      '@jest/transform': 29.6.4
-      '@jest/types': 29.6.3
-      '@jridgewell/trace-mapping': 0.3.19
-      '@types/node': 14.18.57
-      chalk: 4.1.2
-      collect-v8-coverage: 1.0.2
-      exit: 0.1.2
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      istanbul-lib-coverage: 3.2.0
-      istanbul-lib-instrument: 6.0.0
-      istanbul-lib-report: 3.0.1
-      istanbul-lib-source-maps: 4.0.1
-      istanbul-reports: 3.1.6
-      jest-message-util: 29.6.3
-      jest-util: 29.6.3
-      jest-worker: 29.6.4
-      slash: 3.0.0
-      string-length: 4.0.2
-      strip-ansi: 6.0.1
-      v8-to-istanbul: 9.1.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@jest/schemas@29.6.3:
     resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     dependencies:
       '@sinclair/typebox': 0.27.8
-    dev: true
 
   /@jest/source-map@26.6.2:
     resolution: {integrity: sha512-YwYcCwAnNmOVsZ8mr3GfnzdXDAl4LaenZP5z+G0c8bzC9/dugL8zRmxZzdoTl4IaS3CryS1uWnROLPFmb6lVvA==}
@@ -3884,15 +3710,6 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /@jest/source-map@29.6.3:
-    resolution: {integrity: sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
-      callsites: 3.1.0
-      graceful-fs: 4.2.11
-    dev: true
-
   /@jest/test-result@26.6.2:
     resolution: {integrity: sha512-5O7H5c/7YlojphYNrK02LlDIV2GNPYisKwHm2QTKjNZeEzezCbwYs9swJySv2UfPMyZ0VdsmMv7jIlD/IKYQpQ==}
     engines: {node: '>= 10.14.2'}
@@ -3903,16 +3720,6 @@ packages:
       collect-v8-coverage: 1.0.2
     dev: true
 
-  /@jest/test-result@29.6.4:
-    resolution: {integrity: sha512-uQ1C0AUEN90/dsyEirgMLlouROgSY+Wc/JanVVk0OiUKa5UFh7sJpMEM3aoUBAz2BRNvUJ8j3d294WFuRxSyOQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/console': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/istanbul-lib-coverage': 2.0.4
-      collect-v8-coverage: 1.0.2
-    dev: true
-
   /@jest/test-sequencer@26.6.3(ts-node@10.9.1):
     resolution: {integrity: sha512-YHlVIjP5nfEyjlrSr8t/YdNfU/1XEt7c5b4OxcXCjyRhjzLYu/rO69/WHPuYcbCWkz8kAeZVZp2N2+IOLLEPGw==}
     engines: {node: '>= 10.14.2'}
@@ -3930,16 +3737,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /@jest/test-sequencer@29.6.4:
-    resolution: {integrity: sha512-E84M6LbpcRq3fT4ckfKs9ryVanwkaIB0Ws9bw3/yP4seRLg/VaCZ/LgW0MCq5wwk4/iP/qnilD41aj2fsw2RMg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/test-result': 29.6.4
-      graceful-fs: 4.2.11
-      jest-haste-map: 29.6.4
-      slash: 3.0.0
-    dev: true
-
   /@jest/transform@26.6.2:
     resolution: {integrity: sha512-E9JjhUgNzvuQ+vVAL21vlyfy12gP0GhazGgJC4h6qUt1jSdUXGWJ1wfu/X7Sd8etSgxV4ovT1pb9v5D6QW4XgA==}
     engines: {node: '>= 10.14.2'}
@@ -4048,7 +3845,6 @@ packages:
 
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-    dev: true
 
   /@jridgewell/trace-mapping@0.3.19:
     resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==}
@@ -5508,7 +5304,6 @@ packages:
 
   /@sinclair/typebox@0.27.8:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
-    dev: true
 
   /@sindresorhus/is@0.14.0:
     resolution: {integrity: sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==}
@@ -5526,18 +5321,6 @@ packages:
       type-detect: 4.0.8
     dev: true
 
-  /@sinonjs/commons@3.0.0:
-    resolution: {integrity: sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==}
-    dependencies:
-      type-detect: 4.0.8
-    dev: true
-
-  /@sinonjs/fake-timers@10.3.0:
-    resolution: {integrity: sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==}
-    dependencies:
-      '@sinonjs/commons': 3.0.0
-    dev: true
-
   /@sinonjs/fake-timers@6.0.1:
     resolution: {integrity: sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==}
     dependencies:
@@ -5575,7 +5358,7 @@ packages:
     dependencies:
       '@babel/core': 7.22.11
       postcss: 8.4.29
-      postcss-syntax: 0.36.2(postcss@8.4.29)
+      postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -5941,7 +5724,6 @@ packages:
   /@tootallnate/once@2.0.0:
     resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
     engines: {node: '>= 10'}
-    dev: true
 
   /@trysound/sax@0.2.0:
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
@@ -6018,6 +5800,14 @@ packages:
       '@types/responselike': 1.0.0
     dev: true
 
+  /@types/chai-subset@1.3.3:
+    resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==}
+    dependencies:
+      '@types/chai': 4.3.6
+
+  /@types/chai@4.3.6:
+    resolution: {integrity: sha512-VOVRLM1mBxIRxydiViqPcKn6MIxZytrbMpd6RJLIWKxUNr3zux8no0Oc7kJx0WAPIitgZ0gkrDS+btlqQpubpw==}
+
   /@types/chroma-js@2.4.0:
     resolution: {integrity: sha512-JklMxityrwjBTjGY2anH8JaTx3yjRU3/sEHSblLH1ba5lqcSh1LnImXJZO5peJfXyqKYWjHTGy4s5Wz++hARrw==}
     dev: true
@@ -6128,14 +5918,6 @@ packages:
     resolution: {integrity: sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==}
     dev: true
 
-  /@types/jsdom@20.0.1:
-    resolution: {integrity: sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==}
-    dependencies:
-      '@types/node': 14.18.57
-      '@types/tough-cookie': 4.0.2
-      parse5: 7.1.2
-    dev: true
-
   /@types/json-schema@7.0.12:
     resolution: {integrity: sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==}
     dev: true
@@ -6206,7 +5988,6 @@ packages:
 
   /@types/node@14.18.57:
     resolution: {integrity: sha512-AV54VmsNLLPoUm+EBroYLyXQUI8kfG+oFIocRw5DjA6R+8wg7VV1Vqoi9sdjbjk1Zmxhxp+ecLqLdybnfV6MGQ==}
-    dev: true
 
   /@types/node@17.0.45:
     resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==}
@@ -6323,10 +6104,6 @@ packages:
       '@types/jest': 27.5.2
     dev: true
 
-  /@types/tough-cookie@4.0.2:
-    resolution: {integrity: sha512-Q5vtl1W5ue16D+nIaW8JWebSSraJVlK+EthKn7e7UcD4KWsaSJ8BqGPXNaPghgtcn/fhvrN17Tv8ksUsQpiplw==}
-    dev: true
-
   /@types/unist@2.0.8:
     resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==}
     dev: true
@@ -6806,7 +6583,7 @@ packages:
       '@umijs/es-module-parser-win32-x64-msvc': 0.0.7
     dev: true
 
-  /@umijs/fabric@4.0.1(jest@29.6.4):
+  /@umijs/fabric@4.0.1:
     resolution: {integrity: sha512-P1irl1syZ3tXCUdsF88Nr8whFcjiBrtkdA4M9+WW2FBgyh1Ch6SBwSk9uMI4mpdfnG4pGl3JtaWaoBnImrsjeg==}
     hasBin: true
     dependencies:
@@ -6824,7 +6601,7 @@ packages:
       eslint: 8.48.0
       eslint-config-prettier: 8.10.0(eslint@8.48.0)
       eslint-formatter-pretty: 4.1.0
-      eslint-plugin-jest: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(jest@29.6.4)(typescript@4.8.4)
+      eslint-plugin-jest: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(typescript@4.8.4)
       eslint-plugin-react: 7.33.2(eslint@8.48.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.48.0)
       eslint-plugin-unicorn: 47.0.0(eslint@8.48.0)
@@ -6855,7 +6632,7 @@ packages:
       query-string: 6.14.1
     dev: true
 
-  /@umijs/lint@4.0.79(eslint@8.48.0)(jest@29.6.4)(stylelint@13.13.1)(typescript@4.8.4):
+  /@umijs/lint@4.0.79(eslint@8.48.0)(stylelint@13.13.1)(typescript@4.8.4):
     resolution: {integrity: sha512-76N1lBGUIokscwLKVlqNNfqb+sxLEU9wjcBMXYIBo+nuuu982PFBmb+n2ik8vcmhO9ZRv4GrKsmiQu4CHDQrEA==}
     dependencies:
       '@babel/core': 7.21.0
@@ -6864,11 +6641,11 @@ packages:
       '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(typescript@4.8.4)
       '@typescript-eslint/parser': 5.62.0(eslint@8.48.0)(typescript@4.8.4)
       '@umijs/babel-preset-umi': 4.0.79
-      eslint-plugin-jest: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(jest@29.6.4)(typescript@4.8.4)
+      eslint-plugin-jest: 27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(typescript@4.8.4)
       eslint-plugin-react: 7.33.2(eslint@8.48.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.48.0)
       postcss: 8.4.29
-      postcss-syntax: 0.36.2(postcss@8.4.29)
+      postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39)
       stylelint-config-standard: 25.0.0(stylelint@13.13.1)
     transitivePeerDependencies:
       - eslint
@@ -6901,7 +6678,7 @@ packages:
     peerDependencies:
       umi: 3.x
     dependencies:
-      umi: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
+      umi: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
     dev: true
 
   /@umijs/plugin-run@4.0.79:
@@ -7020,7 +6797,7 @@ packages:
       umi: ^3.0.0
     dependencies:
       '@testing-library/react': 13.4.0(react-dom@18.2.0)(react@18.2.0)
-      umi: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
+      umi: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
     dev: true
 
   /@umijs/test@3.5.41(ts-node@10.9.1):
@@ -7111,6 +6888,55 @@ packages:
       - supports-color
     dev: true
 
+  /@vitest/coverage-istanbul@0.34.3(vitest@0.34.3):
+    resolution: {integrity: sha512-RdEGzydbbalyDLmmJ5Qm+T3Lrubw/U9iCnhzM2B1V57t4cVa1t6uyfIHdv68d1au4PRzkLhY7Xouwuhb7BeG+Q==}
+    peerDependencies:
+      vitest: '>=0.32.0 <1'
+    dependencies:
+      istanbul-lib-coverage: 3.2.0
+      istanbul-lib-instrument: 6.0.0
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 4.0.1
+      istanbul-reports: 3.1.6
+      test-exclude: 6.0.0
+      vitest: 0.34.3(jsdom@19.0.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitest/expect@0.34.3:
+    resolution: {integrity: sha512-F8MTXZUYRBVsYL1uoIft1HHWhwDbSzwAU9Zgh8S6WFC3YgVb4AnFV2GXO3P5Em8FjEYaZtTnQYoNwwBrlOMXgg==}
+    dependencies:
+      '@vitest/spy': 0.34.3
+      '@vitest/utils': 0.34.3
+      chai: 4.3.8
+
+  /@vitest/runner@0.34.3:
+    resolution: {integrity: sha512-lYNq7N3vR57VMKMPLVvmJoiN4bqwzZ1euTW+XXYH5kzr3W/+xQG3b41xJn9ChJ3AhYOSoweu974S1V3qDcFESA==}
+    dependencies:
+      '@vitest/utils': 0.34.3
+      p-limit: 4.0.0
+      pathe: 1.1.1
+
+  /@vitest/snapshot@0.34.3:
+    resolution: {integrity: sha512-QyPaE15DQwbnIBp/yNJ8lbvXTZxS00kRly0kfFgAD5EYmCbYcA+1EEyRalc93M0gosL/xHeg3lKAClIXYpmUiQ==}
+    dependencies:
+      magic-string: 0.30.3
+      pathe: 1.1.1
+      pretty-format: 29.6.3
+
+  /@vitest/spy@0.34.3:
+    resolution: {integrity: sha512-N1V0RFQ6AI7CPgzBq9kzjRdPIgThC340DGjdKdPSE8r86aUSmeliTUgkTqLSgtEwWWsGfBQ+UetZWhK0BgJmkQ==}
+    dependencies:
+      tinyspy: 2.1.1
+
+  /@vitest/utils@0.34.3:
+    resolution: {integrity: sha512-kiSnzLG6m/tiT0XEl4U2H8JDBjFtwVlaE8I3QfGiMFR0QvnRDfYfdP3YvTBWM/6iJDAyaPY6yVQiCTUc7ZzTHA==}
+    dependencies:
+      diff-sequences: 29.6.3
+      loupe: 2.3.6
+      pretty-format: 29.6.3
+
   /@zkochan/cmd-shim@3.1.0:
     resolution: {integrity: sha512-o8l0+x7C7sMZU3v9GuJIAU10qQLtwR1dtRQIOmlNMtyaqhmpXOzx1HWiYoWfmmf9HHZoAkXpc9TM9PQYF9d4Jg==}
     engines: {node: '>=6'}
@@ -7130,7 +6956,6 @@ packages:
 
   /abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
-    dev: true
 
   /abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
@@ -7149,14 +6974,6 @@ packages:
     dependencies:
       acorn: 7.4.1
       acorn-walk: 7.2.0
-    dev: true
-
-  /acorn-globals@7.0.1:
-    resolution: {integrity: sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==}
-    dependencies:
-      acorn: 8.10.0
-      acorn-walk: 8.2.0
-    dev: true
 
   /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -7169,24 +6986,20 @@ packages:
   /acorn-walk@7.2.0:
     resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
     engines: {node: '>=0.4.0'}
-    dev: true
 
   /acorn-walk@8.2.0:
     resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
     engines: {node: '>=0.4.0'}
-    dev: true
 
   /acorn@7.4.1:
     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: true
 
   /acorn@8.10.0:
     resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
-    dev: true
 
   /add-dom-event-listener@1.1.0:
     resolution: {integrity: sha512-WCxx1ixHT0GQU9hb0KI/mhgRQhnU+U3GvwY6ZvVjYq8rsihIGoaIOUbY0yMPBxLH5MDtr0kz3fisWGNcbWW7Jw==}
@@ -7215,7 +7028,6 @@ packages:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /agentkeepalive@3.5.2:
     resolution: {integrity: sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==}
@@ -7380,7 +7192,6 @@ packages:
   /ansi-styles@5.2.0:
     resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
     engines: {node: '>=10'}
-    dev: true
 
   /antd-style@3.4.4(@types/react@18.0.38)(antd@5.8.5)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Pf/Ewbnz8s1hcvBLKZO5B5Tmiqs85bFU3itq9vi/7J4MUKWyUgnrn4URtWQV4lUPvhc2qTlPUw68qon484ooaA==}
@@ -7515,7 +7326,6 @@ packages:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
-    dev: true
 
   /aproba@1.2.0:
     resolution: {integrity: sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==}
@@ -7749,6 +7559,9 @@ packages:
       util: 0.10.3
     dev: true
 
+  /assertion-error@1.1.0:
+    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
+
   /assign-symbols@1.0.0:
     resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
     engines: {node: '>=0.10.0'}
@@ -7787,7 +7600,6 @@ packages:
 
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: true
 
   /atob-lite@2.0.0:
     resolution: {integrity: sha512-LEeSAWeh2Gfa2FtlQE1shxQ8zi5F9GHarrGKz08TMdODD5T4eH6BMsvtnhbWZ+XQn+Gb6om/917ucvRu7l7ukw==}
@@ -8216,7 +8028,6 @@ packages:
   /binary-extensions@2.2.0:
     resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
     engines: {node: '>=8'}
-    dev: true
 
   /binaryextensions@2.3.0:
     resolution: {integrity: sha512-nAihlQsYGyc5Bwq6+EsubvANYGExeJKHDO3RjnvwU042fawQTQfM3Kxn7IHUXQOz4bzfwsGYYHGSvXyW4zOGLg==}
@@ -8348,7 +8159,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       fill-range: 7.0.1
-    dev: true
 
   /brorand@1.1.0:
     resolution: {integrity: sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==}
@@ -8356,7 +8166,6 @@ packages:
 
   /browser-process-hrtime@1.0.0:
     resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
-    dev: true
 
   /browserify-aes@1.2.0:
     resolution: {integrity: sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==}
@@ -8515,6 +8324,10 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
   /cacache@10.0.4:
     resolution: {integrity: sha512-Dph0MzuH+rTQzGPNT9fAnrPmMmjKfST6trxJeK7NQuHRaVw24VzPRWTmg9MpcwOVQZO0E1FBICUlFeNaKPIfHA==}
     dependencies:
@@ -8742,6 +8555,18 @@ packages:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
     dev: true
 
+  /chai@4.3.8:
+    resolution: {integrity: sha512-vX4YvVVtxlfSZ2VecZgFUTU5qPCYsobVI2O9FmwEXBhDigYGQA6jRXCycIs1yJnnWbZ6/+a2zNIF5DfVCcJBFQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      assertion-error: 1.1.0
+      check-error: 1.0.2
+      deep-eql: 4.1.3
+      get-func-name: 2.0.0
+      loupe: 2.3.6
+      pathval: 1.1.1
+      type-detect: 4.0.8
+
   /chalk@1.1.3:
     resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
     engines: {node: '>=0.10.0'}
@@ -8815,6 +8640,9 @@ packages:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
     dev: true
 
+  /check-error@1.0.2:
+    resolution: {integrity: sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==}
+
   /chokidar@3.5.1:
     resolution: {integrity: sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==}
     engines: {node: '>= 8.10.0'}
@@ -8843,7 +8671,6 @@ packages:
       readdirp: 3.6.0
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
@@ -8877,10 +8704,6 @@ packages:
     resolution: {integrity: sha512-uc2Vix1frTfnuzxxu1Hp4ktSvM3QaI4oXl4ZUqL1wjTu/BGki9TrCWoqLTg/drR1KwAEarXuRFCG2Svr1GxPFw==}
     dev: true
 
-  /cjs-module-lexer@1.2.3:
-    resolution: {integrity: sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==}
-    dev: true
-
   /class-utils@0.3.6:
     resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
     engines: {node: '>=0.10.0'}
@@ -9185,7 +9008,6 @@ packages:
     engines: {node: '>= 0.8'}
     dependencies:
       delayed-stream: 1.0.0
-    dev: true
 
   /comma-separated-tokens@1.0.8:
     resolution: {integrity: sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw==}
@@ -9440,7 +9262,6 @@ packages:
     resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
     dependencies:
       is-what: 3.14.1
-    dev: true
 
   /copy-concurrently@1.0.5:
     resolution: {integrity: sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==}
@@ -9809,7 +9630,6 @@ packages:
 
   /cssom@0.3.8:
     resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
-    dev: true
 
   /cssom@0.4.4:
     resolution: {integrity: sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==}
@@ -9817,14 +9637,12 @@ packages:
 
   /cssom@0.5.0:
     resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
-    dev: true
 
   /cssstyle@2.3.0:
     resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
     engines: {node: '>=8'}
     dependencies:
       cssom: 0.3.8
-    dev: true
 
   /csstype@3.1.2:
     resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
@@ -9886,7 +9704,6 @@ packages:
       abab: 2.0.6
       whatwg-mimetype: 3.0.0
       whatwg-url: 11.0.0
-    dev: true
 
   /datauri@3.0.0:
     resolution: {integrity: sha512-NeDFuUPV1YCpCn8MUIcDk1QnuyenUHs7f4Q5P0n9FFA0neKFrfEH9esR+YMW95BplbYfdmjbs0Pl/ZGAaM2QHQ==}
@@ -9938,7 +9755,6 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.3
-    dev: true
 
   /debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
@@ -9950,7 +9766,6 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.2
-    dev: true
 
   /debuglog@1.0.1:
     resolution: {integrity: sha512-syBZ+rnAK3EgMsH2aYEOLUW7mZSY9Gb+0wUMCFsZvcmiz+HigA0LOcq/HoQqVuGG+EKykunc7QG2bzrponfaSw==}
@@ -9977,7 +9792,6 @@ packages:
 
   /decimal.js@10.4.3:
     resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
-    dev: true
 
   /decode-named-character-reference@1.0.2:
     resolution: {integrity: sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==}
@@ -10008,14 +9822,11 @@ packages:
     resolution: {integrity: sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==}
     dev: true
 
-  /dedent@1.5.1:
-    resolution: {integrity: sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==}
-    peerDependencies:
-      babel-plugin-macros: ^3.1.0
-    peerDependenciesMeta:
-      babel-plugin-macros:
-        optional: true
-    dev: true
+  /deep-eql@4.1.3:
+    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
+    engines: {node: '>=6'}
+    dependencies:
+      type-detect: 4.0.8
 
   /deep-equal@2.2.2:
     resolution: {integrity: sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==}
@@ -10151,7 +9962,6 @@ packages:
   /delayed-stream@1.0.0:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
-    dev: true
 
   /delegates@1.0.0:
     resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
@@ -10233,7 +10043,6 @@ packages:
   /diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dev: true
 
   /diff@4.0.2:
     resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
@@ -10347,7 +10156,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       webidl-conversions: 7.0.0
-    dev: true
 
   /domhandler@2.4.2:
     resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
@@ -10444,7 +10252,7 @@ packages:
       chalk: 4.1.2
       chroma-js: 2.4.2
       copy-to-clipboard: 3.3.3
-      dumi: 2.2.7(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(stylelint@13.13.1)(typescript@4.8.4)
+      dumi: 2.2.7(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(stylelint@13.13.1)(typescript@4.8.4)
       fast-deep-equal: 3.1.3
       lodash: 4.17.21
       polished: 4.2.2
@@ -10463,7 +10271,7 @@ packages:
       - immer
     dev: true
 
-  /dumi@2.2.7(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(stylelint@13.13.1)(typescript@4.8.4):
+  /dumi@2.2.7(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(stylelint@13.13.1)(typescript@4.8.4):
     resolution: {integrity: sha512-6yM6Wr/YhVyOvvaiI/1NQWUkuZ48SLqUf5Mow4Dv9KaHP2KPI756WwWmzJS58JbYYyQDsEEc14j+lRZuyvJzBA==}
     hasBin: true
     peerDependencies:
@@ -10526,7 +10334,7 @@ packages:
       remark-rehype: 10.1.0
       sass: 1.66.1
       sitemap: 7.1.1
-      umi: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
+      umi: 4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4)
       unified: 10.1.2
       unist-util-visit: 4.1.2
       unist-util-visit-parents: 5.1.3
@@ -10648,11 +10456,6 @@ packages:
     resolution: {integrity: sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==}
     dev: true
 
-  /emittery@0.13.1:
-    resolution: {integrity: sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==}
-    engines: {node: '>=12'}
-    dev: true
-
   /emittery@0.7.2:
     resolution: {integrity: sha512-A8OG5SR/ij3SsJdWDJdkkSYUjQdCUx6APQXem0SaEePBSRg4eymGYwBkKo1Y6DU+af/Jn2dBQqDBvjnr9Vi8nQ==}
     engines: {node: '>=10'}
@@ -10751,7 +10554,6 @@ packages:
     requiresBuild: true
     dependencies:
       prr: 1.0.1
-    dev: true
     optional: true
 
   /error-ex@1.3.2:
@@ -10940,19 +10742,6 @@ packages:
     dev: true
     optional: true
 
-  /esbuild-jest@0.5.0(esbuild@0.15.18):
-    resolution: {integrity: sha512-AMZZCdEpXfNVOIDvURlqYyHwC8qC1/BFjgsrOiSL1eyiIArVtHL8YAC83Shhn16cYYoAWEW17yZn0W/RJKJKHQ==}
-    peerDependencies:
-      esbuild: '>=0.8.50'
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/plugin-transform-modules-commonjs': 7.22.11(@babel/core@7.22.11)
-      babel-jest: 26.6.3(@babel/core@7.22.11)
-      esbuild: 0.15.18
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /esbuild-linux-32@0.15.18:
     resolution: {integrity: sha512-lphF3HiCSYtaa9p1DtXndiQEeQDKPl9eN/XNoBf2amEghugNuqXNZA/ZovthNE2aa4EN43WroO0B85xVSjYkbg==}
     engines: {node: '>=12'}
@@ -11143,7 +10932,6 @@ packages:
       '@esbuild/win32-arm64': 0.17.19
       '@esbuild/win32-ia32': 0.17.19
       '@esbuild/win32-x64': 0.17.19
-    dev: true
 
   /esbuild@0.18.20:
     resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
@@ -11224,7 +11012,6 @@ packages:
       esutils: 2.0.3
     optionalDependencies:
       source-map: 0.6.1
-    dev: true
 
   /eslint-config-prettier@8.10.0(eslint@8.48.0):
     resolution: {integrity: sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==}
@@ -11249,7 +11036,7 @@ packages:
       supports-hyperlinks: 2.3.0
     dev: true
 
-  /eslint-plugin-jest@27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(jest@29.6.4)(typescript@4.8.4):
+  /eslint-plugin-jest@27.2.3(@typescript-eslint/eslint-plugin@5.62.0)(eslint@8.48.0)(typescript@4.8.4):
     resolution: {integrity: sha512-sRLlSCpICzWuje66Gl9zvdF6mwD5X86I4u55hJyFBsxYOsBCmT5+kSUjf+fkFWVMMgpzNEupjW8WzUqi83hJAQ==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
     peerDependencies:
@@ -11265,7 +11052,6 @@ packages:
       '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0)(eslint@8.48.0)(typescript@4.8.4)
       '@typescript-eslint/utils': 5.62.0(eslint@8.48.0)(typescript@4.8.4)
       eslint: 8.48.0
-      jest: 29.6.4(@types/node@14.18.57)(ts-node@10.9.1)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -11424,7 +11210,6 @@ packages:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
     hasBin: true
-    dev: true
 
   /esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
@@ -11448,7 +11233,6 @@ packages:
   /estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
-    dev: true
 
   /estree-util-attach-comments@2.1.1:
     resolution: {integrity: sha512-+5Ba/xGGS6mnwFbXIuQiDPTbuTxuMCooq3arVv7gPZtYpjp+VXH/NkHAP35OOefPhNG/UGqU3vt/LTABwcHX0w==}
@@ -11478,7 +11262,6 @@ packages:
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /etag@1.8.1:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
@@ -11646,17 +11429,6 @@ packages:
       jest-regex-util: 26.0.0
     dev: true
 
-  /expect@29.6.4:
-    resolution: {integrity: sha512-F2W2UyQ8XYyftHT57dtfg8Ue3X5qLgm2sSug0ivvLRH/VKNRL/pDxg/TH7zVzbQB0tu80clNFy6LU7OS/VSEKA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/expect-utils': 29.6.4
-      jest-get-type: 29.6.3
-      jest-matcher-utils: 29.6.4
-      jest-message-util: 29.6.3
-      jest-util: 29.6.3
-    dev: true
-
   /express@4.18.2:
     resolution: {integrity: sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==}
     engines: {node: '>= 0.10.0'}
@@ -11960,7 +11732,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       to-regex-range: 5.0.1
-    dev: true
 
   /filter-obj@1.1.0:
     resolution: {integrity: sha512-8rXg1ZnX7xzy2NGDVkBVaAy+lSlPNwad13BtgSlLuxfIslyt5Vg64U7tFcCt4WS1R0hvtnQybT/IyCkGZ3DpXQ==}
@@ -12163,7 +11934,6 @@ packages:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
-    dev: true
 
   /format@0.2.2:
     resolution: {integrity: sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==}
@@ -12290,7 +12060,6 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
   /function-bind@1.1.1:
@@ -12342,6 +12111,9 @@ packages:
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
+  /get-func-name@2.0.0:
+    resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==}
+
   /get-intrinsic@1.2.1:
     resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
     dependencies:
@@ -12557,7 +12329,6 @@ packages:
     engines: {node: '>= 6'}
     dependencies:
       is-glob: 4.0.3
-    dev: true
 
   /glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
@@ -12803,7 +12574,6 @@ packages:
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
-    dev: true
 
   /graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
@@ -13215,7 +12985,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       whatwg-encoding: 2.0.0
-    dev: true
 
   /html-entities@2.4.0:
     resolution: {integrity: sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==}
@@ -13379,7 +13148,6 @@ packages:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /http-signature@1.2.0:
     resolution: {integrity: sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==}
@@ -13412,7 +13180,6 @@ packages:
       debug: 4.3.4
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /human-signals@1.1.1:
     resolution: {integrity: sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==}
@@ -13451,7 +13218,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       safer-buffer: 2.1.2
-    dev: true
 
   /icss-utils@5.1.0(postcss@8.4.29):
     resolution: {integrity: sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==}
@@ -13504,7 +13270,6 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
     requiresBuild: true
-    dev: true
     optional: true
 
   /image-size@0.8.3:
@@ -13517,7 +13282,6 @@ packages:
 
   /immutable@4.3.4:
     resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
-    dev: true
 
   /import-fresh@2.0.0:
     resolution: {integrity: sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==}
@@ -13841,7 +13605,6 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
-    dev: true
 
   /is-boolean-object@1.1.2:
     resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
@@ -13998,7 +13761,6 @@ packages:
   /is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /is-finalizationregistry@1.0.2:
     resolution: {integrity: sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==}
@@ -14052,7 +13814,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dependencies:
       is-extglob: 2.1.1
-    dev: true
 
   /is-hexadecimal@1.0.4:
     resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
@@ -14127,7 +13888,6 @@ packages:
   /is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
-    dev: true
 
   /is-obj@1.0.1:
     resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
@@ -14206,7 +13966,6 @@ packages:
 
   /is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
-    dev: true
 
   /is-promise@2.2.2:
     resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
@@ -14343,7 +14102,6 @@ packages:
 
   /is-what@3.14.1:
     resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
-    dev: true
 
   /is-windows@0.2.0:
     resolution: {integrity: sha512-n67eJYmXbniZB7RF4I/FTjK1s6RPOCTxhYrVYLRaCt3lF0mpWZPKr3T2LSZAqyjQsxR2qMmGYXXzK0YWwcPM1Q==}
@@ -14527,44 +14285,6 @@ packages:
       throat: 5.0.0
     dev: true
 
-  /jest-changed-files@29.6.3:
-    resolution: {integrity: sha512-G5wDnElqLa4/c66ma5PG9eRjE342lIbF6SUnTJi26C3J28Fv2TVY2rOyKB9YGbSA5ogwevgmxc4j4aVjrEK6Yg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      execa: 5.1.1
-      jest-util: 29.6.3
-      p-limit: 3.1.0
-    dev: true
-
-  /jest-circus@29.6.4:
-    resolution: {integrity: sha512-YXNrRyntVUgDfZbjXWBMPslX1mQ8MrSG0oM/Y06j9EYubODIyHWP8hMUbjbZ19M3M+zamqEur7O80HODwACoJw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/environment': 29.6.4
-      '@jest/expect': 29.6.4
-      '@jest/test-result': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      chalk: 4.1.2
-      co: 4.6.0
-      dedent: 1.5.1
-      is-generator-fn: 2.1.0
-      jest-each: 29.6.3
-      jest-matcher-utils: 29.6.4
-      jest-message-util: 29.6.3
-      jest-runtime: 29.6.4
-      jest-snapshot: 29.6.4
-      jest-util: 29.6.3
-      p-limit: 3.1.0
-      pretty-format: 29.6.3
-      pure-rand: 6.0.2
-      slash: 3.0.0
-      stack-utils: 2.0.6
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-    dev: true
-
   /jest-cli@26.6.3(ts-node@10.9.1):
     resolution: {integrity: sha512-GF9noBSa9t08pSyl3CY4frMrqp+aQXFGFkf5hEPbh/pIUFYWMK6ZLTfbmadxJVcJrdRoChlWQsA2VkJcDFK8hg==}
     engines: {node: '>= 10.14.2'}
@@ -14591,35 +14311,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jest-cli@29.6.4(@types/node@14.18.57)(ts-node@10.9.1):
-    resolution: {integrity: sha512-+uMCQ7oizMmh8ZwRfZzKIEszFY9ksjjEQnTEMTaL7fYiL3Kw4XhqT9bYh+A4DQKUb67hZn2KbtEnDuHvcgK4pQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    hasBin: true
-    peerDependencies:
-      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-    peerDependenciesMeta:
-      node-notifier:
-        optional: true
-    dependencies:
-      '@jest/core': 29.6.4(ts-node@10.9.1)
-      '@jest/test-result': 29.6.4
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      exit: 0.1.2
-      graceful-fs: 4.2.11
-      import-local: 3.1.0
-      jest-config: 29.6.4(@types/node@14.18.57)(ts-node@10.9.1)
-      jest-util: 29.6.3
-      jest-validate: 29.6.3
-      prompts: 2.4.2
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-    dev: true
-
   /jest-config@26.6.3(ts-node@10.9.1):
     resolution: {integrity: sha512-t5qdIj/bCj2j7NFVHb2nFB4aUdfucDn3JRKgrZnplb8nieAirAzRSHP8uDEd+qV6ygzg9Pz4YG7UTJf94LPSyg==}
     engines: {node: '>= 10.14.2'}
@@ -14655,47 +14346,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jest-config@29.6.4(@types/node@14.18.57)(ts-node@10.9.1):
-    resolution: {integrity: sha512-JWohr3i9m2cVpBumQFv2akMEnFEPVOh+9L2xIBJhJ0zOaci2ZXuKJj0tgMKQCBZAKA09H049IR4HVS/43Qb19A==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      '@types/node': '*'
-      ts-node: '>=9.0.0'
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      ts-node:
-        optional: true
-    dependencies:
-      '@babel/core': 7.22.11
-      '@jest/test-sequencer': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      babel-jest: 29.6.4(@babel/core@7.22.11)
-      chalk: 4.1.2
-      ci-info: 3.8.0
-      deepmerge: 4.3.1
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-circus: 29.6.4
-      jest-environment-node: 29.6.4
-      jest-get-type: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.6.4
-      jest-runner: 29.6.4
-      jest-util: 29.6.3
-      jest-validate: 29.6.3
-      micromatch: 4.0.5
-      parse-json: 5.2.0
-      pretty-format: 29.6.3
-      slash: 3.0.0
-      strip-json-comments: 3.1.1
-      ts-node: 10.9.1(@types/node@14.18.57)(typescript@4.8.4)
-    transitivePeerDependencies:
-      - babel-plugin-macros
-      - supports-color
-    dev: true
-
   /jest-diff@26.6.2:
     resolution: {integrity: sha512-6m+9Z3Gv9wN0WFVasqjCL/06+EFCMTqDEUl/b87HYK2rAPTyfz4ZIuSlPhY51PIQRWx5TaxeF1qmXKe9gfN3sA==}
     engines: {node: '>= 10.14.2'}
@@ -14716,16 +14366,6 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /jest-diff@29.6.4:
-    resolution: {integrity: sha512-9F48UxR9e4XOEZvoUXEHSWY4qC4zERJaOfrbBg9JpbJOO43R1vN76REt/aMGZoY6GD5g84nnJiBIVlscegefpw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      chalk: 4.1.2
-      diff-sequences: 29.6.3
-      jest-get-type: 29.6.3
-      pretty-format: 29.6.3
-    dev: true
-
   /jest-docblock@26.0.0:
     resolution: {integrity: sha512-RDZ4Iz3QbtRWycd8bUEPxQsTlYazfYn/h5R65Fc6gOfwozFhoImx+affzky/FFBuqISPTqjXomoIGJVKBWoo0w==}
     engines: {node: '>= 10.14.2'}
@@ -14733,13 +14373,6 @@ packages:
       detect-newline: 3.1.0
     dev: true
 
-  /jest-docblock@29.6.3:
-    resolution: {integrity: sha512-2+H+GOTQBEm2+qFSQ7Ma+BvyV+waiIFxmZF5LdpBsAEjWX8QYjSCa4FrkIYtbfXUJJJnFCYrOtt6TZ+IAiTjBQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      detect-newline: 3.1.0
-    dev: true
-
   /jest-each@26.6.2:
     resolution: {integrity: sha512-Mer/f0KaATbjl8MCJ+0GEpNdqmnVmDYqCTJYTvoo7rqmRiDllmp2AYN+06F93nXcY3ur9ShIjS+CO/uD+BbH4A==}
     engines: {node: '>= 10.14.2'}
@@ -14751,17 +14384,6 @@ packages:
       pretty-format: 26.6.2
     dev: true
 
-  /jest-each@29.6.3:
-    resolution: {integrity: sha512-KoXfJ42k8cqbkfshW7sSHcdfnv5agDdHCPA87ZBdmHP+zJstTJc0ttQaJ/x7zK6noAL76hOuTIJ6ZkQRS5dcyg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/types': 29.6.3
-      chalk: 4.1.2
-      jest-get-type: 29.6.3
-      jest-util: 29.6.3
-      pretty-format: 29.6.3
-    dev: true
-
   /jest-environment-jsdom@26.6.2:
     resolution: {integrity: sha512-jgPqCruTlt3Kwqg5/WVFyHIOJHsiAvhcp2qiR2QQstuG9yWox5+iHpU3ZrcBxW14T4fe5Z68jAfLRh7joCSP2Q==}
     engines: {node: '>= 10.14.2'}
@@ -14780,29 +14402,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jest-environment-jsdom@29.6.4:
-    resolution: {integrity: sha512-K6wfgUJ16DoMs02JYFid9lOsqfpoVtyJxpRlnTxUHzvZWBnnh2VNGRB9EC1Cro96TQdq5TtSjb3qUjNaJP9IyA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      canvas: ^2.5.0
-    peerDependenciesMeta:
-      canvas:
-        optional: true
-    dependencies:
-      '@jest/environment': 29.6.4
-      '@jest/fake-timers': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/jsdom': 20.0.1
-      '@types/node': 14.18.57
-      jest-mock: 29.6.3
-      jest-util: 29.6.3
-      jsdom: 20.0.3
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: true
-
   /jest-environment-node@26.6.2:
     resolution: {integrity: sha512-zhtMio3Exty18dy8ee8eJ9kjnRyZC1N4C1Nt/VShN1apyXc8rWGtJ9lI7vqiWcyyXS4BVSEn9lxAM2D+07/Tag==}
     engines: {node: '>= 10.14.2'}
@@ -14815,18 +14414,6 @@ packages:
       jest-util: 26.6.2
     dev: true
 
-  /jest-environment-node@29.6.4:
-    resolution: {integrity: sha512-i7SbpH2dEIFGNmxGCpSc2w9cA4qVD+wfvg2ZnfQ7XVrKL0NA5uDVBIiGH8SR4F0dKEv/0qI5r+aDomDf04DpEQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/environment': 29.6.4
-      '@jest/fake-timers': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      jest-mock: 29.6.3
-      jest-util: 29.6.3
-    dev: true
-
   /jest-fetch-mock@3.0.3:
     resolution: {integrity: sha512-Ux1nWprtLrdrH4XwE7O7InRY6psIi3GOsqNESJgMJ+M5cv4A8Lh7SN9d2V2kKRZ8ebAfcd1LNyZguAOb6JiDqw==}
     dependencies:
@@ -14846,11 +14433,6 @@ packages:
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
     dev: true
 
-  /jest-get-type@29.6.3:
-    resolution: {integrity: sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dev: true
-
   /jest-haste-map@26.6.2:
     resolution: {integrity: sha512-easWIJXIw71B2RdR8kgqpjQrbMRWQBgiBwXYEhtGUTaX+doCjBheluShdDMeR8IMfJiTqH4+zfhtg29apJf/8w==}
     engines: {node: '>= 10.14.2'}
@@ -14931,14 +14513,6 @@ packages:
       pretty-format: 26.6.2
     dev: true
 
-  /jest-leak-detector@29.6.3:
-    resolution: {integrity: sha512-0kfbESIHXYdhAdpLsW7xdwmYhLf1BRu4AA118/OxFm0Ho1b2RcTmO4oF6aAMaxpxdxnJ3zve2rgwzNBD4Zbm7Q==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      jest-get-type: 29.6.3
-      pretty-format: 29.6.3
-    dev: true
-
   /jest-matcher-utils@26.6.2:
     resolution: {integrity: sha512-llnc8vQgYcNqDrqRDXWwMr9i7rS5XFiCwvh6DTP7Jqa2mqpcCBBlpCbn+trkG0KNhPu/h8rzyBkriOtBstvWhw==}
     engines: {node: '>= 10.14.2'}
@@ -14959,16 +14533,6 @@ packages:
       pretty-format: 27.5.1
     dev: true
 
-  /jest-matcher-utils@29.6.4:
-    resolution: {integrity: sha512-KSzwyzGvK4HcfnserYqJHYi7sZVqdREJ9DMPAKVbS98JsIAvumihaNUbjrWw0St7p9IY7A9UskCW5MYlGmBQFQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      chalk: 4.1.2
-      jest-diff: 29.6.4
-      jest-get-type: 29.6.3
-      pretty-format: 29.6.3
-    dev: true
-
   /jest-message-util@26.6.2:
     resolution: {integrity: sha512-rGiLePzQ3AzwUshu2+Rn+UMFk0pHN58sOG+IaJbk5Jxuqo3NYO1U2/MIR4S1sKgsoYSXSzdtSa0TgrmtUwEbmA==}
     engines: {node: '>= 10.14.2'}
@@ -14984,21 +14548,6 @@ packages:
       stack-utils: 2.0.6
     dev: true
 
-  /jest-message-util@29.6.3:
-    resolution: {integrity: sha512-FtzaEEHzjDpQp51HX4UMkPZjy46ati4T5pEMyM6Ik48ztu4T9LQplZ6OsimHx7EuM9dfEh5HJa6D3trEftu3dA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@babel/code-frame': 7.22.13
-      '@jest/types': 29.6.3
-      '@types/stack-utils': 2.0.1
-      chalk: 4.1.2
-      graceful-fs: 4.2.11
-      micromatch: 4.0.5
-      pretty-format: 29.6.3
-      slash: 3.0.0
-      stack-utils: 2.0.6
-    dev: true
-
   /jest-mock@26.6.2:
     resolution: {integrity: sha512-YyFjePHHp1LzpzYcmgqkJ0nm0gg/lJx2aZFzFy1S6eUqNjXsOqTK10zNRff2dNfssgokjkG65OlWNcIlgd3zew==}
     engines: {node: '>= 10.14.2'}
@@ -15007,15 +14556,6 @@ packages:
       '@types/node': 14.18.57
     dev: true
 
-  /jest-mock@29.6.3:
-    resolution: {integrity: sha512-Z7Gs/mOyTSR4yPsaZ72a/MtuK6RnC3JYqWONe48oLaoEcYwEDxqvbXz85G4SJrm2Z5Ar9zp6MiHF4AlFlRM4Pg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      jest-util: 29.6.3
-    dev: true
-
   /jest-pnp-resolver@1.2.3(jest-resolve@26.6.2):
     resolution: {integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==}
     engines: {node: '>=6'}
@@ -15028,18 +14568,6 @@ packages:
       jest-resolve: 26.6.2
     dev: true
 
-  /jest-pnp-resolver@1.2.3(jest-resolve@29.6.4):
-    resolution: {integrity: sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==}
-    engines: {node: '>=6'}
-    peerDependencies:
-      jest-resolve: '*'
-    peerDependenciesMeta:
-      jest-resolve:
-        optional: true
-    dependencies:
-      jest-resolve: 29.6.4
-    dev: true
-
   /jest-regex-util@26.0.0:
     resolution: {integrity: sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==}
     engines: {node: '>= 10.14.2'}
@@ -15061,16 +14589,6 @@ packages:
       - supports-color
     dev: true
 
-  /jest-resolve-dependencies@29.6.4:
-    resolution: {integrity: sha512-7+6eAmr1ZBF3vOAJVsfLj1QdqeXG+WYhidfLHBRZqGN24MFRIiKG20ItpLw2qRAsW/D2ZUUmCNf6irUr/v6KHA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      jest-regex-util: 29.6.3
-      jest-snapshot: 29.6.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /jest-resolve@26.6.2:
     resolution: {integrity: sha512-sOxsZOq25mT1wRsfHcbtkInS+Ek7Q8jCHUB0ZUTP0tc/c41QHriU/NunqMfCUWsL4H3MHpvQD4QR9kSYhS7UvQ==}
     engines: {node: '>= 10.14.2'}
@@ -15085,21 +14603,6 @@ packages:
       slash: 3.0.0
     dev: true
 
-  /jest-resolve@29.6.4:
-    resolution: {integrity: sha512-fPRq+0vcxsuGlG0O3gyoqGTAxasagOxEuyoxHeyxaZbc9QNek0AmJWSkhjlMG+mTsj+8knc/mWb3fXlRNVih7Q==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      chalk: 4.1.2
-      graceful-fs: 4.2.11
-      jest-haste-map: 29.6.4
-      jest-pnp-resolver: 1.2.3(jest-resolve@29.6.4)
-      jest-util: 29.6.3
-      jest-validate: 29.6.3
-      resolve: 1.22.4
-      resolve.exports: 2.0.2
-      slash: 3.0.0
-    dev: true
-
   /jest-runner@26.6.3(ts-node@10.9.1):
     resolution: {integrity: sha512-atgKpRHnaA2OvByG/HpGA4g6CSPS/1LK0jK3gATJAoptC1ojltpmVlYC3TYgdmGp+GLuhzpH30Gvs36szSL2JQ==}
     engines: {node: '>= 10.14.2'}
@@ -15132,35 +14635,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jest-runner@29.6.4:
-    resolution: {integrity: sha512-SDaLrMmtVlQYDuG0iSPYLycG8P9jLI+fRm8AF/xPKhYDB2g6xDWjXBrR5M8gEWsK6KVFlebpZ4QsrxdyIX1Jaw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/console': 29.6.4
-      '@jest/environment': 29.6.4
-      '@jest/test-result': 29.6.4
-      '@jest/transform': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      chalk: 4.1.2
-      emittery: 0.13.1
-      graceful-fs: 4.2.11
-      jest-docblock: 29.6.3
-      jest-environment-node: 29.6.4
-      jest-haste-map: 29.6.4
-      jest-leak-detector: 29.6.3
-      jest-message-util: 29.6.3
-      jest-resolve: 29.6.4
-      jest-runtime: 29.6.4
-      jest-util: 29.6.3
-      jest-watcher: 29.6.4
-      jest-worker: 29.6.4
-      p-limit: 3.1.0
-      source-map-support: 0.5.13
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /jest-runtime@26.6.3(ts-node@10.9.1):
     resolution: {integrity: sha512-lrzyR3N8sacTAMeonbqpnSka1dHNux2uk0qqDXVkMv2c/A3wYnvQ4EXuI013Y6+gSKSCxdaczvf4HF0mVXHRdw==}
     engines: {node: '>= 10.14.2'}
@@ -15201,36 +14675,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jest-runtime@29.6.4:
-    resolution: {integrity: sha512-s/QxMBLvmwLdchKEjcLfwzP7h+jsHvNEtxGP5P+Fl1FMaJX2jMiIqe4rJw4tFprzCwuSvVUo9bn0uj4gNRXsbA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/environment': 29.6.4
-      '@jest/fake-timers': 29.6.4
-      '@jest/globals': 29.6.4
-      '@jest/source-map': 29.6.3
-      '@jest/test-result': 29.6.4
-      '@jest/transform': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      chalk: 4.1.2
-      cjs-module-lexer: 1.2.3
-      collect-v8-coverage: 1.0.2
-      glob: 7.2.3
-      graceful-fs: 4.2.11
-      jest-haste-map: 29.6.4
-      jest-message-util: 29.6.3
-      jest-mock: 29.6.3
-      jest-regex-util: 29.6.3
-      jest-resolve: 29.6.4
-      jest-snapshot: 29.6.4
-      jest-util: 29.6.3
-      slash: 3.0.0
-      strip-bom: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /jest-serializer@26.6.2:
     resolution: {integrity: sha512-S5wqyz0DXnNJPd/xfIzZ5Xnp1HrJWBczg8mMfMpN78OJ5eDxXyf+Ygld9wX1DnUWbIbhM1YDY95NjR4CBXkb2g==}
     engines: {node: '>= 10.14.2'}
@@ -15263,34 +14707,6 @@ packages:
       - supports-color
     dev: true
 
-  /jest-snapshot@29.6.4:
-    resolution: {integrity: sha512-VC1N8ED7+4uboUKGIDsbvNAZb6LakgIPgAF4RSpF13dN6YaMokfRqO+BaqK4zIh6X3JffgwbzuGqDEjHm/MrvA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@babel/core': 7.22.11
-      '@babel/generator': 7.22.10
-      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.11)
-      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.11)
-      '@babel/types': 7.22.11
-      '@jest/expect-utils': 29.6.4
-      '@jest/transform': 29.6.4
-      '@jest/types': 29.6.3
-      babel-preset-current-node-syntax: 1.0.1(@babel/core@7.22.11)
-      chalk: 4.1.2
-      expect: 29.6.4
-      graceful-fs: 4.2.11
-      jest-diff: 29.6.4
-      jest-get-type: 29.6.3
-      jest-matcher-utils: 29.6.4
-      jest-message-util: 29.6.3
-      jest-util: 29.6.3
-      natural-compare: 1.4.0
-      pretty-format: 29.6.3
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /jest-util@26.6.2:
     resolution: {integrity: sha512-MDW0fKfsn0OI7MS7Euz6h8HNDXVQ0gaM9uW6RjfDmd1DAFcaxX9OqIakHIqhbnmF08Cf2DLDG+ulq8YQQ0Lp0Q==}
     engines: {node: '>= 10.14.2'}
@@ -15327,18 +14743,6 @@ packages:
       pretty-format: 26.6.2
     dev: true
 
-  /jest-validate@29.6.3:
-    resolution: {integrity: sha512-e7KWZcAIX+2W1o3cHfnqpGajdCs1jSM3DkXjGeLSNmCazv1EeI1ggTeK5wdZhF+7N+g44JI2Od3veojoaumlfg==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/types': 29.6.3
-      camelcase: 6.3.0
-      chalk: 4.1.2
-      jest-get-type: 29.6.3
-      leven: 3.1.0
-      pretty-format: 29.6.3
-    dev: true
-
   /jest-watcher@26.6.2:
     resolution: {integrity: sha512-WKJob0P/Em2csiVthsI68p6aGKTIcsfjH9Gsx1f0A3Italz43e3ho0geSAVsmj09RWOELP1AZ/DXyJgOgDKxXQ==}
     engines: {node: '>= 10.14.2'}
@@ -15352,20 +14756,6 @@ packages:
       string-length: 4.0.2
     dev: true
 
-  /jest-watcher@29.6.4:
-    resolution: {integrity: sha512-oqUWvx6+On04ShsT00Ir9T4/FvBeEh2M9PTubgITPxDa739p4hoQweWPRGyYeaojgT0xTpZKF0Y/rSY1UgMxvQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    dependencies:
-      '@jest/test-result': 29.6.4
-      '@jest/types': 29.6.3
-      '@types/node': 14.18.57
-      ansi-escapes: 4.3.2
-      chalk: 4.1.2
-      emittery: 0.13.1
-      jest-util: 29.6.3
-      string-length: 4.0.2
-    dev: true
-
   /jest-worker@24.9.0:
     resolution: {integrity: sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==}
     engines: {node: '>= 6'}
@@ -15419,27 +14809,6 @@ packages:
       - utf-8-validate
     dev: true
 
-  /jest@29.6.4(@types/node@14.18.57)(ts-node@10.9.1):
-    resolution: {integrity: sha512-tEFhVQFF/bzoYV1YuGyzLPZ6vlPrdfvDmmAxudA1dLEuiztqg2Rkx20vkKY32xiDROcD2KXlgZ7Cu8RPeEHRKw==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    hasBin: true
-    peerDependencies:
-      node-notifier: ^8.0.1 || ^9.0.0 || ^10.0.0
-    peerDependenciesMeta:
-      node-notifier:
-        optional: true
-    dependencies:
-      '@jest/core': 29.6.4(ts-node@10.9.1)
-      '@jest/types': 29.6.3
-      import-local: 3.1.0
-      jest-cli: 29.6.4(@types/node@14.18.57)(ts-node@10.9.1)
-    transitivePeerDependencies:
-      - '@types/node'
-      - babel-plugin-macros
-      - supports-color
-      - ts-node
-    dev: true
-
   /jju@1.4.0:
     resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
     dev: true
@@ -15559,48 +14928,6 @@ packages:
       - bufferutil
       - supports-color
       - utf-8-validate
-    dev: true
-
-  /jsdom@20.0.3:
-    resolution: {integrity: sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      canvas: ^2.5.0
-    peerDependenciesMeta:
-      canvas:
-        optional: true
-    dependencies:
-      abab: 2.0.6
-      acorn: 8.10.0
-      acorn-globals: 7.0.1
-      cssom: 0.5.0
-      cssstyle: 2.3.0
-      data-urls: 3.0.2
-      decimal.js: 10.4.3
-      domexception: 4.0.0
-      escodegen: 2.1.0
-      form-data: 4.0.0
-      html-encoding-sniffer: 3.0.0
-      http-proxy-agent: 5.0.0
-      https-proxy-agent: 5.0.1
-      is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.7
-      parse5: 7.1.2
-      saxes: 6.0.0
-      symbol-tree: 3.2.4
-      tough-cookie: 4.1.3
-      w3c-xmlserializer: 4.0.0
-      webidl-conversions: 7.0.0
-      whatwg-encoding: 2.0.0
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
-      ws: 8.13.0
-      xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: true
 
   /jsesc@0.5.0:
     resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
@@ -15672,6 +14999,9 @@ packages:
     hasBin: true
     dev: true
 
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+
   /jsonfile@3.0.1:
     resolution: {integrity: sha512-oBko6ZHlubVB5mRFkur5vgYR1UyqX+S6Y/oCfLhqNdcc2fYFlDpIoNc7AfKS1KOGcnNAkvsr0grLck9ANM815w==}
     optionalDependencies:
@@ -15883,7 +15213,6 @@ packages:
       source-map: 0.6.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /leven@3.1.0:
     resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
@@ -16142,7 +15471,6 @@ packages:
   /local-pkg@0.4.3:
     resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
     engines: {node: '>=14'}
-    dev: true
 
   /locate-path@2.0.0:
     resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
@@ -16350,6 +15678,11 @@ packages:
       signal-exit: 3.0.7
     dev: true
 
+  /loupe@2.3.6:
+    resolution: {integrity: sha512-RaPMZKiMy8/JruncMU5Bt6na1eftNoo++R4Y+N2FrxkDVTrGvcyzFTsaGif4QTeKESheMGegbhw6iUAq+5A8zA==}
+    dependencies:
+      get-func-name: 2.0.0
+
   /lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
     dependencies:
@@ -16408,6 +15741,12 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /magic-string@0.30.3:
+    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
   /make-dir@1.3.0:
     resolution: {integrity: sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==}
     engines: {node: '>=4'}
@@ -16421,7 +15760,6 @@ packages:
     dependencies:
       pify: 4.0.1
       semver: 5.7.2
-    dev: true
 
   /make-dir@3.1.0:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
@@ -17215,20 +16553,17 @@ packages:
   /mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
-    dev: true
 
   /mime-types@2.1.35:
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
     dependencies:
       mime-db: 1.52.0
-    dev: true
 
   /mime@1.6.0:
     resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
     engines: {node: '>=4'}
     hasBin: true
-    dev: true
 
   /mimer@1.1.0:
     resolution: {integrity: sha512-y9dVfy2uiycQvDNiAYW6zp49ZhFlXDMr5wfdOiMbdzGM/0N5LNR6HTUn3un+WUQcM0koaw8FMTG1bt5EnHJdvQ==}
@@ -17403,6 +16738,14 @@ packages:
     hasBin: true
     dev: true
 
+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+    dependencies:
+      acorn: 8.10.0
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.3.0
+
   /mockdate@3.0.5:
     resolution: {integrity: sha512-iniQP4rj1FhBdBYS/+eQv7j1tadJ9lJtdzgOpvsOHng/GbcDh2Fhdeq+ZRldrPYdXvCyfFUmFeEwEGXZB5I/AQ==}
     dev: true
@@ -17451,11 +16794,9 @@ packages:
 
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
 
   /ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
-    dev: true
 
   /multimatch@3.0.0:
     resolution: {integrity: sha512-22foS/gqQfANZ3o+W7ST2x25ueHDVNWl/b9OlGcLpy/iKxjCpvcNCM51YCenUi7Mt/jAjjqv8JwZRs8YP5sRjA==}
@@ -17509,7 +16850,6 @@ packages:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
 
   /nanomatch@1.2.13:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
@@ -17549,7 +16889,6 @@ packages:
       sax: 1.2.4
     transitivePeerDependencies:
       - supports-color
-    dev: true
     optional: true
 
   /negotiator@0.6.3:
@@ -17735,7 +17074,6 @@ packages:
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /normalize-range@0.1.2:
     resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
@@ -17937,7 +17275,6 @@ packages:
 
   /nwsapi@2.2.7:
     resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
-    dev: true
 
   /oauth-sign@0.9.0:
     resolution: {integrity: sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==}
@@ -18313,7 +17650,6 @@ packages:
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     dependencies:
       yocto-queue: 1.0.0
-    dev: true
 
   /p-locate@2.0.0:
     resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
@@ -18582,7 +17918,6 @@ packages:
   /parse-node-version@1.0.1:
     resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
     engines: {node: '>= 0.10'}
-    dev: true
 
   /parse-passwd@1.0.0:
     resolution: {integrity: sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==}
@@ -18609,7 +17944,6 @@ packages:
 
   /parse5@6.0.1:
     resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
-    dev: true
 
   /parse5@7.1.2:
     resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}
@@ -18734,6 +18068,12 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /pathe@1.1.1:
+    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
+
+  /pathval@1.1.1:
+    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
+
   /pbkdf2@3.1.2:
     resolution: {integrity: sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==}
     engines: {node: '>=0.12'}
@@ -18759,12 +18099,10 @@ packages:
 
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
 
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
-    dev: true
 
   /pify@2.3.0:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
@@ -18779,7 +18117,6 @@ packages:
   /pify@4.0.1:
     resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
     engines: {node: '>=6'}
-    dev: true
 
   /pinkie-promise@2.0.1:
     resolution: {integrity: sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==}
@@ -18847,6 +18184,13 @@ packages:
       find-up: 6.3.0
     dev: true
 
+  /pkg-types@1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.4.2
+      pathe: 1.1.1
+
   /pkg-up@3.1.0:
     resolution: {integrity: sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==}
     engines: {node: '>=8'}
@@ -19381,30 +18725,6 @@ packages:
       postcss-scss: 2.1.1
     dev: true
 
-  /postcss-syntax@0.36.2(postcss@8.4.29):
-    resolution: {integrity: sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==}
-    peerDependencies:
-      postcss: '>=5.0.0'
-      postcss-html: '*'
-      postcss-jsx: '*'
-      postcss-less: '*'
-      postcss-markdown: '*'
-      postcss-scss: '*'
-    peerDependenciesMeta:
-      postcss-html:
-        optional: true
-      postcss-jsx:
-        optional: true
-      postcss-less:
-        optional: true
-      postcss-markdown:
-        optional: true
-      postcss-scss:
-        optional: true
-    dependencies:
-      postcss: 8.4.29
-    dev: true
-
   /postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
@@ -19424,7 +18744,6 @@ packages:
       nanoid: 3.3.6
       picocolors: 1.0.0
       source-map-js: 1.0.2
-    dev: true
 
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
@@ -19540,7 +18859,6 @@ packages:
       '@jest/schemas': 29.6.3
       ansi-styles: 5.2.0
       react-is: 18.2.0
-    dev: true
 
   /pretty-quick@3.1.3(prettier@2.8.8):
     resolution: {integrity: sha512-kOCi2FJabvuh1as9enxYmrnBC6tVMoVOenMaBqRfsvBHB0cbpYHjdQEpSglpASDFEXVwplpcGR4CLEaisYAFcA==}
@@ -19682,7 +19000,6 @@ packages:
   /prr@1.0.1:
     resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
     requiresBuild: true
-    dev: true
     optional: true
 
   /pseudomap@1.0.2:
@@ -19691,7 +19008,6 @@ packages:
 
   /psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: true
 
   /public-encrypt@4.0.3:
     resolution: {integrity: sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==}
@@ -19746,7 +19062,6 @@ packages:
   /punycode@2.3.0:
     resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
     engines: {node: '>=6'}
-    dev: true
 
   /pupa@2.1.1:
     resolution: {integrity: sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A==}
@@ -19755,10 +19070,6 @@ packages:
       escape-goat: 2.1.1
     dev: true
 
-  /pure-rand@6.0.2:
-    resolution: {integrity: sha512-6Yg0ekpKICSjPswYOuC5sku/TSWaRYlA0qsXqJgM/d/4pLPHPuTxK7Nbf7jFKzAeedUhR8C7K9Uv63FBsSo8xQ==}
-    dev: true
-
   /q@1.5.1:
     resolution: {integrity: sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==}
     engines: {node: '>=0.6.0', teleport: '>=0.2.0'}
@@ -19816,7 +19127,6 @@ packages:
 
   /querystringify@2.2.0:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-    dev: true
 
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
@@ -20661,7 +19971,6 @@ packages:
 
   /react-is@18.2.0:
     resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
-    dev: true
 
   /react-layout-kit@1.7.1(react@18.2.0):
     resolution: {integrity: sha512-zCsCag2XB+DvHX0Ag7Nw+sg998bmGGhFvzSXmFx6xlooZ+aZWiTfgH0ROXKvMYeE0+6EOSsbA18yTQlOrtXP+g==}
@@ -20955,7 +20264,6 @@ packages:
     engines: {node: '>=8.10.0'}
     dependencies:
       picomatch: 2.3.1
-    dev: true
 
   /real-require@0.1.0:
     resolution: {integrity: sha512-r/H9MzAWtrv8aSVjPCMFpDMl5q66GqtmmRkRjpHTsp4zBAa+snZyiQNlMONiUmEJcsnaw0wCauJ2GWODr/aFkg==}
@@ -21324,7 +20632,6 @@ packages:
 
   /requires-port@1.0.0:
     resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-    dev: true
 
   /reselect@4.1.8:
     resolution: {integrity: sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==}
@@ -21379,11 +20686,6 @@ packages:
     deprecated: https://github.com/lydell/resolve-url#deprecated
     dev: true
 
-  /resolve.exports@2.0.2:
-    resolution: {integrity: sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==}
-    engines: {node: '>=10'}
-    dev: true
-
   /resolve@1.19.0:
     resolution: {integrity: sha512-rArEXAgsBG4UgRGcynxWIWKFvh/XZCcS8UJdHhwy91zwAvCZIbcs+vAbflgBnNjYMs/i/i+/Ux6IZhML1yPvxg==}
     dependencies:
@@ -21498,7 +20800,6 @@ packages:
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /rsvp@4.8.5:
     resolution: {integrity: sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==}
@@ -21593,7 +20894,6 @@ packages:
 
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: true
 
   /sane@4.1.0:
     resolution: {integrity: sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==}
@@ -21622,7 +20922,6 @@ packages:
       chokidar: 3.5.3
       immutable: 4.3.4
       source-map-js: 1.0.2
-    dev: true
 
   /sax@1.2.1:
     resolution: {integrity: sha512-8I2a3LovHTOpm7NV5yOyO8IHqgVsfK4+UuySrXU8YXkSRX7k6hCV9b3HrkKCr3nMpgj+0bmocaJJWpvp1oc7ZA==}
@@ -21632,21 +20931,12 @@ packages:
 
   /sax@1.2.4:
     resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
-    dev: true
 
   /saxes@5.0.1:
     resolution: {integrity: sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==}
     engines: {node: '>=10'}
     dependencies:
       xmlchars: 2.2.0
-    dev: true
-
-  /saxes@6.0.0:
-    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
-    engines: {node: '>=v12.22.7'}
-    dependencies:
-      xmlchars: 2.2.0
-    dev: true
 
   /scheduler@0.22.0:
     resolution: {integrity: sha512-6QAm1BgQI88NPYymgGQLCZgvep4FyePDWFpXVK+zNSUgHwlqpJy8VEh8Et0KxTACS4VWwMousBElAZOH9nkkoQ==}
@@ -21725,7 +21015,6 @@ packages:
   /semver@5.7.2:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
-    dev: true
 
   /semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
@@ -21862,6 +21151,9 @@ packages:
       object-inspect: 1.12.3
     dev: true
 
+  /siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: true
@@ -22058,7 +21350,6 @@ packages:
   /source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /source-map-resolve@0.5.3:
     resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
@@ -22079,13 +21370,6 @@ packages:
       decode-uri-component: 0.2.2
     dev: true
 
-  /source-map-support@0.5.13:
-    resolution: {integrity: sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==}
-    dependencies:
-      buffer-from: 1.1.2
-      source-map: 0.6.1
-    dev: true
-
   /source-map-support@0.5.21:
     resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
     dependencies:
@@ -22106,7 +21390,6 @@ packages:
   /source-map@0.6.1:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /source-map@0.7.4:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
@@ -22259,6 +21542,9 @@ packages:
       escape-string-regexp: 2.0.0
     dev: true
 
+  /stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
   /stackframe@1.3.4:
     resolution: {integrity: sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==}
     dev: true
@@ -22276,6 +21562,9 @@ packages:
     engines: {node: '>= 0.8'}
     dev: true
 
+  /std-env@3.4.3:
+    resolution: {integrity: sha512-f9aPhy8fYBuMN+sNfakZV18U39PbalgjXG3lLB9WkaYTxijru61wb57V9wxxNthXM5Sd88ETBWi29qLAsHO52Q==}
+
   /stop-iteration-iterator@1.0.0:
     resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
     engines: {node: '>= 0.4'}
@@ -22540,6 +21829,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /strip-literal@1.3.0:
+    resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
+    dependencies:
+      acorn: 8.10.0
+
   /strip-outer@1.0.1:
     resolution: {integrity: sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==}
     engines: {node: '>=0.10.0'}
@@ -22900,7 +22194,6 @@ packages:
 
   /symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
-    dev: true
 
   /synckit@0.8.5:
     resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==}
@@ -23111,10 +22404,21 @@ packages:
     resolution: {integrity: sha512-YcloWmZfLD9Li5m2VcobkCDNVaLMx8ohAb/97l/wYS3m+0TIEK5PFNMZZfRcusc6sFjIfxu8qcJT0CNnOdpqmg==}
     dev: true
 
+  /tinybench@2.5.0:
+    resolution: {integrity: sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==}
+
   /tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
     dev: false
 
+  /tinypool@0.7.0:
+    resolution: {integrity: sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww==}
+    engines: {node: '>=14.0.0'}
+
+  /tinyspy@2.1.1:
+    resolution: {integrity: sha512-XPJL2uSzcOyBMky6OFrusqWlzfFrXtE0hPuMgW8A2HmaqrPo4ZQHRN/V0QXN3FSjKxpsbRrFc5LI7KOwBsT1/w==}
+    engines: {node: '>=14.0.0'}
+
   /titleize@3.0.0:
     resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
     engines: {node: '>=12'}
@@ -23179,7 +22483,6 @@ packages:
     engines: {node: '>=8.0'}
     dependencies:
       is-number: 7.0.0
-    dev: true
 
   /to-regex@3.0.2:
     resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
@@ -23216,7 +22519,6 @@ packages:
       punycode: 2.3.0
       universalify: 0.2.0
       url-parse: 1.5.10
-    dev: true
 
   /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
@@ -23240,7 +22542,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       punycode: 2.3.0
-    dev: true
 
   /transformation-matrix@2.15.0:
     resolution: {integrity: sha512-HN3kCvvH4ug3Xm/ycOfCFQOOktg5htxlC4Ih1Z7Wb6BMtQho+q+irOdGo10ARRKpqkRBXgBzQFw/AVmR0oIf0g==}
@@ -23384,7 +22685,6 @@ packages:
   /type-detect@4.0.8:
     resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
     engines: {node: '>=4'}
-    dev: true
 
   /type-fest@0.10.0:
     resolution: {integrity: sha512-EUV9jo4sffrwlg8s0zDhP0T2WD3pru5Xi0+HTE3zTUmBaZNhfkite9PdSJwdXLwPVW0jnAHT56pZHIOYckPEiw==}
@@ -23513,6 +22813,9 @@ packages:
     hasBin: true
     dev: true
 
+  /ufo@1.3.0:
+    resolution: {integrity: sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==}
+
   /uglify-js@3.17.4:
     resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
     engines: {node: '>=0.8.0'}
@@ -23536,7 +22839,7 @@ packages:
       qs: 6.11.2
     dev: true
 
-  /umi@4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(jest@29.6.4)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4):
+  /umi@4.0.79(@babel/core@7.22.11)(@types/node@14.18.57)(@types/react@18.0.38)(eslint@8.48.0)(prettier@2.8.8)(react-dom@18.2.0)(react@18.2.0)(sass@1.66.1)(stylelint@13.13.1)(typescript@4.8.4):
     resolution: {integrity: sha512-z7aREPbrPJl9wMRWpuGgj0spPCPZDg9rIfSccJqOm2hAVCWiA1BKk0Oqm1mtI4At3VMtswLTduVBIbFwJss0Qw==}
     engines: {node: '>=14'}
     hasBin: true
@@ -23545,7 +22848,7 @@ packages:
       '@umijs/bundler-utils': 4.0.79
       '@umijs/bundler-webpack': 4.0.79(typescript@4.8.4)
       '@umijs/core': 4.0.79
-      '@umijs/lint': 4.0.79(eslint@8.48.0)(jest@29.6.4)(stylelint@13.13.1)(typescript@4.8.4)
+      '@umijs/lint': 4.0.79(eslint@8.48.0)(stylelint@13.13.1)(typescript@4.8.4)
       '@umijs/preset-umi': 4.0.79(@types/node@14.18.57)(@types/react@18.0.38)(sass@1.66.1)(typescript@4.8.4)
       '@umijs/renderer-react': 4.0.79(react-dom@18.2.0)(react@18.2.0)
       '@umijs/server': 4.0.79
@@ -23770,7 +23073,6 @@ packages:
   /universalify@0.2.0:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
-    dev: true
 
   /universalify@2.0.0:
     resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
@@ -23893,7 +23195,6 @@ packages:
     dependencies:
       querystringify: 2.2.0
       requires-port: 1.0.0
-    dev: true
 
   /url@0.10.3:
     resolution: {integrity: sha512-hzSUW2q06EqL1gKM/a+obYHLIO6ct2hwPuviqTTOcfFVc61UbfJ2Q32+uGL/HCPxKqrdGB5QUwIe7UqlDgwsOQ==}
@@ -24046,15 +23347,6 @@ packages:
       source-map: 0.7.4
     dev: true
 
-  /v8-to-istanbul@9.1.0:
-    resolution: {integrity: sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==}
-    engines: {node: '>=10.12.0'}
-    dependencies:
-      '@jridgewell/trace-mapping': 0.3.19
-      '@types/istanbul-lib-coverage': 2.0.4
-      convert-source-map: 1.9.0
-    dev: true
-
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
@@ -24126,6 +23418,26 @@ packages:
       vfile-message: 3.1.4
     dev: true
 
+  /vite-node@0.34.3(@types/node@14.18.57):
+    resolution: {integrity: sha512-+0TzJf1g0tYXj6tR2vEyiA42OPq68QkRZCu/ERSo2PtsDJfBpDyEfuKbRvLmZqi/CgC7SCBtyC+WjTGNMRIaig==}
+    engines: {node: '>=v14.18.0'}
+    hasBin: true
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.4
+      mlly: 1.4.2
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      vite: 4.3.1(@types/node@14.18.57)(less@4.1.3)(sass@1.66.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+
   /vite@4.3.1(@types/node@14.18.57)(less@4.1.3)(sass@1.66.1):
     resolution: {integrity: sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -24159,7 +23471,70 @@ packages:
       sass: 1.66.1
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
+
+  /vitest@0.34.3(jsdom@19.0.0):
+    resolution: {integrity: sha512-7+VA5Iw4S3USYk+qwPxHl8plCMhA5rtfwMjgoQXMT7rO5ldWcdsdo3U1QD289JgglGK4WeOzgoLTsGFu6VISyQ==}
+    engines: {node: '>=v14.18.0'}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@vitest/browser': '*'
+      '@vitest/ui': '*'
+      happy-dom: '*'
+      jsdom: '*'
+      playwright: '*'
+      safaridriver: '*'
+      webdriverio: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+      playwright:
+        optional: true
+      safaridriver:
+        optional: true
+      webdriverio:
+        optional: true
+    dependencies:
+      '@types/chai': 4.3.6
+      '@types/chai-subset': 1.3.3
+      '@types/node': 14.18.57
+      '@vitest/expect': 0.34.3
+      '@vitest/runner': 0.34.3
+      '@vitest/snapshot': 0.34.3
+      '@vitest/spy': 0.34.3
+      '@vitest/utils': 0.34.3
+      acorn: 8.10.0
+      acorn-walk: 8.2.0
+      cac: 6.7.14
+      chai: 4.3.8
+      debug: 4.3.4
+      jsdom: 19.0.0
+      local-pkg: 0.4.3
+      magic-string: 0.30.3
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      std-env: 3.4.3
+      strip-literal: 1.3.0
+      tinybench: 2.5.0
+      tinypool: 0.7.0
+      vite: 4.3.1(@types/node@14.18.57)(less@4.1.3)(sass@1.66.1)
+      vite-node: 0.34.3(@types/node@14.18.57)
+      why-is-node-running: 2.2.2
+    transitivePeerDependencies:
+      - less
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
 
   /vm-browserify@1.1.2:
     resolution: {integrity: sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==}
@@ -24170,7 +23545,6 @@ packages:
     deprecated: Use your platform's native performance.now() and performance.timeOrigin.
     dependencies:
       browser-process-hrtime: 1.0.0
-    dev: true
 
   /w3c-xmlserializer@2.0.0:
     resolution: {integrity: sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==}
@@ -24184,14 +23558,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       xml-name-validator: 4.0.0
-    dev: true
-
-  /w3c-xmlserializer@4.0.0:
-    resolution: {integrity: sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==}
-    engines: {node: '>=14'}
-    dependencies:
-      xml-name-validator: 4.0.0
-    dev: true
 
   /walker@1.0.8:
     resolution: {integrity: sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==}
@@ -24257,7 +23623,6 @@ packages:
   /webidl-conversions@7.0.0:
     resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
     engines: {node: '>=12'}
-    dev: true
 
   /whatwg-encoding@1.0.5:
     resolution: {integrity: sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==}
@@ -24270,7 +23635,6 @@ packages:
     engines: {node: '>=12'}
     dependencies:
       iconv-lite: 0.6.3
-    dev: true
 
   /whatwg-fetch@3.6.18:
     resolution: {integrity: sha512-ltN7j66EneWn5TFDO4L9inYC1D+Czsxlrw2SalgjMmEMkLfA5SIZxEFdE6QtHFiiM6Q7WL32c7AkI3w6yxM84Q==}
@@ -24283,7 +23647,6 @@ packages:
   /whatwg-mimetype@3.0.0:
     resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
     engines: {node: '>=12'}
-    dev: true
 
   /whatwg-url@10.0.0:
     resolution: {integrity: sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==}
@@ -24291,7 +23654,6 @@ packages:
     dependencies:
       tr46: 3.0.0
       webidl-conversions: 7.0.0
-    dev: true
 
   /whatwg-url@11.0.0:
     resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
@@ -24299,7 +23661,6 @@ packages:
     dependencies:
       tr46: 3.0.0
       webidl-conversions: 7.0.0
-    dev: true
 
   /whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
@@ -24392,6 +23753,14 @@ packages:
       isexe: 2.0.0
     dev: true
 
+  /why-is-node-running@2.2.2:
+    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
   /wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
     dependencies:
@@ -24560,7 +23929,6 @@ packages:
         optional: true
       utf-8-validate:
         optional: true
-    dev: true
 
   /xdg-basedir@3.0.0:
     resolution: {integrity: sha512-1Dly4xqlulvPD3fZUQJLY+FUIeqN3N2MM3uqe4rCJftAvOjFa3jFGfctOgluGx4ahPbUCsZkmJILiP0Vi4T6lQ==}
@@ -24592,7 +23960,6 @@ packages:
   /xml-name-validator@4.0.0:
     resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
     engines: {node: '>=12'}
-    dev: true
 
   /xml-reader@2.4.3:
     resolution: {integrity: sha512-xWldrIxjeAMAu6+HSf9t50ot1uL5M+BtOidRCWHXIeewvSeIpscWCsp4Zxjk8kHHhdqFBrfK8U0EJeCcnyQ/gA==}
@@ -24620,7 +23987,6 @@ packages:
 
   /xmlchars@2.2.0:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
-    dev: true
 
   /xtend@2.1.2:
     resolution: {integrity: sha512-vMNKzr2rHP9Dp/e1NQFnLQlwlhp9L/LfvnsVdHxN1f+uggyVI3i08uD14GPvCToPkdsRfyPqIyYGmIk58V98ZQ==}
@@ -24748,7 +24114,6 @@ packages:
   /yocto-queue@1.0.0:
     resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
     engines: {node: '>=12.20'}
-    dev: true
 
   /yorkie@2.0.0:
     resolution: {integrity: sha512-jcKpkthap6x63MB4TxwCyuIGkV0oYP/YRyuQU5UO0Yz/E/ZAu+653/uov+phdmO54n6BcvFRyyt0RRrWdN2mpw==}
diff --git a/tests/__snapshots__/doc.test.ts.snap b/tests/__snapshots__/doc.test.ts.snap
index 1de99599ebc5..99a6cf99668e 100644
--- a/tests/__snapshots__/doc.test.ts.snap
+++ b/tests/__snapshots__/doc.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`docs/components demos 📸 renders ./docs/components/customization-value-type.tsx correctly 1`] = `
+exports[`docs/components demos > 📸 renders ./docs/components/customization-value-type.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -662,7 +662,7 @@ exports[`docs/components demos 📸 renders ./docs/components/customization-valu
 </DocumentFragment>
 `;
 
-exports[`docs/components demos 📸 renders ./docs/components/valueEnum-map.tsx correctly 1`] = `
+exports[`docs/components demos > 📸 renders ./docs/components/valueEnum-map.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1295,7 +1295,7 @@ exports[`docs/components demos 📸 renders ./docs/components/valueEnum-map.tsx
 </DocumentFragment>
 `;
 
-exports[`docs/components demos 📸 renders ./docs/components/valueType.tsx correctly 1`] = `
+exports[`docs/components demos > 📸 renders ./docs/components/valueType.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/card/__snapshots__/demo.test.ts.snap b/tests/card/__snapshots__/demo.test.ts.snap
index 1e2fddde998c..367f773c0077 100644
--- a/tests/card/__snapshots__/demo.test.ts.snap
+++ b/tests/card/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/avatar.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/avatar.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -61,7 +61,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/basic.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/basic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -111,7 +111,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/compose.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/compose.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -295,7 +295,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/custom.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/custom.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -334,7 +334,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/defaultChecked.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/defaultChecked.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -379,7 +379,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/description.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/description.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -482,7 +482,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/disabled.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/disabled.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -690,7 +690,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/extra.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/extra.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -765,7 +765,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/form.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -967,7 +967,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/grid.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/grid.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1086,7 +1086,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/group.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/group.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1946,7 +1946,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/image.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/image.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1979,7 +1979,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/list.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/list.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2247,7 +2247,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/loading.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/loading.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2368,7 +2368,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/multiple.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/multiple.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2440,7 +2440,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/single.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/single.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2542,7 +2542,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/size.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/size.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2646,7 +2646,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/title.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/CheckCard/demos/title.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2746,7 +2746,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/CheckCard/demos/
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/basic.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/basic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2954,7 +2954,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/chart.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/chart.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3050,7 +3050,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/fomula.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/fomula.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3282,7 +3282,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/footer.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/footer.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3509,7 +3509,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/group.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/group.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3793,7 +3793,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/group-chart.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/group-chart.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4008,7 +4008,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4160,7 +4160,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal-left.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/horizontal-left.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4312,7 +4312,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/icon.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/icon.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4565,7 +4565,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/layout.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/layout.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4998,7 +4998,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/status.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/status.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5330,7 +5330,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/tabs.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/tabs.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5723,7 +5723,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/tabs-statistic.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/tabs-statistic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6116,7 +6116,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/total.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/total.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6372,7 +6372,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/total-layout.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/total-layout.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7130,7 +7130,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/demos/trend.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/components/StatisticCard/demos/trend.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7251,7 +7251,7 @@ exports[`card demos 📸 renders ./packages/card/src/components/StatisticCard/de
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/actions.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/actions.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7462,7 +7462,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/actions.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/basic.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/basic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7641,7 +7641,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/basic.tsx correctly 1
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/bordered.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/bordered.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7707,7 +7707,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/bordered.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/collapsible.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/collapsible.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7931,7 +7931,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/collapsible.tsx corre
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/colspan.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/colspan.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8137,7 +8137,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/colspan.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/divider.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/divider.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8323,7 +8323,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/divider.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/group.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/group.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8410,7 +8410,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/group.tsx correctly 1
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/gutter.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/gutter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8565,7 +8565,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/gutter.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/headerBordered.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/headerBordered.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8631,7 +8631,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/headerBordered.tsx co
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/headless.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/headless.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8649,7 +8649,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/headless.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/hoverable.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/hoverable.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8667,7 +8667,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/hoverable.tsx correct
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/inner.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/inner.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8802,7 +8802,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/inner.tsx correctly 1
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/layout.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/layout.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8839,7 +8839,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/layout.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/loading.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/loading.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9109,7 +9109,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/loading.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/multipleLine.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/multipleLine.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9191,7 +9191,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/multipleLine.tsx corr
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/responsive.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/responsive.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9351,7 +9351,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/responsive.tsx correc
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/split.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/split.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9597,7 +9597,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/split.tsx correctly 1
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/split2.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/split2.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9680,7 +9680,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/split2.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/split23.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/split23.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9745,7 +9745,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/split23.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/steps-v.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/steps-v.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9975,7 +9975,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/steps-v.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/tabs.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/tabs.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10197,7 +10197,7 @@ exports[`card demos 📸 renders ./packages/card/src/demos/tabs.tsx correctly 1`
 </DocumentFragment>
 `;
 
-exports[`card demos 📸 renders ./packages/card/src/demos/tabs-card.tsx correctly 1`] = `
+exports[`card demos > 📸 renders ./packages/card/src/demos/tabs-card.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/card/checkcard.test.tsx b/tests/card/checkcard.test.tsx
index 2fc94724d22e..63df803eda65 100644
--- a/tests/card/checkcard.test.tsx
+++ b/tests/card/checkcard.test.tsx
@@ -3,8 +3,8 @@ import { act, render, waitFor } from '@testing-library/react';
 
 describe('CheckCard', () => {
   it('should invoke onChange and onClick function when click option', async () => {
-    const onChange = jest.fn();
-    const onClick = jest.fn();
+    const onChange = vi.fn();
+    const onClick = vi.fn();
     const wrapper = render(
       <CheckCard
         title="示例一"
@@ -36,7 +36,7 @@ describe('CheckCard', () => {
   });
 
   it('should invoke onChange function when group click option', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <CheckCard.Group
         onChange={(e) => onChange(e)}
@@ -114,7 +114,7 @@ describe('CheckCard', () => {
   });
 
   it('should invoke onChange function when group click option in multiple mode', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <CheckCard.Group
         onChange={(e) => onChange(e)}
@@ -152,7 +152,7 @@ describe('CheckCard', () => {
   });
 
   it('should support defaultValue', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <CheckCard.Group onChange={(e) => onChange(e)} defaultValue="A">
         <CheckCard title="Card A" description="选项一" value="A" />
@@ -187,7 +187,7 @@ describe('CheckCard', () => {
   });
 
   it('should support defaultValue in multiple mode', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <CheckCard.Group
         onChange={(e) => onChange(e)}
@@ -223,7 +223,7 @@ describe('CheckCard', () => {
   });
 
   it('should disabled onChange when group disabled', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <CheckCard.Group onChange={(e) => onChange(e)} disabled defaultValue="A">
         <CheckCard title="Card A" description="选项一" value="A" />
diff --git a/tests/card/index.test.tsx b/tests/card/index.test.tsx
index 36c0a2e96721..b4d64ee770af 100644
--- a/tests/card/index.test.tsx
+++ b/tests/card/index.test.tsx
@@ -1,11 +1,11 @@
 import { ProCard } from '@ant-design/pro-components';
 import { act, render } from '@testing-library/react';
 
-jest.mock('antd/lib/grid/hooks/useBreakpoint');
+vi.mock('antd/lib/grid/hooks/useBreakpoint');
 
 describe('Card', () => {
   it('🥩 collapsible onCollapse', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
 
     const wrapper = render(
       <ProCard title="父节点">
@@ -152,7 +152,7 @@ describe('Card', () => {
   });
 
   it('🥩 tabs onChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProCard
         tabs={{
diff --git a/tests/demo.tsx b/tests/demo.tsx
index 8e05c4f0a41e..2b44e8e0afbd 100644
--- a/tests/demo.tsx
+++ b/tests/demo.tsx
@@ -13,8 +13,8 @@ type Options = {
 
 function demoTest(component: string, options: Options = {}) {
   const LINE_STR_COUNT = 20;
-  const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
-  const logSpy = jest.spyOn(console, 'log').mockImplementation(() => {});
+  const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
+  const logSpy = vi.spyOn(console, 'log').mockImplementation(() => {});
 
   // Mock offsetHeight
   // @ts-expect-error
@@ -73,14 +73,14 @@ function demoTest(component: string, options: Options = {}) {
     );
   };
 
-  const matchMediaSpy = jest.spyOn(window, 'matchMedia');
+  const matchMediaSpy = vi.spyOn(window, 'matchMedia');
   matchMediaSpy.mockImplementation(
     (query) =>
       ({
         addListener: (cb: (e: { matches: boolean }) => void) => {
           cb({ matches: query === '(max-width: 575px)' });
         },
-        removeListener: jest.fn(),
+        removeListener: vi.fn(),
         matches: query === '(max-width: 575px)',
       } as any),
   );
@@ -95,12 +95,12 @@ function demoTest(component: string, options: Options = {}) {
         testMethod = test.skip;
       }
       testMethod(`📸 renders ${file} correctly`, async () => {
-        jest.useFakeTimers().setSystemTime(new Date('2016-11-22 15:22:44'));
+        vi.useFakeTimers().setSystemTime(new Date('2016-11-22 15:22:44'));
 
-        const fn = jest.fn();
+        const fn = vi.fn();
         Math.random = () => 0.8404419276253765;
 
-        const Demo = require(`.${file}`).default;
+        const Demo = (await import(`.${file}`)).default;
         const wrapper = reactRender(
           <App onInit={fn}>
             <Demo />
@@ -108,7 +108,7 @@ function demoTest(component: string, options: Options = {}) {
         );
 
         act(() => {
-          jest.runAllTimers();
+          vi.runAllTimers();
         });
 
         await waitFor(() => {
@@ -116,7 +116,7 @@ function demoTest(component: string, options: Options = {}) {
         });
 
         act(() => {
-          jest.runAllTimers();
+          vi.runAllTimers();
         });
 
         await waitFor(() => {
@@ -131,7 +131,7 @@ function demoTest(component: string, options: Options = {}) {
         });
 
         wrapper.unmount();
-        jest.useRealTimers();
+        vi.useRealTimers();
         cleanup();
       });
     });
diff --git a/tests/descriptions/__snapshots__/demo.test.ts.snap b/tests/descriptions/__snapshots__/demo.test.ts.snap
index d1538900ef84..0027ddb97d2f 100644
--- a/tests/descriptions/__snapshots__/demo.test.ts.snap
+++ b/tests/descriptions/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/arrayDataIndex.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/arrayDataIndex.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -232,7 +232,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/array
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/base.demo-test.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/base.demo-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -348,7 +348,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/base.
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/base.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/base.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -818,7 +818,7 @@ Done in 9.70s.
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/columns.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/columns.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1228,7 +1228,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/colum
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/customization-value-type.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/customization-value-type.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1404,7 +1404,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/custo
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/dynamic-descriptions.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/dynamic-descriptions.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2372,7 +2372,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/dynam
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/editable.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/editable.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3249,7 +3249,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/edita
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/format.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/format.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3436,7 +3436,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/forma
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/request.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/request.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3582,7 +3582,7 @@ exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/reque
 </DocumentFragment>
 `;
 
-exports[`descriptions demos 📸 renders ./packages/descriptions/src/demos/use-data-source.tsx correctly 1`] = `
+exports[`descriptions demos > 📸 renders ./packages/descriptions/src/demos/use-data-source.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/descriptions/__snapshots__/editor.test.tsx.snap b/tests/descriptions/__snapshots__/editor.test.tsx.snap
index 696dcfdbf4d0..ff6803df902e 100644
--- a/tests/descriptions/__snapshots__/editor.test.tsx.snap
+++ b/tests/descriptions/__snapshots__/editor.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Descriptions 📝 columns support editable test 1`] = `
+exports[`Descriptions > 📝 columns support editable test 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions ant-pro-descriptions"
@@ -162,7 +162,7 @@ exports[`Descriptions 📝 columns support editable test 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Descriptions 📝 renderFormItem run defaultRender 1`] = `
+exports[`Descriptions > 📝 renderFormItem run defaultRender 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions ant-pro-descriptions"
diff --git a/tests/descriptions/__snapshots__/index.test.tsx.snap b/tests/descriptions/__snapshots__/index.test.tsx.snap
index 9f2af74b3ffe..79a880868391 100644
--- a/tests/descriptions/__snapshots__/index.test.tsx.snap
+++ b/tests/descriptions/__snapshots__/index.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`descriptions 🏊 ProDescriptions support order 1`] = `
+exports[`descriptions > 🏊 ProDescriptions support order 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions ant-pro-descriptions"
diff --git a/tests/descriptions/editor.test.tsx b/tests/descriptions/editor.test.tsx
index f6b044ee4bc1..d7e5c06dbfcd 100644
--- a/tests/descriptions/editor.test.tsx
+++ b/tests/descriptions/editor.test.tsx
@@ -167,7 +167,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support onEditorChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo
         onEditorChange={(keys) => {
@@ -316,7 +316,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support cancel click', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo
         onEditorChange={(keys) => {
@@ -360,7 +360,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support cancel click render false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo
         onEditorChange={(keys) => {
@@ -406,7 +406,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 type=single, only edit one rows', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo
         defaultKeys={['state']}
@@ -428,7 +428,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 type=multiple, edit multiple rows', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo
         type="multiple"
@@ -450,7 +450,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support onSave', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(<DescriptionsDemo onSave={(key) => fn(key)} />);
     await wrapper.findAllByText('重置');
     act(() => {
@@ -483,7 +483,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support onSave support false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo
         onSave={async (key) => {
@@ -536,7 +536,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support onCancel', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(<DescriptionsDemo onCancel={(key) => fn(key)} />);
 
     await wrapper.findAllByText('重置');
@@ -571,7 +571,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 support form rules', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo onSave={(key, row) => fn(row.title)} />,
     );
@@ -654,7 +654,7 @@ describe('Descriptions', () => {
   });
 
   it('📝 when dataIndex is array', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DescriptionsDemo onSave={(key, row) => fn(row?.time?.created_at)} />,
     );
diff --git a/tests/descriptions/index.test.tsx b/tests/descriptions/index.test.tsx
index 26e7b3fcf6aa..4c6334608484 100644
--- a/tests/descriptions/index.test.tsx
+++ b/tests/descriptions/index.test.tsx
@@ -36,7 +36,7 @@ describe('descriptions', () => {
   });
 
   it('🎏 onLoadingChange test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProDescriptions
         size="small"
@@ -61,7 +61,7 @@ describe('descriptions', () => {
   });
 
   it('🎏 loading test', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const html = render(
       <ProDescriptions
         columns={[
@@ -82,7 +82,7 @@ describe('descriptions', () => {
     );
 
     act(() => {
-      jest.advanceTimersByTime(2000);
+      vi.advanceTimersByTime(2000);
     });
 
     await waitFor(() => {
@@ -112,7 +112,7 @@ describe('descriptions', () => {
     });
 
     act(() => {
-      jest.advanceTimersByTime(2000);
+      vi.advanceTimersByTime(2000);
     });
 
     await waitFor(() => {
@@ -120,12 +120,12 @@ describe('descriptions', () => {
       expect(!!html.baseElement.querySelector('.ant-skeleton')).toBeFalsy();
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🥩 test reload', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const actionRef = React.createRef<ProCoreActionType>();
     const Reload = () => {
       return (
@@ -178,7 +178,7 @@ describe('descriptions', () => {
     const html = render(<Reload />);
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await html.findAllByText('这是一段文本');
@@ -200,12 +200,12 @@ describe('descriptions', () => {
       expect(fn).toBeCalledTimes(2);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🥩 test reload by params', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProDescriptions
         title="高级定义列表 request"
@@ -235,7 +235,7 @@ describe('descriptions', () => {
     await html.findAllByText('这是一段文本');
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -276,7 +276,7 @@ describe('descriptions', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await html.findAllByText('这是一段文本');
@@ -285,11 +285,11 @@ describe('descriptions', () => {
       expect(fn).toBeCalledTimes(2);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🥩 test request error', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
 
     render(
       <ProDescriptions
diff --git a/tests/field/__snapshots__/demo.test.ts.snap b/tests/field/__snapshots__/demo.test.ts.snap
index a2a4a6e3b1cf..ed56d166e200 100644
--- a/tests/field/__snapshots__/demo.test.ts.snap
+++ b/tests/field/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`field demos 📸 renders ./packages/field/src/demos/base.tsx correctly 1`] = `
+exports[`field demos > 📸 renders ./packages/field/src/demos/base.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1432,7 +1432,7 @@ Done in 9.70s.
 </DocumentFragment>
 `;
 
-exports[`field demos 📸 renders ./packages/field/src/demos/base_test.tsx correctly 1`] = `
+exports[`field demos > 📸 renders ./packages/field/src/demos/base_test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4406,7 +4406,7 @@ Done in 9.70s.
 </DocumentFragment>
 `;
 
-exports[`field demos 📸 renders ./packages/field/src/demos/search-value.tsx correctly 1`] = `
+exports[`field demos > 📸 renders ./packages/field/src/demos/search-value.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4496,7 +4496,7 @@ exports[`field demos 📸 renders ./packages/field/src/demos/search-value.tsx co
 </DocumentFragment>
 `;
 
-exports[`field demos 📸 renders ./packages/field/src/demos/search-value-autoClearSearchValue.tsx correctly 1`] = `
+exports[`field demos > 📸 renders ./packages/field/src/demos/search-value-autoClearSearchValue.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4600,7 +4600,7 @@ exports[`field demos 📸 renders ./packages/field/src/demos/search-value-autoCl
 </DocumentFragment>
 `;
 
-exports[`field demos 📸 renders ./packages/field/src/demos/select-request.tsx correctly 1`] = `
+exports[`field demos > 📸 renders ./packages/field/src/demos/select-request.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4830,7 +4830,7 @@ exports[`field demos 📸 renders ./packages/field/src/demos/select-request.tsx
 </DocumentFragment>
 `;
 
-exports[`field demos 📸 renders ./packages/field/src/demos/tree-select-search-value.tsx correctly 1`] = `
+exports[`field demos > 📸 renders ./packages/field/src/demos/tree-select-search-value.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/field/__snapshots__/field.test.tsx.snap b/tests/field/__snapshots__/field.test.tsx.snap
index f763c39dfe2a..25a4c1df16e8 100644
--- a/tests/field/__snapshots__/field.test.tsx.snap
+++ b/tests/field/__snapshots__/field.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Field 🐴 base use 1`] = `
+exports[`Field > 🐴 base use 1`] = `
 <DocumentFragment>
   <div
     class="ant-input-number"
@@ -79,7 +79,7 @@ exports[`Field 🐴 base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 edit and no plain 1`] = `
+exports[`Field > 🐴 edit and no plain 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions"
@@ -1295,7 +1295,7 @@ Done in 9.70s.
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 edit and plain=true 1`] = `
+exports[`Field > 🐴 edit and plain=true 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions"
@@ -2477,25 +2477,25 @@ Done in 9.70s.
                     class="ant-input"
                     type="text"
                     value="{
-  "compilerOptions": {
-    "target": "esnext",
-    "moduleResolution": "node",
-    "jsx": "preserve",
-    "esModuleInterop": true,
-    "experimentalDecorators": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noImplicitReturns": true,
-    "suppressImplicitAnyIndexErrors": true,
-    "declaration": true,
-    "skipLibCheck": true
+  \\"compilerOptions\\": {
+    \\"target\\": \\"esnext\\",
+    \\"moduleResolution\\": \\"node\\",
+    \\"jsx\\": \\"preserve\\",
+    \\"esModuleInterop\\": true,
+    \\"experimentalDecorators\\": true,
+    \\"strict\\": true,
+    \\"forceConsistentCasingInFileNames\\": true,
+    \\"noImplicitReturns\\": true,
+    \\"suppressImplicitAnyIndexErrors\\": true,
+    \\"declaration\\": true,
+    \\"skipLibCheck\\": true
   },
-  "include": [
-    "**/src",
-    "**/docs",
-    "scripts",
-    "**/demo",
-    ".eslintrc.js"
+  \\"include\\": [
+    \\"**/src\\",
+    \\"**/docs\\",
+    \\"scripts\\",
+    \\"**/demo\\",
+    \\".eslintrc.js\\"
   ]
 }"
                   />
@@ -2510,7 +2510,7 @@ Done in 9.70s.
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 1`] = `
+exports[`Field > 🐴 money valueType is Object 1`] = `
 <DocumentFragment>
   <div
     class="ant-input-number"
@@ -2589,7 +2589,7 @@ exports[`Field 🐴 money valueType is Object 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 2`] = `
+exports[`Field > 🐴 money valueType is Object 2`] = `
 <DocumentFragment>
   <span>
     100.00
@@ -2597,7 +2597,7 @@ exports[`Field 🐴 money valueType is Object 2`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 3`] = `
+exports[`Field > 🐴 money valueType is Object 3`] = `
 <DocumentFragment>
   <span>
     100
@@ -2605,7 +2605,7 @@ exports[`Field 🐴 money valueType is Object 3`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 4`] = `
+exports[`Field > 🐴 money valueType is Object 4`] = `
 <DocumentFragment>
   <div
     class="ant-input-number"
@@ -2684,7 +2684,7 @@ exports[`Field 🐴 money valueType is Object 4`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 5`] = `
+exports[`Field > 🐴 money valueType is Object 5`] = `
 <DocumentFragment>
   <span>
     100.00
@@ -2692,7 +2692,7 @@ exports[`Field 🐴 money valueType is Object 5`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 6`] = `
+exports[`Field > 🐴 money valueType is Object 6`] = `
 <DocumentFragment>
   <span>
     100
@@ -2700,7 +2700,7 @@ exports[`Field 🐴 money valueType is Object 6`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 7`] = `
+exports[`Field > 🐴 money valueType is Object 7`] = `
 <DocumentFragment>
   <div
     class="ant-input-number"
@@ -2779,7 +2779,7 @@ exports[`Field 🐴 money valueType is Object 7`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 8`] = `
+exports[`Field > 🐴 money valueType is Object 8`] = `
 <DocumentFragment>
   <span>
     100.00
@@ -2787,7 +2787,7 @@ exports[`Field 🐴 money valueType is Object 8`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 9`] = `
+exports[`Field > 🐴 money valueType is Object 9`] = `
 <DocumentFragment>
   <span>
     100
@@ -2795,7 +2795,7 @@ exports[`Field 🐴 money valueType is Object 9`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 10`] = `
+exports[`Field > 🐴 money valueType is Object 10`] = `
 <DocumentFragment>
   <div
     class="ant-input-number"
@@ -2874,7 +2874,7 @@ exports[`Field 🐴 money valueType is Object 10`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 11`] = `
+exports[`Field > 🐴 money valueType is Object 11`] = `
 <DocumentFragment>
   <span>
     100.00
@@ -2882,7 +2882,7 @@ exports[`Field 🐴 money valueType is Object 11`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 money valueType is Object 12`] = `
+exports[`Field > 🐴 money valueType is Object 12`] = `
 <DocumentFragment>
   <span>
     100
@@ -2890,7 +2890,7 @@ exports[`Field 🐴 money valueType is Object 12`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 options support dom list 1`] = `
+exports[`Field > 🐴 options support dom list 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-field-option"
@@ -2918,7 +2918,7 @@ exports[`Field 🐴 options support dom list 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 options support dom text 1`] = `
+exports[`Field > 🐴 options support dom text 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-field-option"
@@ -2938,11 +2938,11 @@ exports[`Field 🐴 options support dom text 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 options support empty dom 1`] = `<DocumentFragment />`;
+exports[`Field > 🐴 options support empty dom 1`] = `<DocumentFragment />`;
 
-exports[`Field 🐴 options support no text 1`] = `<DocumentFragment />`;
+exports[`Field > 🐴 options support no text 1`] = `<DocumentFragment />`;
 
-exports[`Field 🐴 options support one dom 1`] = `
+exports[`Field > 🐴 options support one dom 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-field-option"
@@ -2961,7 +2961,7 @@ exports[`Field 🐴 options support one dom 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 percent support unit string 1`] = `
+exports[`Field > 🐴 percent support unit string 1`] = `
 <DocumentFragment>
   <span>
     + 100.00%
@@ -2969,7 +2969,7 @@ exports[`Field 🐴 percent support unit string 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 percent valueType is Object 1`] = `
+exports[`Field > 🐴 percent valueType is Object 1`] = `
 <DocumentFragment>
   <div
     class="ant-input-number"
@@ -3048,7 +3048,7 @@ exports[`Field 🐴 percent valueType is Object 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 percent=0 1`] = `
+exports[`Field > 🐴 percent=0 1`] = `
 <DocumentFragment>
   <span
     style="color: rgb(89, 89, 89);"
@@ -3058,7 +3058,7 @@ exports[`Field 🐴 percent=0 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 progress support no number 1`] = `
+exports[`Field > 🐴 progress support no number 1`] = `
 <DocumentFragment>
   <div
     aria-valuenow="NaN"
@@ -3089,7 +3089,7 @@ exports[`Field 🐴 progress support no number 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 progress support string number 1`] = `
+exports[`Field > 🐴 progress support string number 1`] = `
 <DocumentFragment>
   <div
     aria-valuenow="12"
@@ -3120,7 +3120,7 @@ exports[`Field 🐴 progress support string number 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 read and plain 1`] = `
+exports[`Field > 🐴 read and plain 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions"
@@ -3701,7 +3701,7 @@ Done in 9.70s.
 </DocumentFragment>
 `;
 
-exports[`Field 🐴 read ant no plain 1`] = `
+exports[`Field > 🐴 read ant no plain 1`] = `
 <DocumentFragment>
   <div
     class="ant-descriptions"
diff --git a/tests/field/__snapshots__/status.test.tsx.snap b/tests/field/__snapshots__/status.test.tsx.snap
index 398b60215e6c..8e3c10e102df 100644
--- a/tests/field/__snapshots__/status.test.tsx.snap
+++ b/tests/field/__snapshots__/status.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Field Status 🥩 Default render 1`] = `
+exports[`Field Status > 🥩 Default render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -17,7 +17,7 @@ exports[`Field Status 🥩 Default render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 Error render 1`] = `
+exports[`Field Status > 🥩 Error render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -34,7 +34,7 @@ exports[`Field Status 🥩 Error render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 Processing render 1`] = `
+exports[`Field Status > 🥩 Processing render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -51,7 +51,7 @@ exports[`Field Status 🥩 Processing render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 Success render 1`] = `
+exports[`Field Status > 🥩 Success render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -68,7 +68,7 @@ exports[`Field Status 🥩 Success render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 Warning render 1`] = `
+exports[`Field Status > 🥩 Warning render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -85,7 +85,7 @@ exports[`Field Status 🥩 Warning render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 default render 1`] = `
+exports[`Field Status > 🥩 default render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -102,7 +102,7 @@ exports[`Field Status 🥩 default render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 error render 1`] = `
+exports[`Field Status > 🥩 error render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -119,7 +119,7 @@ exports[`Field Status 🥩 error render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 processing render 1`] = `
+exports[`Field Status > 🥩 processing render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -136,7 +136,7 @@ exports[`Field Status 🥩 processing render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 red color render 1`] = `
+exports[`Field Status > 🥩 red color render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -153,7 +153,7 @@ exports[`Field Status 🥩 red color render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 success render 1`] = `
+exports[`Field Status > 🥩 success render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
@@ -170,7 +170,7 @@ exports[`Field Status 🥩 success render 1`] = `
 </div>
 `;
 
-exports[`Field Status 🥩 warning render 1`] = `
+exports[`Field Status > 🥩 warning render 1`] = `
 <div>
   <span
     class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
diff --git a/tests/field/datePick.test.tsx b/tests/field/datePick.test.tsx
index 8469a36ea663..d6e3f1bc0eed 100644
--- a/tests/field/datePick.test.tsx
+++ b/tests/field/datePick.test.tsx
@@ -25,8 +25,8 @@ describe('Field', () => {
   ];
   datePickList.forEach((valueType) => {
     it(`📅 ${valueType} base use`, async () => {
-      const fn = jest.fn();
-      const openChangeFn = jest.fn();
+      const fn = vi.fn();
+      const openChangeFn = vi.fn();
       const { container } = render(
         <Field
           mode="edit"
@@ -88,8 +88,8 @@ describe('Field', () => {
   ];
   dateRangePickList.forEach((valueType) => {
     it(`📅 ${valueType} base use`, async () => {
-      const onChangeFn = jest.fn();
-      const openChangeFn = jest.fn();
+      const onChangeFn = vi.fn();
+      const openChangeFn = vi.fn();
       const { container } = render(
         <Field
           mode="edit"
@@ -146,7 +146,7 @@ describe('Field', () => {
   });
 
   it(`📅  RangePicker support format is function`, async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <Field
         mode="read"
@@ -166,7 +166,7 @@ describe('Field', () => {
   });
 
   it(`📅  DatePicker support format is Array`, async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <Field
         mode="read"
diff --git a/tests/field/field.test.tsx b/tests/field/field.test.tsx
index 9fc1b3d4334d..119e80b7c774 100644
--- a/tests/field/field.test.tsx
+++ b/tests/field/field.test.tsx
@@ -174,7 +174,7 @@ describe('Field', () => {
   });
 
   it('🐴 should trigger onChange function provided when change', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <Field
         text="100"
@@ -303,11 +303,11 @@ describe('Field', () => {
     });
 
     it(`🐴 ${valueType} read mode support request function`, async () => {
-      jest.useFakeTimers();
+      vi.useFakeTimers();
       const ref = React.createRef<{
         fetchData: (keyWord?: string) => void;
       }>();
-      const fn = jest.fn();
+      const fn = vi.fn();
       const html = render(
         <Field
           ref={ref}
@@ -332,7 +332,7 @@ describe('Field', () => {
       );
 
       act(() => {
-        jest.runOnlyPendingTimers();
+        vi.runOnlyPendingTimers();
       });
 
       await html.findAllByText('default');
@@ -344,12 +344,12 @@ describe('Field', () => {
       });
 
       act(() => {
-        jest.runOnlyPendingTimers();
+        vi.runOnlyPendingTimers();
       });
 
       expect(fn).toBeCalledTimes(2);
       html.unmount();
-      jest.useRealTimers();
+      vi.useRealTimers();
     });
 
     it(`🐴 ${valueType}  edit model support renderFormItem function`, async () => {
@@ -534,7 +534,7 @@ describe('Field', () => {
 
   ['cascader', 'treeSelect'].map((valueType) => {
     it(`🐴 ${valueType} labelInValue use label`, async () => {
-      const fn = jest.fn();
+      const fn = vi.fn();
       const html = render(
         <Field
           fieldProps={{
@@ -758,7 +758,7 @@ describe('Field', () => {
   });
 
   it(`🐴 treeSelect searchValue control mode`, async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const html = render(
       <TreeSelectDemo
         multiple={false}
@@ -802,8 +802,8 @@ describe('Field', () => {
   });
 
   it(`🐴 treeSelect options single value`, async () => {
-    jest.useFakeTimers();
-    const onChangeFn = jest.fn();
+    vi.useFakeTimers();
+    const onChangeFn = vi.fn();
     const TreeSelectChangeDemo = () => {
       const [value, setValue] = useState();
       return (
@@ -854,18 +854,18 @@ describe('Field', () => {
     expect(html.queryAllByText('Child Node5').length > 0).toBeTruthy();
 
     expect(onChangeFn).toHaveBeenCalledWith(false);
-    jest.useRealTimers();
+    vi.useRealTimers();
     html.unmount();
   });
 
   it(`🐴 treeSelect support request function and search, asynchronously loadData`, async () => {
-    const requestFn = jest.fn(),
-      onSearchFn = jest.fn(),
-      onBlurFn = jest.fn(),
-      loadDataFn = jest.fn(),
-      onClearFn = jest.fn();
+    const requestFn = vi.fn(),
+      onSearchFn = vi.fn(),
+      onBlurFn = vi.fn(),
+      loadDataFn = vi.fn(),
+      onClearFn = vi.fn();
 
-    jest.useFakeTimers();
+    vi.useFakeTimers();
 
     const TreeSelectChangeDemo = () => {
       const [value, setValue] = useState();
@@ -890,7 +890,7 @@ describe('Field', () => {
     const html = render(<TreeSelectChangeDemo />);
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -1013,7 +1013,7 @@ describe('Field', () => {
 
     expect(onBlurFn).toBeCalledTimes(1);
     html.unmount();
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🐴 edit and no plain', async () => {
@@ -1472,7 +1472,7 @@ describe('Field', () => {
   });
 
   it('🐴 password support controlled open', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <Field
         text={123456}
@@ -1499,7 +1499,7 @@ describe('Field', () => {
   });
 
   it('🐴 password support controlled visible', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <Field
         text={123456}
@@ -1675,7 +1675,7 @@ describe('Field', () => {
   });
 
   it(`🐴 valueType digit support precision when change with`, async () => {
-    const change = jest.fn();
+    const change = vi.fn();
     const html = render(
       <Field
         text={1000.3}
@@ -1883,7 +1883,7 @@ describe('Field', () => {
   });
 
   it('🐴 select request debounceTime', async () => {
-    const requestFn = jest.fn();
+    const requestFn = vi.fn();
     const ref = React.createRef<{
       fetchData: (keyWord?: string) => void;
     }>();
diff --git a/tests/form/__snapshots__/base.test.tsx.snap b/tests/form/__snapshots__/base.test.tsx.snap
index d5cc282ef061..09fdc988dee3 100644
--- a/tests/form/__snapshots__/base.test.tsx.snap
+++ b/tests/form/__snapshots__/base.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ProForm 📦 submit props actionsRender is one 1`] = `
+exports[`ProForm > 📦 submit props actionsRender is one 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -17,7 +17,7 @@ exports[`ProForm 📦 submit props actionsRender is one 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submit props actionsRender=()=>[] 1`] = `
+exports[`ProForm > 📦 submit props actionsRender=()=>[] 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -31,7 +31,7 @@ exports[`ProForm 📦 submit props actionsRender=()=>[] 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submit props actionsRender=()=>false 1`] = `
+exports[`ProForm > 📦 submit props actionsRender=()=>false 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -46,7 +46,7 @@ exports[`ProForm 📦 submit props actionsRender=()=>false 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submit props actionsRender=false 1`] = `
+exports[`ProForm > 📦 submit props actionsRender=false 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -60,7 +60,7 @@ exports[`ProForm 📦 submit props actionsRender=false 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submit props actionsRender=false 2`] = `
+exports[`ProForm > 📦 submit props actionsRender=false 2`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -74,7 +74,7 @@ exports[`ProForm 📦 submit props actionsRender=false 2`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submit props render=()=>[] 1`] = `
+exports[`ProForm > 📦 submit props render=()=>[] 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -96,7 +96,7 @@ exports[`ProForm 📦 submit props render=()=>[] 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submitted value should be consistent with input when precision=0 1`] = `
+exports[`ProForm > 📦 submitted value should be consistent with input when precision=0 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -239,7 +239,7 @@ exports[`ProForm 📦 submitted value should be consistent with input when preci
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submitter props support resetButtonProps 1`] = `
+exports[`ProForm > 📦 submitter props support resetButtonProps 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -273,7 +273,7 @@ exports[`ProForm 📦 submitter props support resetButtonProps 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 submitter props support submitButtonProps 1`] = `
+exports[`ProForm > 📦 submitter props support submitButtonProps 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -307,7 +307,7 @@ exports[`ProForm 📦 submitter props support submitButtonProps 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 validateFieldsReturnFormatValue 1`] = `
+exports[`ProForm > 📦 validateFieldsReturnFormatValue 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -425,7 +425,7 @@ exports[`ProForm 📦 validateFieldsReturnFormatValue 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 valueType digit with precision value 1`] = `
+exports[`ProForm > 📦 valueType digit with precision value 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -568,7 +568,7 @@ exports[`ProForm 📦 valueType digit with precision value 1`] = `
 </DocumentFragment>
 `;
 
-exports[`ProForm 📦 when dateFormatter is a Function 1`] = `
+exports[`ProForm > 📦 when dateFormatter is a Function 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
diff --git a/tests/form/__snapshots__/demo.test.ts.snap b/tests/form/__snapshots__/demo.test.ts.snap
index b6908c9b4b7a..81c4d7ee4f77 100644
--- a/tests/form/__snapshots__/demo.test.ts.snap
+++ b/tests/form/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`form demos 📸 renders ./packages/form/src/components/Dependency/demos/dependency.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Dependency/demos/dependency.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -537,7 +537,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Dependency/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Dependency/demos/dependency2.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Dependency/demos/dependency2.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1169,7 +1169,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Dependency/demos
                                                   >
                                                     <label
                                                       class=""
-                                                      title="搜集依赖值（情形3） <ProFormDependency name={["a","b",["c","a"]]}>"
+                                                      title="搜集依赖值（情形3） <ProFormDependency name={[\\"a\\",\\"b\\",[\\"c\\",\\"a\\"]]}>"
                                                     >
                                                       搜集依赖值（情形3） &lt;ProFormDependency name={["a","b",["c","a"]]}&gt;
                                                     </label>
@@ -1545,7 +1545,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Dependency/demos
                                                   >
                                                     <label
                                                       class=""
-                                                      title="搜集依赖值（情形2) <ProFormDependency name={["a","b",["c","a"]]} ignoreFormListField>"
+                                                      title="搜集依赖值（情形2) <ProFormDependency name={[\\"a\\",\\"b\\",[\\"c\\",\\"a\\"]]} ignoreFormListField>"
                                                     >
                                                       搜集依赖值（情形2) &lt;ProFormDependency name={["a","b",["c","a"]]} ignoreFormListField&gt;
                                                     </label>
@@ -1738,7 +1738,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Dependency/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/captCha.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/captCha.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1832,7 +1832,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/c
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/components-other.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/components-other.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4402,7 +4402,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/c
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/components-other-readonly.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/components-other-readonly.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6756,7 +6756,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/c
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/datatime.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/datatime.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8551,7 +8551,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/d
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/fieldSet-light.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/fieldSet-light.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8668,7 +8668,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/f
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/form-fieldset.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/form-fieldset.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9212,7 +9212,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/f
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/pro-form-captCha.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/pro-form-captCha.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9306,7 +9306,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/p
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/search-select.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/search-select.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9663,7 +9663,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/s
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/upload.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/FieldSet/demos/upload.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9961,7 +9961,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/FieldSet/demos/u
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/base-use.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/base-use.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10407,7 +10407,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/base
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/countLimit.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/countLimit.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10631,7 +10631,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/coun
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/customize.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/customize.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -12133,7 +12133,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/cust
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/dependency.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/dependency.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -12651,7 +12651,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/depe
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/horizontal-layout.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/horizontal-layout.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -13056,7 +13056,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/hori
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/list.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/list.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14114,7 +14114,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/list
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/list-tooltip.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/list-tooltip.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14604,7 +14604,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/list
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/nested-list.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/nested-list.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -15342,7 +15342,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/nest
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/pro-form-list.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/Group/demos/pro-form-list.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -15770,7 +15770,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/Group/demos/pro-
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/LoginForm/demos/login-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/LoginForm/demos/login-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -15864,7 +15864,6 @@ exports[`form demos 📸 renders ./packages/form/src/components/LoginForm/demos/
                   </div>
                   <div
                     class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                    style="left: 0px; width: 0px;"
                   />
                 </div>
               </div>
@@ -16205,7 +16204,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/LoginForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/LoginForm/demos/login-form-page.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/LoginForm/demos/login-form-page.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16336,7 +16335,6 @@ exports[`form demos 📸 renders ./packages/form/src/components/LoginForm/demos/
                     </div>
                     <div
                       class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                      style="left: 0px; width: 0px;"
                     />
                   </div>
                 </div>
@@ -16702,7 +16700,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/LoginForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/drawer-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/ModalForm/demos/drawer-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16740,7 +16738,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/drawer-form-nested.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/ModalForm/demos/drawer-form-nested.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16825,7 +16823,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/modal-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/ModalForm/demos/modal-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16863,7 +16861,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/modal-form-reset.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/ModalForm/demos/modal-form-reset.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16900,7 +16898,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/modal-form-submitter.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/ModalForm/demos/modal-form-submitter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16963,7 +16961,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/visible-on-visible-change.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/ModalForm/demos/visible-on-visible-change.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -17044,7 +17042,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/ModalForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -18895,7 +18893,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-bordered.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-bordered.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19378,7 +19376,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-collapse.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-collapse.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19430,7 +19428,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-footer.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-footer.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19770,7 +19768,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-placement.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-placement.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -20714,7 +20712,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-test.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/light-filter-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -21371,7 +21369,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -21583,7 +21581,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-collapsed.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-collapsed.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -22160,7 +22158,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-defaultColsNumber.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-defaultColsNumber.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -22747,7 +22745,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-test.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -26672,7 +26670,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-vertical.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/query-filter-vertical.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -27221,7 +27219,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demos/search-filter.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/QueryFilter/demos/search-filter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -27334,7 +27332,6 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
             </div>
             <div
               class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-              style="left: 0px; width: 0px;"
             />
           </div>
         </div>
@@ -27701,7 +27698,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/QueryFilter/demo
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/ModalAndDrawerForm.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/ModalAndDrawerForm.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -27866,7 +27863,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/customization-value-type.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/customization-value-type.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -28132,7 +28129,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/dependencies.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/dependencies.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -28563,7 +28560,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/dependency.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/dependency.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -28957,7 +28954,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/dynamic-rerender.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/dynamic-rerender.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -29384,7 +29381,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/embed.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/embed.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -30023,7 +30020,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/form-list-required.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/form-list-required.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -30526,7 +30523,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/schema.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/schema.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -32326,7 +32323,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/steps-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/steps-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -33713,7 +33710,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos/valueType.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/SchemaForm/demos/valueType.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -34029,7 +34026,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/SchemaForm/demos
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/add-or-edit-step-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/StepsForm/demos/add-or-edit-step-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -34577,7 +34574,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/customize-steps-from.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/StepsForm/demos/customize-steps-from.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -35797,7 +35794,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/modal-step-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/StepsForm/demos/modal-step-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -35838,7 +35835,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/multi-card-step-form.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/StepsForm/demos/multi-card-step-form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -37632,7 +37629,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/steps-form-vertical.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/StepsForm/demos/steps-form-vertical.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -38958,7 +38955,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/steps-from.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/components/StepsForm/demos/steps-from.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -40193,7 +40190,7 @@ exports[`form demos 📸 renders ./packages/form/src/components/StepsForm/demos/
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/base.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/base.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -41633,7 +41630,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/base.tsx correctly 1`
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/base-test.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/base-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -43192,7 +43189,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/base-test.tsx correct
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/components-test.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/components-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -43663,7 +43660,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/components-test.tsx c
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/config-provider.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/config-provider.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -44314,7 +44311,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/config-provider.tsx c
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/dependency.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/dependency.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -44781,7 +44778,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/dependency.tsx correc
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/form-layout.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/form-layout.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -45166,7 +45163,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/form-layout.tsx corre
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/form-layout-grid.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/form-layout-grid.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -46079,7 +46076,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/form-layout-grid.tsx
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/formRef.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/formRef.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -46406,7 +46403,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/formRef.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/label-col.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/label-col.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -46672,7 +46669,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/label-col.tsx correct
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/labelInValue.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/labelInValue.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -46805,7 +46802,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/labelInValue.tsx corr
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/layout-change.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/layout-change.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -47759,7 +47756,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/layout-change.tsx cor
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/layout-footer.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/layout-footer.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -49468,7 +49465,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/layout-footer.tsx cor
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/linkage-customization.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/linkage-customization.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -50658,7 +50655,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/linkage-customization
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/modalform-test.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/modalform-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -51098,7 +51095,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/modalform-test.tsx co
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/money.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/money.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -52000,7 +51997,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/money.tsx correctly 1
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/params-formref.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/params-formref.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -52143,7 +52140,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/params-formref.tsx co
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-dependency.debug.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/pro-form-dependency.debug.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -52707,7 +52704,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-dependency.d
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-editableTable.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/pro-form-editableTable.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -53642,7 +53639,7 @@ exports[`form demos 📸 renders ./packages/form/src/demos/pro-form-editableTabl
 </DocumentFragment>
 `;
 
-exports[`form demos 📸 renders ./packages/form/src/demos/sync-to-url.tsx correctly 1`] = `
+exports[`form demos > 📸 renders ./packages/form/src/demos/sync-to-url.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/form/__snapshots__/lightFilter.test.tsx.snap b/tests/form/__snapshots__/lightFilter.test.tsx.snap
index 8eed1139c90e..093d58cb61e5 100644
--- a/tests/form/__snapshots__/lightFilter.test.tsx.snap
+++ b/tests/form/__snapshots__/lightFilter.test.tsx.snap
@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`LightFilter  🪕 DateTimePicker 1`] = `"日期时间: "`;
+exports[`LightFilter >  🪕 DateTimePicker 1`] = `"日期时间: "`;
diff --git a/tests/form/__snapshots__/proFormMoney.test.tsx.snap b/tests/form/__snapshots__/proFormMoney.test.tsx.snap
index d722b9fca210..779b6e41982e 100644
--- a/tests/form/__snapshots__/proFormMoney.test.tsx.snap
+++ b/tests/form/__snapshots__/proFormMoney.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`💵 ProFormMoney 💵 ProFormMoney value expect number 1`] = `
+exports[`💵 ProFormMoney > 💵 ProFormMoney value expect number 1`] = `
 <div>
   <form
     autocomplete="off"
@@ -131,7 +131,7 @@ exports[`💵 ProFormMoney 💵 ProFormMoney value expect number 1`] = `
 </div>
 `;
 
-exports[`💵 ProFormMoney 💵 can input negative 1`] = `
+exports[`💵 ProFormMoney > 💵 can input negative 1`] = `
 <div>
   <form
     autocomplete="off"
@@ -262,7 +262,7 @@ exports[`💵 ProFormMoney 💵 can input negative 1`] = `
 </div>
 `;
 
-exports[`💵 ProFormMoney 💵 can not input negative 1`] = `
+exports[`💵 ProFormMoney > 💵 can not input negative 1`] = `
 <div>
   <form
     autocomplete="off"
@@ -393,7 +393,7 @@ exports[`💵 ProFormMoney 💵 can not input negative 1`] = `
 </div>
 `;
 
-exports[`💵 ProFormMoney 💵 moneySymbol with custom locale 1`] = `
+exports[`💵 ProFormMoney > 💵 moneySymbol with custom locale 1`] = `
 <div>
   <form
     autocomplete="off"
@@ -524,7 +524,7 @@ exports[`💵 ProFormMoney 💵 moneySymbol with custom locale 1`] = `
 </div>
 `;
 
-exports[`💵 ProFormMoney 💵 moneySymbol with custom symbol 1`] = `
+exports[`💵 ProFormMoney > 💵 moneySymbol with custom symbol 1`] = `
 <div>
   <form
     autocomplete="off"
@@ -655,7 +655,7 @@ exports[`💵 ProFormMoney 💵 moneySymbol with custom symbol 1`] = `
 </div>
 `;
 
-exports[`💵 ProFormMoney 💵 moneySymbol with global locale 1`] = `
+exports[`💵 ProFormMoney > 💵 moneySymbol with global locale 1`] = `
 <div>
   <form
     autocomplete="off"
@@ -786,7 +786,7 @@ exports[`💵 ProFormMoney 💵 moneySymbol with global locale 1`] = `
 </div>
 `;
 
-exports[`💵 ProFormMoney 💵 update money precision when init 1`] = `
+exports[`💵 ProFormMoney > 💵 update money precision when init 1`] = `
 <div>
   <form
     autocomplete="off"
diff --git a/tests/form/__snapshots__/schemaForm.test.tsx.snap b/tests/form/__snapshots__/schemaForm.test.tsx.snap
index 8e260ff91260..141147e85eb7 100644
--- a/tests/form/__snapshots__/schemaForm.test.tsx.snap
+++ b/tests/form/__snapshots__/schemaForm.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`SchemaForm 😊 SchemaForm support columns 1`] = `
+exports[`SchemaForm > 😊 SchemaForm support columns 1`] = `
 <div>
   <form
     autocomplete="off"
diff --git a/tests/form/__snapshots__/upload.test.tsx.snap b/tests/form/__snapshots__/upload.test.tsx.snap
index adf40bab7f31..97f90f9886d4 100644
--- a/tests/form/__snapshots__/upload.test.tsx.snap
+++ b/tests/form/__snapshots__/upload.test.tsx.snap
@@ -1,3 +1,3 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`ProFormUpload 🏐 ProFormUploadButton support disable 1`] = `"<span class="ant-upload ant-upload-disabled" role="button"><input type="file" style="display: none;" accept=""><button type="button" class="ant-btn ant-btn-default" disabled=""><span role="img" aria-label="upload" class="anticon anticon-upload"><svg viewBox="64 64 896 896" focusable="false" data-icon="upload" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"></path></svg></span><span>单击上传</span></button></span>"`;
+exports[`ProFormUpload > 🏐 ProFormUploadButton support disable 1`] = `"<span class=\\"ant-upload ant-upload-disabled\\" role=\\"button\\"><input type=\\"file\\" style=\\"display: none;\\" accept=\\"\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-default\\" disabled=\\"\\"><span role=\\"img\\" aria-label=\\"upload\\" class=\\"anticon anticon-upload\\"><svg viewBox=\\"64 64 896 896\\" focusable=\\"false\\" data-icon=\\"upload\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z\\"></path></svg></span><span>单击上传</span></button></span>"`;
diff --git a/tests/form/base.test.tsx b/tests/form/base.test.tsx
index 1e1aecb29b9f..c132b083218b 100644
--- a/tests/form/base.test.tsx
+++ b/tests/form/base.test.tsx
@@ -45,7 +45,7 @@ describe('ProForm', () => {
   });
 
   it('📦 addonAfter should work for ProFormCheck', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (e) => {
@@ -74,7 +74,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm support sync form url', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -108,7 +108,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm support sync form url as important', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -143,7 +143,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm support sync form url and rest', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -183,7 +183,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm initialValues update will warning', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -220,8 +220,8 @@ describe('ProForm', () => {
   });
 
   it('📦 onFinish should simulate button loading', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const wrapper = render(
       <ProForm
         onFinish={async () => {
@@ -242,13 +242,13 @@ describe('ProForm', () => {
     expect(dom?.className.includes('ant-btn-loading')).toBe(true);
     expect(fn).toBeCalled();
     wrapper.unmount();
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📦 onFinish should simulate button close loading', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
 
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async () => {
@@ -273,7 +273,7 @@ describe('ProForm', () => {
     expect(fn).toBeCalled();
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await act(async () => {
@@ -281,7 +281,7 @@ describe('ProForm', () => {
     });
 
     expect(dom?.className.includes('ant-btn-loading')).toBe(false);
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📦 onFinish support params and request', async () => {
@@ -413,7 +413,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm support namePath is array', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         initialValues={{
@@ -447,7 +447,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm support enter submit', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         omitNil={false}
@@ -511,7 +511,7 @@ describe('ProForm', () => {
   });
 
   it('📦 submitter props support submitButtonProps', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         submitter={{
@@ -542,7 +542,7 @@ describe('ProForm', () => {
   });
 
   it('📦 submitter props support resetButtonProps', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         submitter={{
@@ -571,7 +571,7 @@ describe('ProForm', () => {
   });
 
   it('📦 submitter.render simulate onFinish', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={onFinish}
@@ -603,7 +603,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormCaptcha support onGetCaptcha', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const wrapper = render(
       <ProForm>
         <ProFormCaptcha
@@ -635,17 +635,17 @@ describe('ProForm', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await wrapper.findByText('2 秒后重新获取');
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     captcha = await wrapper.findByText('获取验证码');
@@ -654,11 +654,11 @@ describe('ProForm', () => {
 
     wrapper.unmount();
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📦 ProFormCaptcha support value and onchange', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm onFinish={(values) => onFinish(values.name)}>
         <ProFormCaptcha
@@ -693,7 +693,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormCaptcha support captchaTextRender', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const wrapper = render(
       <ProForm>
         <ProFormCaptcha
@@ -724,16 +724,16 @@ describe('ProForm', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     const captcha = await wrapper.findByText('重新获取');
     expect(!!captcha).toBeTruthy();
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📦 ProFormCaptcha onGetCaptcha throw error', async () => {
@@ -767,7 +767,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormCaptcha onGetCaptcha support rules', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormText
@@ -822,7 +822,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormDependency', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={onFinish}
@@ -904,7 +904,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm.Group support collapsible', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProForm.Group title="qixian" collapsible onCollapse={(c) => fn(c)}>
@@ -933,7 +933,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm.Group support defaultCollapsed', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProForm.Group
@@ -967,7 +967,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProForm.Group support defaultCollapsed', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProForm.Group
@@ -1015,7 +1015,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormField support onChange in ProForm', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm onValuesChange={fn}>
         <ProFormField name="phone2">
@@ -1039,7 +1039,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormField support onChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormField
@@ -1071,7 +1071,7 @@ describe('ProForm', () => {
   });
 
   it('📦 DatePicker support dateformat', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={onFinish}
@@ -1110,7 +1110,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect onSearch support', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect.SearchSelect
@@ -1161,7 +1161,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect onSearch support valueEnum', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect.SearchSelect
@@ -1221,8 +1221,8 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect onSearch support valueEnum clear', async () => {
-    const onSearch = jest.fn();
-    const onValuesChange = jest.fn();
+    const onSearch = vi.fn();
+    const onValuesChange = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={async (values) => {
@@ -1295,7 +1295,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect onSearch support valueEnum clear item filter', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect.SearchSelect
@@ -1381,7 +1381,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support onClear', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProForm onValuesChange={(e) => console.log(e)}>
         <ProFormSelect.SearchSelect
@@ -1484,7 +1484,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support searchOnFocus', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect.SearchSelect
@@ -1570,7 +1570,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support resetAfterSelect', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
 
     const wrapper = render(
       <ProForm>
@@ -1662,7 +1662,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support fetchDataOnSearch: false', async () => {
-    const onRequest = jest.fn();
+    const onRequest = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect.SearchSelect
@@ -1703,7 +1703,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support fetchDataOnSearch: true', async () => {
-    const onRequest = jest.fn();
+    const onRequest = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect.SearchSelect
@@ -1758,8 +1758,8 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support multiple', async () => {
-    const onSearch = jest.fn();
-    const onFinish = jest.fn();
+    const onSearch = vi.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -1835,7 +1835,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect filter support optionGroup', async () => {
-    const onValuesChange = jest.fn();
+    const onValuesChange = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={async (values) => {
@@ -1946,7 +1946,7 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect filter support (', async () => {
-    const onValuesChange = jest.fn();
+    const onValuesChange = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={async (values) => {
@@ -2031,8 +2031,8 @@ describe('ProForm', () => {
   });
 
   it('📦 SearchSelect support multiple and autoClearSearchValue: false ', async () => {
-    const onSearch = jest.fn();
-    const onFinish = jest.fn();
+    const onSearch = vi.fn();
+    const onFinish = vi.fn();
 
     const wrapper = render(
       <ProForm
@@ -2179,7 +2179,7 @@ describe('ProForm', () => {
   });
 
   it('📦 Select support single', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -2244,7 +2244,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormSelect support filterOption', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect
@@ -2359,7 +2359,7 @@ describe('ProForm', () => {
   });
 
   it('📦 Select support labelInValue single', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -2454,8 +2454,8 @@ describe('ProForm', () => {
   });
 
   it('📦 Select support multiple and autoClearSearchValue: false ', async () => {
-    const onSearch = jest.fn();
-    const onFinish = jest.fn();
+    const onSearch = vi.fn();
+    const onFinish = vi.fn();
 
     const wrapper = render(
       <ProForm
@@ -2625,8 +2625,8 @@ describe('ProForm', () => {
   });
 
   it('📦 Select support multiple and autoClearSearchValue: true', async () => {
-    const onSearch = jest.fn();
-    const onFinish = jest.fn();
+    const onSearch = vi.fn();
+    const onFinish = vi.fn();
 
     const wrapper = render(
       <ProForm
@@ -2774,7 +2774,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ColorPicker support rgba new', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={async (values) => {
@@ -2800,7 +2800,7 @@ describe('ProForm', () => {
     expect(onFinish).toBeCalledWith('#f5222d');
   });
   it('📦 ColorPicker support rgba old', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={async (values) => {
@@ -2843,8 +2843,8 @@ describe('ProForm', () => {
     expect(onFinish).toBeCalledWith('rgba(91, 143, 249, 0.02)');
   });
   it('📦 validateFieldsReturnFormatValue', async () => {
-    const fn1 = jest.fn();
-    const fn2 = jest.fn();
+    const fn1 = vi.fn();
+    const fn2 = vi.fn();
     const App = () => {
       const formRef = useRef<
         ProFormInstance<{
@@ -2897,7 +2897,7 @@ describe('ProForm', () => {
   });
 
   it('📦 DigitRange Will return undefined when both value equal to undefined', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <ProForm
         onFinish={async (values) => {
@@ -2975,8 +2975,8 @@ describe('ProForm', () => {
   });
 
   it('📦 when dateFormatter is a Function', async () => {
-    const fn1 = jest.fn();
-    const fn2 = jest.fn();
+    const fn1 = vi.fn();
+    const fn2 = vi.fn();
     const App = () => {
       return (
         <ProForm
@@ -3059,7 +3059,7 @@ describe('ProForm', () => {
   });
 
   it('📦 fix onChange will get empty object when you set labelInValue ture in ProForm', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormSelect
@@ -3129,7 +3129,7 @@ describe('ProForm', () => {
   });
 
   it(`📦 valueType digit with precision value`, async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProForm
         onFinish={async (value) => {
@@ -3173,7 +3173,7 @@ describe('ProForm', () => {
 
   // https://github.com/ant-design/pro-components/issues/5743
   it(`📦 submitted value should be consistent with input when precision=0`, async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProForm
         onFinish={async (value) => {
@@ -3205,7 +3205,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormTreeSelect support fetchDataOnSearch: false', async () => {
-    const onRequest = jest.fn();
+    const onRequest = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormTreeSelect
@@ -3271,7 +3271,7 @@ describe('ProForm', () => {
   });
 
   it('📦 ProFormTreeSelect support fetchDataOnSearch: true', async () => {
-    const onRequest = jest.fn();
+    const onRequest = vi.fn();
     const wrapper = render(
       <ProForm>
         <ProFormTreeSelect
diff --git a/tests/form/dependency.test.tsx b/tests/form/dependency.test.tsx
index 9f54644bd4f5..a23620def17e 100644
--- a/tests/form/dependency.test.tsx
+++ b/tests/form/dependency.test.tsx
@@ -118,7 +118,7 @@ describe('ProForm Dependency component', () => {
   });
 
   it('⛲ ProFormDependency support transform', async () => {
-    const dependencyFn = jest.fn();
+    const dependencyFn = vi.fn();
     const Demo: React.FC<{
       shouldUpdate?: boolean;
     }> = () => {
diff --git a/tests/form/drawerForm.test.tsx b/tests/form/drawerForm.test.tsx
index 28ef1712a0e4..447dc5ff56b2 100644
--- a/tests/form/drawerForm.test.tsx
+++ b/tests/form/drawerForm.test.tsx
@@ -6,7 +6,7 @@ import { waitForWaitTime } from '../util';
 
 describe('DrawerForm', () => {
   it('📦 trigger will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         width={600}
@@ -26,7 +26,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 DrawerForm first no render items', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         width={600}
@@ -151,7 +151,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 drawer close button will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -175,7 +175,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 drawer close button will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -200,7 +200,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 reset button will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -221,7 +221,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 drawer close button will simulate drawerProps.onClose', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -248,7 +248,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 drawer reset button will simulate drawerProps.onClose', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -271,8 +271,8 @@ describe('DrawerForm', () => {
   });
 
   it('📦 drawer reset button will simulate drawerProps.onCancel', async () => {
-    const fn = jest.fn();
-    const onCloseFn = jest.fn();
+    const fn = vi.fn();
+    const onCloseFn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -300,7 +300,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 form onFinish return true should close drawer', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -323,7 +323,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 form onFinish is null, no close drawer', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         visible
@@ -344,7 +344,7 @@ describe('DrawerForm', () => {
   });
 
   it('📦 submitter config no reset default config', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <DrawerForm
         width={600}
@@ -688,7 +688,7 @@ describe('DrawerForm', () => {
   tests.forEach((item) => {
     const { name, Comp, close, props } = item;
     it(`📦 ${name} resetFields when destroy`, async () => {
-      const fn = jest.fn();
+      const fn = vi.fn();
       const App = () => {
         const [form] = Form.useForm();
         const prop = {
diff --git a/tests/form/drawerFormTimeout.test.tsx b/tests/form/drawerFormTimeout.test.tsx
index d1b59006a2b2..5a3ca625fe60 100644
--- a/tests/form/drawerFormTimeout.test.tsx
+++ b/tests/form/drawerFormTimeout.test.tsx
@@ -3,8 +3,8 @@ import { act, render } from '@testing-library/react';
 
 describe('DrawerForm', () => {
   it('📦 DrawerForm submitTimeout is number will disabled close button when submit', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <DrawerForm
         open
@@ -38,7 +38,7 @@ describe('DrawerForm', () => {
     });
 
     act(() => {
-      jest.advanceTimersByTime(3000);
+      vi.advanceTimersByTime(3000);
     });
 
     expect(fn).not.toBeCalled();
@@ -54,12 +54,12 @@ describe('DrawerForm', () => {
 
     expect(fn).toBeCalled();
     html.unmount();
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📦 DrawerForm submitTimeout is null no disable close button when submit', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const wrapper = render(
       <DrawerForm
         open
@@ -87,7 +87,7 @@ describe('DrawerForm', () => {
     ).toEqual(undefined);
 
     act(() => {
-      jest.advanceTimersByTime(3000);
+      vi.advanceTimersByTime(3000);
     });
 
     await act(async () => {
diff --git a/tests/form/fieldSet.test.tsx b/tests/form/fieldSet.test.tsx
index e963094fb1a9..be418897eed2 100644
--- a/tests/form/fieldSet.test.tsx
+++ b/tests/form/fieldSet.test.tsx
@@ -10,8 +10,8 @@ import { Input } from 'antd';
 
 describe('ProFormFieldSet', () => {
   it('😊 ProFormFieldSet onChange', async () => {
-    const fn = jest.fn();
-    const valueFn = jest.fn();
+    const fn = vi.fn();
+    const valueFn = vi.fn();
     const { container, unmount } = render(
       <ProForm
         onFinish={(values) => fn(values.list)}
@@ -65,8 +65,8 @@ describe('ProFormFieldSet', () => {
   });
 
   it('😊 ProFormFieldSet support Input onChange', async () => {
-    const fn = jest.fn();
-    const valueFn = jest.fn();
+    const fn = vi.fn();
+    const valueFn = vi.fn();
     const { container, unmount } = render(
       <ProForm
         onFinish={(values) => fn(values.list)}
@@ -113,8 +113,8 @@ describe('ProFormFieldSet', () => {
   });
 
   it('😊 ProFormFieldSet transform', async () => {
-    const fn = jest.fn();
-    const valueFn = jest.fn();
+    const fn = vi.fn();
+    const valueFn = vi.fn();
     const { container, unmount } = render(
       <ProForm
         onFinish={async (values) => {
@@ -172,8 +172,8 @@ describe('ProFormFieldSet', () => {
   });
 
   it('😊 ProFormFieldSet convertValue', async () => {
-    const fn = jest.fn();
-    const valueFn = jest.fn();
+    const fn = vi.fn();
+    const valueFn = vi.fn();
     const { container, unmount } = render(
       <ProForm
         onFinish={async (values) => {
diff --git a/tests/form/formList.test.tsx b/tests/form/formList.test.tsx
index 18428dbf8127..2db43563140a 100644
--- a/tests/form/formList.test.tsx
+++ b/tests/form/formList.test.tsx
@@ -26,7 +26,7 @@ import { waitForWaitTime } from '../util';
 
 describe('ProForm List', () => {
   it('⛲ ProForm.List', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProForm
         onFinish={async (values) => {
@@ -196,7 +196,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List add button', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -244,7 +244,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List render children', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProForm
         onFinish={async (values) => {
@@ -285,7 +285,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List getCurrentRowData and setCurrentRowData', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProForm
         onFinish={async (values) => {
@@ -411,7 +411,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List add button when creatorRecord', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -455,7 +455,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List add button on top', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -505,7 +505,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List copy to newline', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -545,7 +545,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List delete icon', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -589,7 +589,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List itemRender', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProForm
         onFinish={async (values) => {
@@ -629,7 +629,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List in ProForm.List', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -704,7 +704,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List support ProFormDependency', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm>
         <ProFormText name="name" label="姓名" />
@@ -940,8 +940,8 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List use behavior guard when triggering behavior', async () => {
-    const fnAdd = jest.fn();
-    const fnRemove = jest.fn();
+    const fnAdd = vi.fn();
+    const fnRemove = vi.fn();
     const html = render(
       <ProForm>
         <ProFormList
@@ -1038,7 +1038,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List use behavior guard when triggering no behavior', async () => {
-    const fnAdd = jest.fn();
+    const fnAdd = vi.fn();
     const html = render(
       <ProForm>
         <ProFormList
@@ -1085,9 +1085,9 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List warning after remove', async () => {
-    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
-    const fnRemove = jest.fn();
+    const fnRemove = vi.fn();
     const html = render(
       <ProForm>
         <ProFormList
@@ -1195,7 +1195,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ valid to set the format property in ProForm.List', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const html = render(
       <ProForm
         onFinish={onFinish}
@@ -1236,7 +1236,7 @@ describe('ProForm List', () => {
   });
 
   it('⛲ ProForm.List fieldExtraRender', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProForm
         onFinish={async (values) => {
@@ -1475,8 +1475,8 @@ describe('ProForm List', () => {
     expect(ref.current?.getCurrentRowData().name).toBe('New Name');
   });
   it('⛲ ProForm.List action hooks should be emit', async () => {
-    const handleAdd = jest.fn();
-    const handleRemove = jest.fn();
+    const handleAdd = vi.fn();
+    const handleRemove = vi.fn();
 
     const html = render(
       <ProForm>
@@ -1565,7 +1565,7 @@ describe('ProForm List', () => {
   });
 
   it(`⛲ ProForm.List support validate formList empty`, async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const html = render(
       <ProForm>
         <ProFormList name="list" label="表格" isValidateList>
@@ -1604,11 +1604,11 @@ describe('ProForm List', () => {
   });
 
   it('⛲  ProForm.List transform should be call', async () => {
-    const handleFinish1 = jest.fn();
-    const handleFinish2 = jest.fn();
-    const handleFinish3 = jest.fn();
-    const handleFinish4 = jest.fn();
-    const handleFinish5 = jest.fn();
+    const handleFinish1 = vi.fn();
+    const handleFinish2 = vi.fn();
+    const handleFinish3 = vi.fn();
+    const handleFinish4 = vi.fn();
+    const handleFinish5 = vi.fn();
     const html = render(
       <ProForm
         onFinish={async (values) => {
diff --git a/tests/form/formitem.test.tsx b/tests/form/formitem.test.tsx
index 4550e15814e1..6f8cc7764ad4 100644
--- a/tests/form/formitem.test.tsx
+++ b/tests/form/formitem.test.tsx
@@ -4,7 +4,7 @@ import { Input } from 'antd';
 
 describe('ProForm.Item', () => {
   it('📦 ProForm support fieldProps.onBlur', async () => {
-    const onBlur = jest.fn();
+    const onBlur = vi.fn();
     const { container } = render(
       <ProForm
         initialValues={{
@@ -29,8 +29,8 @@ describe('ProForm.Item', () => {
   });
 
   it('📦 ProForm.Item supports onChange', async () => {
-    const onChange = jest.fn();
-    const onValuesChange = jest.fn();
+    const onChange = vi.fn();
+    const onValuesChange = vi.fn();
     const { container } = render(
       <ProForm
         initialValues={{
diff --git a/tests/form/lightFilter.test.tsx b/tests/form/lightFilter.test.tsx
index 79d5dc852b97..46034ff6817f 100644
--- a/tests/form/lightFilter.test.tsx
+++ b/tests/form/lightFilter.test.tsx
@@ -22,8 +22,8 @@ import KeyCode from 'rc-util/es/KeyCode';
 
 describe('LightFilter', () => {
   it(' 🪕 basic use text', async () => {
-    const onValuesChange = jest.fn();
-    const onFinish = jest.fn();
+    const onValuesChange = vi.fn();
+    const onFinish = vi.fn();
 
     const { container } = render(
       <LightFilter
@@ -95,8 +95,8 @@ describe('LightFilter', () => {
     });
   });
   it(' 🪕 basic use secondary', async () => {
-    const onValuesChange = jest.fn();
-    const onFinish = jest.fn();
+    const onValuesChange = vi.fn();
+    const onFinish = vi.fn();
     render(
       <LightFilter
         onFinish={onFinish}
@@ -146,8 +146,8 @@ describe('LightFilter', () => {
   });
 
   it(' 🪕 basic use DatePicker', async () => {
-    const onValuesChange = jest.fn();
-    const onFinish = jest.fn();
+    const onValuesChange = vi.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <LightFilter
         initialValues={{
@@ -414,7 +414,7 @@ describe('LightFilter', () => {
   });
 
   it(' 🪕 multiple select showSearch', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const { container } = render(
       <LightFilter
         initialValues={{
@@ -452,7 +452,7 @@ describe('LightFilter', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -464,7 +464,7 @@ describe('LightFilter', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await act(async () => {
@@ -480,7 +480,7 @@ describe('LightFilter', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -498,7 +498,7 @@ describe('LightFilter', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await act(async () => {
@@ -510,7 +510,7 @@ describe('LightFilter', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -530,7 +530,7 @@ describe('LightFilter', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -540,13 +540,13 @@ describe('LightFilter', () => {
         '名称: 杰克2,TechUI,YES这是一个很长很长的测试阿aa阿ABCDEFGHIJKL...3项',
       );
     });
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it(' 🪕 Base DateRangePicker', async () => {
-    const onFinish = jest.fn();
-    const onOpenChange = jest.fn();
-    const onLoadingChange = jest.fn();
+    const onFinish = vi.fn();
+    const onOpenChange = vi.fn();
+    const onLoadingChange = vi.fn();
     const { baseElement, container } = render(
       <LightFilter
         onFinish={async (e) => {
@@ -726,7 +726,7 @@ describe('LightFilter', () => {
   });
 
   it(' 🪕 DateTimePicker', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <LightFilter onFinish={onFinish}>
         <ProFormDateTimePicker name="datetime" label="日期时间" />
@@ -768,7 +768,7 @@ describe('LightFilter', () => {
   });
 
   it(' 🪕 TimePicker', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container, unmount } = render(
       <LightFilter onFinish={onFinish}>
         <ProFormTimePicker name="time" label="时间" />
@@ -803,7 +803,7 @@ describe('LightFilter', () => {
   });
 
   it(' 🪕 use ProFormRadio', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <LightFilter
         onFinish={onFinish}
@@ -864,7 +864,7 @@ describe('LightFilter', () => {
   });
 
   it(' 🪕 collapse mode', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const { container, unmount } = render(
       <LightFilter
         onValuesChange={(values) => {
diff --git a/tests/form/loginForm.test.tsx b/tests/form/loginForm.test.tsx
index 41f5f23261d7..f06a47a3a6b6 100644
--- a/tests/form/loginForm.test.tsx
+++ b/tests/form/loginForm.test.tsx
@@ -118,7 +118,7 @@ describe('LoginForm', () => {
   });
 
   it('📦 LoginForm support submitter=false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <LoginForm
         submitter={{
diff --git a/tests/form/modalForm.test.tsx b/tests/form/modalForm.test.tsx
index 169de10bcc07..b857a2e2fcb4 100644
--- a/tests/form/modalForm.test.tsx
+++ b/tests/form/modalForm.test.tsx
@@ -7,7 +7,7 @@ import { waitForWaitTime } from '../util';
 
 describe('ModalForm', () => {
   it('📦 trigger will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         width={600}
@@ -54,7 +54,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 submitter config no reset default config', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         width={600}
@@ -96,7 +96,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 ModalForm first no render items', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         width={600}
@@ -130,7 +130,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 ModalForm first render items', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         width={600}
@@ -157,7 +157,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 ModalForm destroyOnClose', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         width={600}
@@ -234,7 +234,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 modal close button will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         visible
@@ -261,7 +261,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 modal open=true simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ModalForm
         open
@@ -278,7 +278,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 reset button will simulate onOpenChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         visible
@@ -299,7 +299,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 modal close button will simulate modalProps.onCancel', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         visible
@@ -328,7 +328,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 form onFinish return true should close modal', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         visible
@@ -356,7 +356,7 @@ describe('ModalForm', () => {
   });
 
   it('📦 form onFinish is null, no close modal', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         visible
@@ -526,8 +526,8 @@ describe('ModalForm', () => {
   });
 
   it('📦 DrawerForm submitTimeout is number will disabled close button when submit', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ModalForm
         visible
@@ -563,7 +563,7 @@ describe('ModalForm', () => {
     expect(fn).not.toBeCalled();
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     expect(
@@ -576,14 +576,14 @@ describe('ModalForm', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     expect(fn).toBeCalled();
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📦 modal submitTimeout is null no disable close button when submit', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ModalForm
         visible
diff --git a/tests/form/proFormCaptcha.test.tsx b/tests/form/proFormCaptcha.test.tsx
index 3b5ab86e162a..66700fb0e51c 100644
--- a/tests/form/proFormCaptcha.test.tsx
+++ b/tests/form/proFormCaptcha.test.tsx
@@ -6,8 +6,8 @@ import React from 'react';
 describe('ProFormCaptcha', () => {
   it('😊 ProFormCaptcha Manual open', async () => {
     const captchaRef = React.createRef<any>();
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const TimingText = '获取验证码';
 
     const html = render(
@@ -91,13 +91,13 @@ describe('ProFormCaptcha', () => {
     expect(captchaRef.current).toBeTruthy();
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     expect(
       html.container.querySelectorAll('#captchaButton')[0],
     ).toHaveTextContent('获取验证码');
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 });
diff --git a/tests/form/proFormMoney.test.tsx b/tests/form/proFormMoney.test.tsx
index 0782c433dd80..92c121b45132 100644
--- a/tests/form/proFormMoney.test.tsx
+++ b/tests/form/proFormMoney.test.tsx
@@ -5,7 +5,7 @@ import enGBIntl from 'antd/lib/locale/en_GB';
 
 describe('💵 ProFormMoney', () => {
   it('💵 ProFormMoney value expect number', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -32,7 +32,7 @@ describe('💵 ProFormMoney', () => {
   });
 
   it('💵 moneySymbol with global locale', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ConfigProvider locale={enGBIntl}>
         <ProForm
@@ -61,7 +61,7 @@ describe('💵 ProFormMoney', () => {
   });
 
   it('💵 moneySymbol with custom locale', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -85,7 +85,7 @@ describe('💵 ProFormMoney', () => {
     expect(container).toMatchSnapshot();
   });
   it('💵 moneySymbol with custom symbol', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -109,7 +109,7 @@ describe('💵 ProFormMoney', () => {
     expect(container).toMatchSnapshot();
   });
   it('💵 can not input negative', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -139,7 +139,7 @@ describe('💵 ProFormMoney', () => {
     expect(container).toMatchSnapshot();
   });
   it('💵 can input negative', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
@@ -175,7 +175,7 @@ describe('💵 ProFormMoney', () => {
   });
 
   it('💵 update money precision when init', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProForm
         onFinish={async (values) => {
diff --git a/tests/form/queryFilter.test.tsx b/tests/form/queryFilter.test.tsx
index 7e1166f40a98..1656a7b5bd18 100644
--- a/tests/form/queryFilter.test.tsx
+++ b/tests/form/queryFilter.test.tsx
@@ -3,7 +3,7 @@ import { fireEvent, render, waitFor } from '@testing-library/react';
 
 describe('QueryFilter', () => {
   it('🕵️‍♀️ basic use', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <QueryFilter
         onFinish={onFinish}
@@ -28,7 +28,7 @@ describe('QueryFilter', () => {
   });
 
   it('🕵️‍♀️ keep all field value when collapsed', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <QueryFilter
         defaultCollapsed
@@ -62,7 +62,7 @@ describe('QueryFilter', () => {
   });
 
   it('🕵️‍♀️ no keep collapsed field value', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <QueryFilter
         defaultCollapsed
@@ -158,7 +158,7 @@ describe('QueryFilter', () => {
   });
 
   it('🕵️‍♀️ submitter support render', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container, findByText } = render(
       <QueryFilter
         style={{ width: 1064 }}
diff --git a/tests/form/schemaForm.test.tsx b/tests/form/schemaForm.test.tsx
index 524844cdd55b..9530d6c6d872 100644
--- a/tests/form/schemaForm.test.tsx
+++ b/tests/form/schemaForm.test.tsx
@@ -74,9 +74,9 @@ describe('SchemaForm', () => {
   });
 
   it('😊 SchemaForm support dependencies', async () => {
-    const requestFn = jest.fn();
-    const fieldPropsFn = jest.fn();
-    const formItemPropsFn = jest.fn();
+    const requestFn = vi.fn();
+    const fieldPropsFn = vi.fn();
+    const formItemPropsFn = vi.fn();
     const { container } = render(
       <BetaSchemaForm
         columns={[
@@ -128,10 +128,10 @@ describe('SchemaForm', () => {
   });
 
   it('😊 SchemaForm support shouldUpdate as true', async () => {
-    const fieldPropsFn = jest.fn();
-    const formItemPropsFn = jest.fn();
-    const renderFormItemFn = jest.fn();
-    const onValuesChangeFn = jest.fn();
+    const fieldPropsFn = vi.fn();
+    const formItemPropsFn = vi.fn();
+    const renderFormItemFn = vi.fn();
+    const onValuesChangeFn = vi.fn();
     const { container } = render(
       <BetaSchemaForm
         columns={[
@@ -182,10 +182,10 @@ describe('SchemaForm', () => {
   });
 
   it('😊 SchemaForm support shouldUpdate as function', async () => {
-    const fieldPropsFn = jest.fn();
-    const formItemPropsFn = jest.fn();
-    const renderFormItemFn = jest.fn();
-    const shouldUpdateFn = jest.fn();
+    const fieldPropsFn = vi.fn();
+    const formItemPropsFn = vi.fn();
+    const renderFormItemFn = vi.fn();
+    const shouldUpdateFn = vi.fn();
     const { container } = render(
       <BetaSchemaForm
         shouldUpdate={(value: any, oldValue?: any) => {
@@ -268,9 +268,9 @@ describe('SchemaForm', () => {
   });
 
   it('😊 SchemaForm columns do not interfere with each other', async () => {
-    const fieldPropsFn = jest.fn();
-    const formItemPropsFn = jest.fn();
-    const renderFormItemFn = jest.fn();
+    const fieldPropsFn = vi.fn();
+    const formItemPropsFn = vi.fn();
+    const renderFormItemFn = vi.fn();
     const { container } = render(
       <BetaSchemaForm
         shouldUpdate={false}
@@ -503,7 +503,7 @@ describe('SchemaForm', () => {
   });
 
   it('😊 SchemaForm support ProFormDependency', async () => {
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const { container } = render(
       <BetaSchemaForm
         onFinish={onFinish}
@@ -580,7 +580,7 @@ describe('SchemaForm', () => {
       state: string;
     };
 
-    jest.useFakeTimers();
+    vi.useFakeTimers();
 
     const curColumns: ProFormColumnsType<DataItem>[] = [
       {
@@ -601,7 +601,7 @@ describe('SchemaForm', () => {
         ],
       },
     ];
-    const onFinish = jest.fn();
+    const onFinish = vi.fn();
     const wrapper = render(
       <BetaSchemaForm
         shouldUpdate={false}
@@ -628,7 +628,7 @@ describe('SchemaForm', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await act(async () => {
@@ -636,7 +636,7 @@ describe('SchemaForm', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await waitFor(async () => {
@@ -656,14 +656,14 @@ describe('SchemaForm', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(async () => {
       expect((await wrapper.findAllByText('请填写列表')).length).toBe(1);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   ['ModalForm', 'DrawerForm'].forEach((layoutType) => {
@@ -736,7 +736,7 @@ describe('SchemaForm', () => {
     'QueryFilter',
   ].forEach((layoutType) => {
     it(`😊 When SchemaForm's layoutType property is ${layoutType}, make sure it is valid to get the form instance through formRef`, async () => {
-      jest.useFakeTimers();
+      vi.useFakeTimers();
       const formColumns = [
         [
           {
@@ -801,7 +801,7 @@ describe('SchemaForm', () => {
         });
 
         act(() => {
-          jest.runOnlyPendingTimers();
+          vi.runOnlyPendingTimers();
         });
 
         const stepsValue = {
@@ -817,13 +817,13 @@ describe('SchemaForm', () => {
             stepsValue,
           );
         });
-        jest.useRealTimers();
+        vi.useRealTimers();
       }
     });
   });
 
   it('test custom component should not rerender when other field change', () => {
-    const fibonacci = jest.fn();
+    const fibonacci = vi.fn();
 
     const ExpensiveCustomComp = React.memo<{
       value: any;
diff --git a/tests/form/stepFormTest.test.tsx b/tests/form/stepFormTest.test.tsx
index 39f461106e4f..ff1552f0fe80 100644
--- a/tests/form/stepFormTest.test.tsx
+++ b/tests/form/stepFormTest.test.tsx
@@ -77,7 +77,7 @@ describe('StepsForm', () => {
   });
 
   it('🐲 pre button ', async () => {
-    const onCurrentChange = jest.fn();
+    const onCurrentChange = vi.fn();
     const { unmount } = render(
       <StepsForm
         current={1}
@@ -104,9 +104,9 @@ describe('StepsForm', () => {
   });
 
   it('🐲 async onFinish', async () => {
-    const fn = jest.fn();
-    const currentFn = jest.fn();
-    const onFinish = jest.fn();
+    const fn = vi.fn();
+    const currentFn = vi.fn();
+    const onFinish = vi.fn();
 
     const html = render(
       <StepsForm onCurrentChange={currentFn} onFinish={onFinish}>
@@ -150,8 +150,8 @@ describe('StepsForm', () => {
   });
 
   it('🐲 submit when onFinish is null', async () => {
-    const fn = jest.fn();
-    const currentFn = jest.fn();
+    const fn = vi.fn();
+    const currentFn = vi.fn();
 
     const { unmount } = render(
       <StepsForm onCurrentChange={currentFn}>
@@ -187,8 +187,8 @@ describe('StepsForm', () => {
   });
 
   it('🐲 onFinish return true', async () => {
-    const fn = jest.fn();
-    const currentFn = jest.fn();
+    const fn = vi.fn();
+    const currentFn = vi.fn();
     const { unmount } = render(
       <StepsForm
         current={1}
@@ -219,7 +219,7 @@ describe('StepsForm', () => {
   });
 
   it('🐲 onFinish throw error', async () => {
-    const currentFn = jest.fn();
+    const currentFn = vi.fn();
     const { unmount } = render(
       <StepsForm
         current={1}
@@ -269,7 +269,7 @@ describe('StepsForm', () => {
   });
 
   it('🐲 submitter render props', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { unmount } = render(
       <StepsForm
         current={1}
@@ -302,7 +302,7 @@ describe('StepsForm', () => {
   });
 
   it('🐲 current min=0', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { unmount } = render(
       <StepsForm
         current={0}
@@ -340,7 +340,7 @@ describe('StepsForm', () => {
   });
 
   it('🐲 current max=1', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { unmount } = render(
       <StepsForm
         current={1}
@@ -474,7 +474,7 @@ describe('StepsForm', () => {
   });
 
   it('🐲 support deepmerge form value', async () => {
-    const submit = jest.fn(() => Promise.resolve());
+    const submit = vi.fn(() => Promise.resolve());
     const html = render(
       <StepsForm
         stepFormRender={(dom) => {
diff --git a/tests/form/upload.test.tsx b/tests/form/upload.test.tsx
index bace0bd764e0..c880b363e110 100644
--- a/tests/form/upload.test.tsx
+++ b/tests/form/upload.test.tsx
@@ -32,7 +32,7 @@ export function setup() {
 export const teardown = mock.teardown.bind(mock);
 
 describe('ProFormUpload', () => {
-  const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+  const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
   beforeEach(() => setup());
   afterEach(() => {
@@ -41,7 +41,7 @@ describe('ProFormUpload', () => {
   });
 
   it('🏐 ProFormUploadButton support onChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={(_, values) => {
@@ -72,7 +72,7 @@ describe('ProFormUpload', () => {
   });
 
   it('🏐 ProFormUploadButton support beforeUpload', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={(_, values) => {
@@ -179,8 +179,8 @@ describe('ProFormUpload', () => {
   });
 
   it('🏐 ProFormUploadDragger support onChange', async () => {
-    const fn = jest.fn();
-    const onChangeFn = jest.fn();
+    const fn = vi.fn();
+    const onChangeFn = vi.fn();
     const wrapper = render(
       <ProForm
         onValuesChange={(_, values) => {
diff --git a/tests/layout/PageHeader.test.tsx b/tests/layout/PageHeader.test.tsx
index 2d87c0e0b8e2..77faad9936be 100644
--- a/tests/layout/PageHeader.test.tsx
+++ b/tests/layout/PageHeader.test.tsx
@@ -95,7 +95,7 @@ describe('PageContainer', () => {
   });
 
   it('pageHeader should contain back it back', () => {
-    const callback = jest.fn(() => true);
+    const callback = vi.fn(() => true);
     const { container } = render(
       <ConfigProvider direction="rtl">
         <PageHeader title="Page Title" onBack={callback} />
@@ -105,7 +105,7 @@ describe('PageContainer', () => {
   });
 
   it('pageHeader onBack transfer', () => {
-    const callback = jest.fn(() => true);
+    const callback = vi.fn(() => true);
     const { container } = render(
       <PageHeader title="Page Title" onBack={callback} />,
     );
diff --git a/tests/layout/__snapshots__/PageHeader.test.tsx.snap b/tests/layout/__snapshots__/PageHeader.test.tsx.snap
index fdfe08434529..55f3112314ee 100644
--- a/tests/layout/__snapshots__/PageHeader.test.tsx.snap
+++ b/tests/layout/__snapshots__/PageHeader.test.tsx.snap
@@ -1,8 +1,8 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PageContainer pageHeader should not render blank dom 1`] = `null`;
+exports[`PageContainer > pageHeader should not render blank dom 1`] = `null`;
 
-exports[`PageContainer pageHeader should render correctly int RTL direction 1`] = `
+exports[`PageContainer > pageHeader should render correctly int RTL direction 1`] = `
 <div
   class="ant-page-header ant-page-header-ghost"
 >
@@ -23,7 +23,7 @@ exports[`PageContainer pageHeader should render correctly int RTL direction 1`]
 </div>
 `;
 
-exports[`PageContainer pageHeader should support className 1`] = `
+exports[`PageContainer > pageHeader should support className 1`] = `
 <div
   class="ant-page-header not-works ant-page-header-ghost"
 >
@@ -44,7 +44,7 @@ exports[`PageContainer pageHeader should support className 1`] = `
 </div>
 `;
 
-exports[`PageContainer 💄 base use 1`] = `
+exports[`PageContainer > 💄 base use 1`] = `
 <DocumentFragment>
   <div
     class="ant-page-header ant-page-header-ghost"
diff --git a/tests/layout/__snapshots__/demo.test.ts.snap b/tests/layout/__snapshots__/demo.test.ts.snap
index 84a950309ea1..ce8d5ea1cfec 100644
--- a/tests/layout/__snapshots__/demo.test.ts.snap
+++ b/tests/layout/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/PageContainer/demos/basic.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContainer/demos/basic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -389,7 +389,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/PageContaine
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/PageContainer/demos/fixHeader.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContainer/demos/fixHeader.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -710,7 +710,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/PageContaine
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/PageContainer/demos/hideBreadMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContainer/demos/hideBreadMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -934,7 +934,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/PageContaine
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/PageContainer/demos/loading.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContainer/demos/loading.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1243,7 +1243,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/PageContaine
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/PageContainer/demos/token.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/PageContainer/demos/token.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1594,7 +1594,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/PageContaine
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/demos/custom.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/WaterMark/demos/custom.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1999,7 +1999,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/de
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/demos/frontend.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/WaterMark/demos/frontend.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3881,7 +3881,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/de
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/demos/image.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/WaterMark/demos/image.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3914,7 +3914,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/de
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/demos/text.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/WaterMark/demos/text.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3934,7 +3934,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/de
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/demos/textRows.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/components/WaterMark/demos/textRows.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3954,7 +3954,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/components/WaterMark/de
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/AlwaysDefaultOpenAllMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/AlwaysDefaultOpenAllMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4197,7 +4197,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/AlwaysDefaultOpen
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/BreadcrumbsRepeat.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/BreadcrumbsRepeat.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4498,7 +4498,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/BreadcrumbsRepeat
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/DefaultOpenAllMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/DefaultOpenAllMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4741,7 +4741,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/DefaultOpenAllMen
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/IconFont.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/IconFont.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4984,7 +4984,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/IconFont.tsx corr
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/MenuGroup.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/MenuGroup.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5227,7 +5227,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/MenuGroup.tsx cor
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/MultipleMenuOnePath.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/MultipleMenuOnePath.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5492,7 +5492,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/MultipleMenuOnePa
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/Nested.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/Nested.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5707,7 +5707,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/Nested.tsx correc
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/TopmenuNested.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/TopmenuNested.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6041,7 +6041,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/TopmenuNested.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/antd@4MenuIconFormServe.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/antd@4MenuIconFormServe.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6318,7 +6318,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/antd@4MenuIconFor
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/api.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/api.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6882,7 +6882,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/api.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/appList-group.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/appList-group.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7121,7 +7121,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/appList-group.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/appList-group-simple.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/appList-group-simple.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7360,7 +7360,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/appList-group-sim
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/async-load-help.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/async-load-help.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7590,7 +7590,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/async-load-help.t
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/background-context.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/background-context.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7918,7 +7918,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/background-contex
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/base.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/base.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8359,7 +8359,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/base.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/classicMode.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/classicMode.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -8792,7 +8792,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/classicMode.tsx c
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/collapsedShowTitle.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/collapsedShowTitle.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -9138,7 +9138,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/collapsedShowTitl
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/config-provider.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/config-provider.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10187,7 +10187,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/config-provider.t
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/customSider.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/customSider.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10518,7 +10518,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/customSider.tsx c
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/customize-collapsed.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/customize-collapsed.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10852,7 +10852,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/customize-collaps
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/customizeMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/customizeMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10992,7 +10992,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/customizeMenu.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/dark.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/dark.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -11378,7 +11378,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/dark.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/debug-demo.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/debug-demo.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -11768,7 +11768,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/debug-demo.tsx co
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/designMenuCss.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/designMenuCss.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -12205,7 +12205,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/designMenuCss.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/designSiderMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/designSiderMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -12556,7 +12556,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/designSiderMenu.t
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/draggableHelp.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/draggableHelp.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -12992,7 +12992,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/draggableHelp.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/dynamic-settings.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/dynamic-settings.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14055,7 +14055,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/dynamic-settings.
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/dynamicMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/dynamicMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14369,7 +14369,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/dynamicMenu.tsx c
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/error-boundaries.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/error-boundaries.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14603,7 +14603,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/error-boundaries.
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/footer.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/footer.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14909,7 +14909,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/footer.tsx correc
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/footer-global-tools.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/footer-global-tools.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -15323,7 +15323,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/footer-global-too
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/ghost.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/ghost.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -15769,7 +15769,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/ghost.tsx correct
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/help.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/help.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16508,7 +16508,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/help.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/hideMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/hideMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16762,7 +16762,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/hideMenu.tsx corr
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/immersive-navigation.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/immersive-navigation.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -17127,7 +17127,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/immersive-navigat
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/immersive-navigation-top.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/immersive-navigation-top.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -17647,7 +17647,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/immersive-navigat
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/menu-group.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/menu-group.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -18340,7 +18340,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/menu-group.tsx co
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/mixMode.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/mixMode.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -18670,7 +18670,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/mixMode.tsx corre
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/pageSimplify.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/pageSimplify.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19002,7 +19002,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/pageSimplify.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/proHelpModal.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/proHelpModal.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19033,7 +19033,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/proHelpModal.tsx
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/searchMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/searchMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19312,7 +19312,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/searchMenu.tsx co
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/siderMode.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/siderMode.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19638,7 +19638,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/siderMode.tsx cor
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/siteMenu.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/siteMenu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -19968,7 +19968,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/siteMenu.tsx corr
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/splitMenus.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/splitMenus.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -20642,7 +20642,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/splitMenus.tsx co
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/theme.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/theme.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -21028,7 +21028,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/theme.tsx correct
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/top-breadcrumb.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/top-breadcrumb.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -21349,7 +21349,7 @@ exports[`layout demos 📸 renders ./packages/layout/src/demos/top-breadcrumb.ts
 </DocumentFragment>
 `;
 
-exports[`layout demos 📸 renders ./packages/layout/src/demos/topMode.tsx correctly 1`] = `
+exports[`layout demos > 📸 renders ./packages/layout/src/demos/topMode.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/layout/__snapshots__/footer.test.tsx.snap b/tests/layout/__snapshots__/footer.test.tsx.snap
index 520ba41b1466..52a3a270735c 100644
--- a/tests/layout/__snapshots__/footer.test.tsx.snap
+++ b/tests/layout/__snapshots__/footer.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`DefaultFooter test 🦶 copyright support false 1`] = `
+exports[`DefaultFooter test > 🦶 copyright support false 1`] = `
 <DocumentFragment>
   <footer
     class="ant-layout-footer"
@@ -9,7 +9,7 @@ exports[`DefaultFooter test 🦶 copyright support false 1`] = `
 </DocumentFragment>
 `;
 
-exports[`DefaultFooter test 🦶 links support false 1`] = `
+exports[`DefaultFooter test > 🦶 links support false 1`] = `
 <DocumentFragment>
   <footer
     class="ant-layout-footer"
diff --git a/tests/layout/__snapshots__/help.test.tsx.snap b/tests/layout/__snapshots__/help.test.tsx.snap
index 3daf309ecccf..4a749408cc4a 100644
--- a/tests/layout/__snapshots__/help.test.tsx.snap
+++ b/tests/layout/__snapshots__/help.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`👍🏻 ProHelpPanel 🎏 ProHelp is empty 1`] = `
+exports[`👍🏻 ProHelpPanel > 🎏 ProHelp is empty 1`] = `
 <body>
   <div>
     <div
diff --git a/tests/layout/__snapshots__/index.test.tsx.snap b/tests/layout/__snapshots__/index.test.tsx.snap
index b8d70935fc03..b7ec93b9bf29 100644
--- a/tests/layout/__snapshots__/index.test.tsx.snap
+++ b/tests/layout/__snapshots__/index.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`BasicLayout 🥩 BasicLayout menu support menu.true 1`] = `
+exports[`BasicLayout > 🥩 BasicLayout menu support menu.true 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -637,7 +637,7 @@ exports[`BasicLayout 🥩 BasicLayout menu support menu.true 1`] = `
 </DocumentFragment>
 `;
 
-exports[`BasicLayout 🥩 base use 1`] = `
+exports[`BasicLayout > 🥩 base use 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -853,7 +853,7 @@ exports[`BasicLayout 🥩 base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`BasicLayout 🥩 compatibleStyle 1`] = `
+exports[`BasicLayout > 🥩 compatibleStyle 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -1071,7 +1071,7 @@ exports[`BasicLayout 🥩 compatibleStyle 1`] = `
 </DocumentFragment>
 `;
 
-exports[`BasicLayout 🥩 contentStyle should change dom 1`] = `
+exports[`BasicLayout > 🥩 contentStyle should change dom 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -1288,7 +1288,7 @@ exports[`BasicLayout 🥩 contentStyle should change dom 1`] = `
 </DocumentFragment>
 `;
 
-exports[`BasicLayout 🥩 mix layout hideInMenu render right 1`] = `
+exports[`BasicLayout > 🥩 mix layout hideInMenu render right 1`] = `
 <body>
   <div>
     <div
@@ -1552,7 +1552,7 @@ exports[`BasicLayout 🥩 mix layout hideInMenu render right 1`] = `
 </body>
 `;
 
-exports[`BasicLayout 🥩 support loading 1`] = `
+exports[`BasicLayout > 🥩 support loading 1`] = `
 <div
   class="ant-skeleton ant-skeleton-active"
 >
diff --git a/tests/layout/__snapshots__/mobile.test.tsx.snap b/tests/layout/__snapshots__/mobile.test.tsx.snap
index 4e1d0cefb32f..477a44c1db33 100644
--- a/tests/layout/__snapshots__/mobile.test.tsx.snap
+++ b/tests/layout/__snapshots__/mobile.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`mobile BasicLayout 📱 base use 1`] = `
+exports[`mobile BasicLayout > 📱 base use 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -193,7 +193,7 @@ exports[`mobile BasicLayout 📱 base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`mobile BasicLayout 📱 collapsed=false 1`] = `
+exports[`mobile BasicLayout > 📱 collapsed=false 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -384,7 +384,7 @@ exports[`mobile BasicLayout 📱 collapsed=false 1`] = `
 </DocumentFragment>
 `;
 
-exports[`mobile BasicLayout 📱 layout menuHeaderRender 1`] = `
+exports[`mobile BasicLayout > 📱 layout menuHeaderRender 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-mix"
@@ -450,7 +450,7 @@ exports[`mobile BasicLayout 📱 layout menuHeaderRender 1`] = `
 </DocumentFragment>
 `;
 
-exports[`mobile BasicLayout 📱 layout menuHeaderRender 2`] = `
+exports[`mobile BasicLayout > 📱 layout menuHeaderRender 2`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-mix"
@@ -516,7 +516,7 @@ exports[`mobile BasicLayout 📱 layout menuHeaderRender 2`] = `
 </DocumentFragment>
 `;
 
-exports[`mobile BasicLayout 📱 layout menuHeaderRender=false 1`] = `
+exports[`mobile BasicLayout > 📱 layout menuHeaderRender=false 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-mix"
@@ -581,7 +581,7 @@ exports[`mobile BasicLayout 📱 layout menuHeaderRender=false 1`] = `
 </DocumentFragment>
 `;
 
-exports[`mobile BasicLayout 📱 layout=mix 1`] = `
+exports[`mobile BasicLayout > 📱 layout=mix 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-mix"
@@ -776,7 +776,7 @@ exports[`mobile BasicLayout 📱 layout=mix 1`] = `
 </DocumentFragment>
 `;
 
-exports[`mobile BasicLayout 📱 layout=mix and splitMenus 1`] = `
+exports[`mobile BasicLayout > 📱 layout=mix and splitMenus 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-xs ant-pro-layout-fix-siderbar ant-pro-layout-mix"
diff --git a/tests/layout/__snapshots__/pageContainer.test.tsx.snap b/tests/layout/__snapshots__/pageContainer.test.tsx.snap
index 20d4ab6b4731..b7e5ee29976e 100644
--- a/tests/layout/__snapshots__/pageContainer.test.tsx.snap
+++ b/tests/layout/__snapshots__/pageContainer.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`PageContainer ⚡️ support fixHeader 1`] = `
+exports[`PageContainer > ⚡️ support fixHeader 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -27,9 +27,9 @@ exports[`PageContainer ⚡️ support fixHeader 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer ⚡️ support fixedHeader 1`] = `null`;
+exports[`PageContainer > ⚡️ support fixedHeader 1`] = `null`;
 
-exports[`PageContainer ⚡️ support footer 1`] = `
+exports[`PageContainer > ⚡️ support footer 1`] = `
 <div>
   <div
     class="ant-pro-page-container ant-pro-page-container-with-footer"
@@ -72,9 +72,9 @@ exports[`PageContainer ⚡️ support footer 1`] = `
 </div>
 `;
 
-exports[`PageContainer ⚡️ support loading 1`] = `null`;
+exports[`PageContainer > ⚡️ support loading 1`] = `null`;
 
-exports[`PageContainer ⚡️ support more loading props 1`] = `
+exports[`PageContainer > ⚡️ support more loading props 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -135,7 +135,7 @@ exports[`PageContainer ⚡️ support more loading props 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🌛 PageContainer with custom loading 1`] = `
+exports[`PageContainer > 🌛 PageContainer with custom loading 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container custom-className"
@@ -176,7 +176,7 @@ exports[`PageContainer 🌛 PageContainer with custom loading 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🐛 className prop should not be passed to its page header, fix #3493 1`] = `
+exports[`PageContainer > 🐛 className prop should not be passed to its page header, fix #3493 1`] = `
 <div>
   <div
     class="ant-pro-page-container custom-className"
@@ -203,7 +203,7 @@ exports[`PageContainer 🐛 className prop should not be passed to its page head
 </div>
 `;
 
-exports[`PageContainer 🐲 FooterToolbar should know width 1`] = `
+exports[`PageContainer > 🐲 FooterToolbar should know width 1`] = `
 <div>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-top-menu ant-pro-layout-fix-siderbar ant-pro-layout-top"
@@ -442,7 +442,7 @@ exports[`PageContainer 🐲 FooterToolbar should know width 1`] = `
 </div>
 `;
 
-exports[`PageContainer 🐲 content is text and title is null 1`] = `
+exports[`PageContainer > 🐲 content is text and title is null 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -476,7 +476,7 @@ exports[`PageContainer 🐲 content is text and title is null 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🐲 content is text and title is null 2`] = `
+exports[`PageContainer > 🐲 content is text and title is null 2`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -512,7 +512,7 @@ exports[`PageContainer 🐲 content is text and title is null 2`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🐲 footer is null, do not render footerToolbar  1`] = `
+exports[`PageContainer > 🐲 footer is null, do not render footerToolbar  1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container ant-pro-page-container-with-footer"
@@ -536,7 +536,7 @@ exports[`PageContainer 🐲 footer is null, do not render footerToolbar  1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🐲 footer is null, do not render footerToolbar  2`] = `
+exports[`PageContainer > 🐲 footer is null, do not render footerToolbar  2`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -544,7 +544,7 @@ exports[`PageContainer 🐲 footer is null, do not render footerToolbar  2`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🐲 footer should know width 1`] = `
+exports[`PageContainer > 🐲 footer should know width 1`] = `
 <div>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-top-menu ant-pro-layout-fix-siderbar ant-pro-layout-top"
@@ -789,7 +789,7 @@ exports[`PageContainer 🐲 footer should know width 1`] = `
 </div>
 `;
 
-exports[`PageContainer 🐲 pro-layout support breadcrumbProps 1`] = `
+exports[`PageContainer > 🐲 pro-layout support breadcrumbProps 1`] = `
 <DocumentFragment>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -1047,7 +1047,7 @@ exports[`PageContainer 🐲 pro-layout support breadcrumbProps 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 💄 base use 1`] = `
+exports[`PageContainer > 💄 base use 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -1074,7 +1074,7 @@ exports[`PageContainer 💄 base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 💄 config is null 1`] = `
+exports[`PageContainer > 💄 config is null 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container"
@@ -1082,7 +1082,7 @@ exports[`PageContainer 💄 config is null 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🔥 footer bar support extra 1`] = `
+exports[`PageContainer > 🔥 footer bar support extra 1`] = `
 <DocumentFragment>
   <div
     class="qixian_footer ant-pro-footer-bar"
@@ -1108,7 +1108,7 @@ exports[`PageContainer 🔥 footer bar support extra 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🔥 footer bar support renderContent 1`] = `
+exports[`PageContainer > 🔥 footer bar support renderContent 1`] = `
 <DocumentFragment>
   <div
     class="qixian_footer ant-pro-footer-bar"
@@ -1118,7 +1118,7 @@ exports[`PageContainer 🔥 footer bar support renderContent 1`] = `
 </DocumentFragment>
 `;
 
-exports[`PageContainer 🔥 support footer and breadcrumb 1`] = `
+exports[`PageContainer > 🔥 support footer and breadcrumb 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-page-container ant-pro-page-container-with-footer"
diff --git a/tests/layout/__snapshots__/pageHeaderWarp.test.tsx.snap b/tests/layout/__snapshots__/pageHeaderWarp.test.tsx.snap
index 52278f4d9148..6740bfdcb191 100644
--- a/tests/layout/__snapshots__/pageHeaderWarp.test.tsx.snap
+++ b/tests/layout/__snapshots__/pageHeaderWarp.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`BasicLayout ActionsContent support contentRender 1`] = `
+exports[`BasicLayout > ActionsContent support contentRender 1`] = `
 <div>
   <div
     class="ant-pro-global-header-right-content"
@@ -13,7 +13,7 @@ exports[`BasicLayout ActionsContent support contentRender 1`] = `
 </div>
 `;
 
-exports[`BasicLayout base use 1`] = `
+exports[`BasicLayout > base use 1`] = `
 <div>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
@@ -252,7 +252,7 @@ exports[`BasicLayout base use 1`] = `
 </div>
 `;
 
-exports[`BasicLayout content is text 1`] = `
+exports[`BasicLayout > content is text 1`] = `
 <div>
   <div
     class="ant-design-pro ant-pro-layout screen-md ant-pro-layout-fix-siderbar ant-pro-layout-side"
diff --git a/tests/layout/__snapshots__/settingDrawer.test.tsx.snap b/tests/layout/__snapshots__/settingDrawer.test.tsx.snap
index 72ac7d4fc928..8e1d4f3da35c 100644
--- a/tests/layout/__snapshots__/settingDrawer.test.tsx.snap
+++ b/tests/layout/__snapshots__/settingDrawer.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`settingDrawer.test 🌺 base user 1`] = `
+exports[`settingDrawer.test > 🌺 base user 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-setting-drawer-handle"
@@ -1207,7 +1207,7 @@ exports[`settingDrawer.test 🌺 base user 1`] = `
 </DocumentFragment>
 `;
 
-exports[`settingDrawer.test 🌺 hideColors = true 1`] = `
+exports[`settingDrawer.test > 🌺 hideColors = true 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-setting-drawer-handle"
@@ -2345,7 +2345,7 @@ exports[`settingDrawer.test 🌺 hideColors = true 1`] = `
 </DocumentFragment>
 `;
 
-exports[`settingDrawer.test 🌺 hideCopyButton = true 1`] = `
+exports[`settingDrawer.test > 🌺 hideCopyButton = true 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-setting-drawer-handle"
@@ -3520,7 +3520,7 @@ exports[`settingDrawer.test 🌺 hideCopyButton = true 1`] = `
 </DocumentFragment>
 `;
 
-exports[`settingDrawer.test 🌺 hideHintAlert = true 1`] = `
+exports[`settingDrawer.test > 🌺 hideHintAlert = true 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-setting-drawer-handle"
@@ -4692,7 +4692,7 @@ exports[`settingDrawer.test 🌺 hideHintAlert = true 1`] = `
 </DocumentFragment>
 `;
 
-exports[`settingDrawer.test 🌺 settings = undefined 1`] = `
+exports[`settingDrawer.test > 🌺 settings = undefined 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-setting-drawer-handle"
diff --git a/tests/layout/__snapshots__/waterMark.test.tsx.snap b/tests/layout/__snapshots__/waterMark.test.tsx.snap
index e34752f8e106..8e0d7609bd3e 100644
--- a/tests/layout/__snapshots__/waterMark.test.tsx.snap
+++ b/tests/layout/__snapshots__/waterMark.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`WaterMark test image watermark 1`] = `
+exports[`WaterMark > test image watermark 1`] = `
 <div>
   <div
     class="ant-pro-layout-watermark-wrapper"
@@ -19,7 +19,7 @@ exports[`WaterMark test image watermark 1`] = `
 </div>
 `;
 
-exports[`WaterMark test text watermark 1`] = `
+exports[`WaterMark > test text watermark 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-layout-watermark-wrapper"
diff --git a/tests/layout/help.test.tsx b/tests/layout/help.test.tsx
index 15eebbe17b0a..138a08701b01 100644
--- a/tests/layout/help.test.tsx
+++ b/tests/layout/help.test.tsx
@@ -378,8 +378,8 @@ describe('👍🏻 ProHelpPanel', () => {
   });
 
   it('🎏 infiniteScrollFull panel', async () => {
-    jest.useFakeTimers();
-    const onSelectedKeyChangeFn = jest.fn();
+    vi.useFakeTimers();
+    const onSelectedKeyChangeFn = vi.fn();
     const html = render(
       <ProHelp
         dataSource={[
@@ -767,7 +767,7 @@ describe('👍🏻 ProHelpPanel', () => {
       );
     });
     await act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     const dom = await html.findByTestId('navigation-switch');
@@ -780,7 +780,7 @@ describe('👍🏻 ProHelpPanel', () => {
 
     html.unmount();
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🎏 click menuItem show demo', async () => {
@@ -834,7 +834,7 @@ describe('👍🏻 ProHelpPanel', () => {
   });
 
   it('🎏 ProHelpModal', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <DefaultProHelp>
         <div
@@ -876,7 +876,7 @@ describe('👍🏻 ProHelpPanel', () => {
   });
 
   it('🎏 ProHelpDrawer', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <DefaultProHelp>
         <div
@@ -918,7 +918,7 @@ describe('👍🏻 ProHelpPanel', () => {
   });
 
   it('🎏 ProHelpSelect', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const html = render(
       <DefaultProHelp>
         <div
@@ -941,7 +941,7 @@ describe('👍🏻 ProHelpPanel', () => {
       fireEvent.mouseDown(
         html.container.querySelector('.ant-select-selector')!,
       );
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await html.findByText('常见问题');
@@ -953,7 +953,7 @@ describe('👍🏻 ProHelpPanel', () => {
         },
       });
 
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     expect(
@@ -964,13 +964,13 @@ describe('👍🏻 ProHelpPanel', () => {
 
     await act(async () => {
       fireEvent.blur(html.container.querySelector('.ant-select-selector')!);
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     expect(!!html.container.querySelector('.ant-select-selector')!).toBeFalsy();
   });
 
   it('🎏 ProHelpSelect in panel', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const html = render(
       <DefaultProHelp>
         <div
@@ -995,7 +995,7 @@ describe('👍🏻 ProHelpPanel', () => {
       fireEvent.mouseDown(
         html.container.querySelector('.ant-select-selector')!,
       );
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await html.findAllByText('常见问题');
@@ -1007,7 +1007,7 @@ describe('👍🏻 ProHelpPanel', () => {
         },
       });
 
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     expect(
@@ -1025,7 +1025,7 @@ describe('👍🏻 ProHelpPanel', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -1036,7 +1036,7 @@ describe('👍🏻 ProHelpPanel', () => {
 
     await act(async () => {
       fireEvent.blur(html.container.querySelector('.ant-select-selector')!);
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     expect(!!html.container.querySelector('.ant-select-selector')!).toBeFalsy();
   });
diff --git a/tests/layout/index.test.tsx b/tests/layout/index.test.tsx
index f677f949a15b..8bf5693a2b3f 100644
--- a/tests/layout/index.test.tsx
+++ b/tests/layout/index.test.tsx
@@ -21,14 +21,14 @@ describe('BasicLayout', () => {
   });
   beforeAll(() => {
     process.env.NODE_ENV = 'TEST';
-    const matchMediaSpy = jest.spyOn(window, 'matchMedia');
+    const matchMediaSpy = vi.spyOn(window, 'matchMedia');
     matchMediaSpy.mockImplementation(
       (query) =>
         ({
           addListener: (cb: (e: { matches: boolean }) => void) => {
             cb({ matches: query === '(min-width: 768px)' });
           },
-          removeListener: jest.fn(),
+          removeListener: vi.fn(),
           matches: query === '(min-width: 768px)',
         } as any),
     );
@@ -115,7 +115,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 support appList', async () => {
-    const itemClicking = jest.fn();
+    const itemClicking = vi.fn();
     const wrapper = render(
       <ProLayout
         appList={[
@@ -214,7 +214,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 appList icon is simple', async () => {
-    const itemClicking = jest.fn();
+    const itemClicking = vi.fn();
     const wrapper = render(
       <ProLayout
         appList={[
@@ -573,7 +573,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 use onLogoClick', async () => {
-    const onLogoClick = jest.fn();
+    const onLogoClick = vi.fn();
     const wrapper = render(
       <ProLayout
         siderWidth={undefined}
@@ -614,7 +614,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 onCollapse', async () => {
-    const onCollapse = jest.fn();
+    const onCollapse = vi.fn();
     const wrapper = render(<ProLayout onCollapse={onCollapse} />);
     await waitForWaitTime(100);
     act(() => {
@@ -933,7 +933,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 onPageChange', async () => {
-    const onPageChange = jest.fn();
+    const onPageChange = vi.fn();
     const wrapper = render(
       <ProLayout
         onPageChange={onPageChange}
@@ -980,7 +980,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 onMenuHeaderClick', async () => {
-    const onMenuHeaderClick = jest.fn();
+    const onMenuHeaderClick = vi.fn();
     const wrapper = render(
       <ProLayout
         pageTitleRender={false}
@@ -1002,7 +1002,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 renderPageTitle return value should is string', async () => {
-    const renderPageTitle = jest.fn();
+    const renderPageTitle = vi.fn();
     render(
       <ProLayout
         // @ts-expect-error
@@ -1449,7 +1449,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 BasicLayout menu support onSelect', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const Demo = () => {
       const [pathname, setPathname] = useState('/admin/sub-page1');
       return (
@@ -1527,7 +1527,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 ProLayout support menu.request', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const actionRef = React.createRef<
       | {
           reload: () => void;
@@ -1604,7 +1604,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 ProLayout support menu.params', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const defaultMenu = {
       locale: false,
       params: {},
@@ -1957,7 +1957,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 siderMenu should restore openKeys when collapsed is false', async () => {
-    const onCollapse = jest.fn();
+    const onCollapse = vi.fn();
     const html = render(
       <ProLayout
         {...bigDefaultProps}
@@ -2005,7 +2005,7 @@ describe('BasicLayout', () => {
   });
 
   it('🥩 ProLayout support suppressSiderWhenMenuEmpty', async () => {
-    const handleClick = jest.fn();
+    const handleClick = vi.fn();
     let serviceData = [
       {
         path: '/',
diff --git a/tests/layout/mobile.test.tsx b/tests/layout/mobile.test.tsx
index 613ddffd2da2..d6dd92837836 100644
--- a/tests/layout/mobile.test.tsx
+++ b/tests/layout/mobile.test.tsx
@@ -8,13 +8,13 @@ describe('mobile BasicLayout', () => {
     process.env.USE_MEDIA = 'xs';
 
     Object.defineProperty(global.window, 'matchMedia', {
-      value: jest.fn((query) => {
+      value: vi.fn((query) => {
         //  (max-width: 575px)
         return {
           media: query,
           matches: query.includes('max-width: 575px'),
-          addListener: jest.fn(),
-          removeListener: jest.fn(),
+          addListener: vi.fn(),
+          removeListener: vi.fn(),
         };
       }),
     });
@@ -134,7 +134,7 @@ describe('mobile BasicLayout', () => {
   });
 
   it('📱 layout collapsedButtonRender', async () => {
-    const onCollapse = jest.fn();
+    const onCollapse = vi.fn();
     const html = render(
       <ProLayout
         {...defaultProps}
diff --git a/tests/layout/pageContainer.test.tsx b/tests/layout/pageContainer.test.tsx
index 2995b59c2a98..44a280b45a51 100644
--- a/tests/layout/pageContainer.test.tsx
+++ b/tests/layout/pageContainer.test.tsx
@@ -444,7 +444,7 @@ describe('PageContainer', () => {
   });
 
   it('🐲 tabList and onTabChange is run', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <PageContainer
         title="标题"
diff --git a/tests/layout/settingDrawer.test.tsx b/tests/layout/settingDrawer.test.tsx
index 01f8a2a6cee7..dc5c2502e32e 100644
--- a/tests/layout/settingDrawer.test.tsx
+++ b/tests/layout/settingDrawer.test.tsx
@@ -75,7 +75,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺  theme color Change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const colorList = [
       { key: 'dust', color: '#F5222D' },
       { key: 'volcano', color: '#FA541C' },
@@ -134,7 +134,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 initState form query', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container, unmount } = render(
       <div>
         <SettingDrawer
@@ -189,7 +189,7 @@ describe('settingDrawer.test', () => {
         },
       },
     });
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container, unmount } = render(
       <SettingDrawer
         disableUrlParams
@@ -207,7 +207,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 onCollapseChange', async () => {
-    const onCollapseChange = jest.fn();
+    const onCollapseChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -228,7 +228,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 onLayout Change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -257,7 +257,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 fix-siderbar Change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -279,7 +279,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 content-width change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -304,7 +304,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 splitMenu change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -325,7 +325,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 fixed-header Change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -347,7 +347,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 theme Change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     const { container } = render(
       <SettingDrawer
         disableUrlParams
@@ -377,7 +377,7 @@ describe('settingDrawer.test', () => {
   });
 
   it('🌺 colorWeak Change', async () => {
-    const onSettingChange = jest.fn();
+    const onSettingChange = vi.fn();
     document.body.appendChild(document.createElement('div'));
     const { container, rerender } = render(
       <SettingDrawer
@@ -418,7 +418,7 @@ describe('settingDrawer.test', () => {
 
   ['header', 'footer', 'menu', 'menuHeader'].map((key) => {
     it(`🌺 ${key} regional config change`, async () => {
-      const fn = jest.fn();
+      const fn = vi.fn();
       const { container, unmount } = render(
         <SettingDrawer
           disableUrlParams
@@ -441,7 +441,7 @@ describe('settingDrawer.test', () => {
 
   it('🌺 onLanguageChange support', async () => {
     let fn: Function | null = null;
-    const addEventListenerSpy = jest
+    const addEventListenerSpy = vi
       .spyOn(document, 'addEventListener')
       .mockImplementation((eventName, eventFn) => {
         if (eventName === 'languagechange') {
diff --git a/tests/layout/waterMark.test.tsx b/tests/layout/waterMark.test.tsx
index 19ea3f7741ec..56eeaac0d743 100644
--- a/tests/layout/waterMark.test.tsx
+++ b/tests/layout/waterMark.test.tsx
@@ -46,7 +46,7 @@ describe('WaterMark', () => {
   });
 
   it('test image watermark', async () => {
-    const spy = jest.spyOn(global.console, 'error').mockImplementation();
+    const spy = vi.spyOn(global.console, 'error');
     const createElement = document.createElement.bind(document);
     // @ts-ignore
     document.createElement = (tagName: string) => {
@@ -69,8 +69,7 @@ describe('WaterMark', () => {
       </WaterMark>,
     );
 
-    // @ts-ignore
-    expect(console.error.mock.calls).toEqual([['当前环境不支持Canvas']]);
+    expect(spy.mock.calls).toEqual([['当前环境不支持Canvas']]);
     unmount();
     spy.mockRestore();
   });
diff --git a/tests/list/__snapshots__/demo.test.ts.snap b/tests/list/__snapshots__/demo.test.ts.snap
index 483b3e967567..06b0c0db6a9b 100644
--- a/tests/list/__snapshots__/demo.test.ts.snap
+++ b/tests/list/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`list demos 📸 renders ./packages/list/src/demos/ToolBar.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/ToolBar.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -555,7 +555,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/ToolBar.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/base.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/base.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1032,7 +1032,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/base.tsx correctly 1`
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/card-list.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/card-list.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2278,7 +2278,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/card-list.tsx correct
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/editable.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/editable.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2716,7 +2716,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/editable.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/expand.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/expand.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3215,7 +3215,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/expand.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/filter.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/filter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3588,7 +3588,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/filter.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/layout.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/layout.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4299,7 +4299,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/layout.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/pagination.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/pagination.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5215,7 +5215,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/pagination.tsx correc
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/search.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/search.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5682,7 +5682,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/search.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/selectedRow.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/selectedRow.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6269,7 +6269,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/selectedRow.tsx corre
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/size.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/size.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -6875,7 +6875,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/size.tsx correctly 1`
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/special.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/special.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -7518,7 +7518,7 @@ exports[`list demos 📸 renders ./packages/list/src/demos/special.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`list demos 📸 renders ./packages/list/src/demos/testConfigProvider.tsx correctly 1`] = `
+exports[`list demos > 📸 renders ./packages/list/src/demos/testConfigProvider.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/list/__snapshots__/index.test.tsx.snap b/tests/list/__snapshots__/index.test.tsx.snap
index 3972d1c80d96..0c04c99e7d15 100644
--- a/tests/list/__snapshots__/index.test.tsx.snap
+++ b/tests/list/__snapshots__/index.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`List 🚏 ProList support rowClassName as a function 1`] = `
+exports[`List > 🚏 ProList support rowClassName as a function 1`] = `
 <div>
   <div
     class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
@@ -116,7 +116,7 @@ exports[`List 🚏 ProList support rowClassName as a function 1`] = `
 </div>
 `;
 
-exports[`List 🚏 ProList support rowClassName as a string 1`] = `
+exports[`List > 🚏 ProList support rowClassName as a string 1`] = `
 <div>
   <div
     class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
@@ -191,7 +191,7 @@ exports[`List 🚏 ProList support rowClassName as a string 1`] = `
 </div>
 `;
 
-exports[`List 🚏 only has content 1`] = `
+exports[`List > 🚏 only has content 1`] = `
 <div>
   <div
     class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
@@ -243,7 +243,7 @@ exports[`List 🚏 only has content 1`] = `
 </div>
 `;
 
-exports[`List 🚏 only has description 1`] = `
+exports[`List > 🚏 only has description 1`] = `
 <div>
   <div
     class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
@@ -319,7 +319,7 @@ exports[`List 🚏 only has description 1`] = `
 </div>
 `;
 
-exports[`List 🚏 show loading state 1`] = `
+exports[`List > 🚏 show loading state 1`] = `
 <div>
   <div
     class="ant-pro-table ant-pro-list ant-pro-list ant-pro-list-no-split"
diff --git a/tests/list/index.test.tsx b/tests/list/index.test.tsx
index 5df47a4f5419..5dd04370e75e 100644
--- a/tests/list/index.test.tsx
+++ b/tests/list/index.test.tsx
@@ -182,7 +182,7 @@ describe('List', () => {
   });
 
   it('🚏 expandable', async () => {
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const Wrapper = () => {
       const [expandedRowKeys, onExpandedRowsChange] = useState<
         readonly ReactText[]
@@ -222,7 +222,7 @@ describe('List', () => {
   });
 
   it('🚏 expandable support expandRowByClick', async () => {
-    const onExpand = jest.fn();
+    const onExpand = vi.fn();
     const Wrapper = () => {
       const [expandedRowKeys, onExpandedRowsChange] = useState<
         readonly ReactText[]
@@ -350,7 +350,7 @@ describe('List', () => {
   });
 
   it('🚏 expandable with expandIcon', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const Wrapper = () => {
       return (
         <ProList
@@ -471,7 +471,7 @@ describe('List', () => {
   });
 
   it('🚏 filter and request', async () => {
-    const onRequest = jest.fn();
+    const onRequest = vi.fn();
     const { container, findByText, baseElement } = reactRender(
       <ProList<any, { title: string }>
         metas={{
@@ -538,8 +538,8 @@ describe('List', () => {
   });
 
   it('🚏 ProList support onRow', async () => {
-    const onClick = jest.fn();
-    const onMouseEnter = jest.fn();
+    const onClick = vi.fn();
+    const onMouseEnter = vi.fn();
     const { container } = reactRender(
       <ProList<DataSourceType>
         dataSource={[
@@ -790,8 +790,8 @@ describe('List', () => {
   });
 
   it('🚏 trigger list item event when has grid prop', async () => {
-    const fn1 = jest.fn();
-    const fn2 = jest.fn();
+    const fn1 = vi.fn();
+    const fn2 = vi.fn();
     const html = reactRender(
       <ProList
         grid={{ gutter: 16, column: 2 }}
diff --git a/tests/setupTests.ts b/tests/setupTests.ts
index 31762c0cbe19..d1c9b4366c42 100644
--- a/tests/setupTests.ts
+++ b/tests/setupTests.ts
@@ -1,79 +1,63 @@
 import '@testing-library/jest-dom';
-import 'jest-canvas-mock';
-import { enableFetchMocks } from 'jest-fetch-mock';
+import { vi } from 'vitest'
 import MockDate from 'mockdate';
 import React from 'react';
 import tableData from './table/mock.data.json';
+import crypto from 'crypto';
 
 import { defaultConfig } from 'antd/lib/theme/internal';
 
 defaultConfig.hashed = false;
+globalThis.React = React;
 
-jest.mock('antd', () => {
-  const antd = jest.requireActual('antd');
+vi.stubGlobal('IS_REACT_ACT_ENVIRONMENT', true)
+vi.stubGlobal('ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION', true)
+vi.stubEnv('TZ', 'UTC')
+
+vi.mock('antd', async (importActual) => {
+  const antd = await importActual<typeof import('antd')>();
   antd.theme.defaultConfig.hashed = false;
   return antd;
 });
 
-process.env.TZ = 'UTC';
-
-global.React = React;
-
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  useLayoutEffect: jest.requireActual('react').useEffect,
+vi.mock('react', async (importActual) => ({
+  ...(await importActual<typeof import('react')>()),
+  useLayoutEffect: ((await importActual<typeof import('react')>()).useEffect),
 }));
 
-jest.setTimeout(60000);
-
-/* eslint-disable global-require */
-if (typeof window !== 'undefined') {
+if (typeof globalThis !== 'undefined') {
   // ref: https://github.com/ant-design/ant-design/issues/18774
-  if (!window.matchMedia) {
-    Object.defineProperty(global.window, 'matchMedia', {
+  if (!globalThis.matchMedia) {
+    Object.defineProperty(globalThis, 'matchMedia', {
       writable: true,
       configurable: true,
-      value: jest.fn(() => ({
+      value: vi.fn(() => ({
         matches: false,
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
-      })),
-    });
-  }
-  if (!window.matchMedia) {
-    Object.defineProperty(global.window, 'matchMedia', {
-      writable: true,
-      configurable: true,
-      value: jest.fn((query) => ({
-        matches: query.includes('max-width'),
-        addListener: jest.fn(),
-        removeListener: jest.fn(),
+        addListener: vi.fn(),
+        removeListener: vi.fn(),
       })),
     });
   }
 }
 
-enableFetchMocks();
-
-Object.defineProperty(window, 'open', {
-  value: jest.fn,
+Object.defineProperty(globalThis, 'open', {
+  value: vi.fn(),
 });
 
-const crypto = require('crypto');
-Object.defineProperty(global.self, 'crypto', {
+Object.defineProperty(globalThis, 'crypto', {
   value: {
     getRandomValues: (arr: any[]) => crypto.randomBytes(arr.length),
   },
 });
 
-global.requestAnimationFrame =
-  global.requestAnimationFrame ||
+globalThis.requestAnimationFrame =
+  globalThis.requestAnimationFrame ||
   function requestAnimationFrame(cb) {
     return setTimeout(cb, 0);
   };
 
-global.cancelAnimationFrame =
-  global.cancelAnimationFrame ||
+globalThis.cancelAnimationFrame =
+  globalThis.cancelAnimationFrame ||
   function cancelAnimationFrame() {
     return null;
   };
@@ -100,12 +84,12 @@ export const localStorageMock = (() => {
   };
 })();
 
-Object.defineProperty(window, 'localStorage', {
+Object.defineProperty(globalThis, 'localStorage', {
   value: localStorageMock,
   writable: true,
 });
 
-Object.defineProperty(window, 'cancelAnimationFrame', {
+Object.defineProperty(globalThis, 'cancelAnimationFrame', {
   value: () => null,
 });
 
@@ -114,13 +98,10 @@ MockDate.set(1479828164000);
 
 Math.random = () => 0.8404419276253765;
 
-//@ts-ignore
-fetch.mockResponse(async () => {
-  return { body: JSON.stringify(tableData) };
-});
+
 
 // @ts-ignore-next-line
-global.Worker = class {
+globalThis.Worker = class {
   constructor(stringUrl: string) {
     // @ts-ignore-next-line
     this.url = stringUrl;
@@ -139,3 +120,14 @@ if (process.env.TEST_LOG === 'none') {
   console.warn = () => {};
   console.log = () => {};
 }
+
+// with jest-canvas-mock
+(globalThis as any).jest = vi;
+await import('jest-canvas-mock');
+
+// with jest-fetch-mock
+(await import('jest-fetch-mock')).enableFetchMocks();
+//@ts-ignore
+fetch.mockResponse(async () => {
+  return { body: JSON.stringify(tableData) };
+});
\ No newline at end of file
diff --git a/tests/skeleton/__snapshots__/demo.test.ts.snap b/tests/skeleton/__snapshots__/demo.test.ts.snap
index d5a1b97227e9..f51d42bea0d7 100644
--- a/tests/skeleton/__snapshots__/demo.test.ts.snap
+++ b/tests/skeleton/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/descriptions.tsx correctly 1`] = `
+exports[`skeleton demos > 📸 renders ./packages/skeleton/src/demos/descriptions.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -454,7 +454,7 @@ exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/descriptions.
 </DocumentFragment>
 `;
 
-exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/list.static.tsx correctly 1`] = `
+exports[`skeleton demos > 📸 renders ./packages/skeleton/src/demos/list.static.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -926,7 +926,7 @@ exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/list.static.t
 </DocumentFragment>
 `;
 
-exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/list.tsx correctly 1`] = `
+exports[`skeleton demos > 📸 renders ./packages/skeleton/src/demos/list.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -1398,7 +1398,7 @@ exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/list.tsx corr
 </DocumentFragment>
 `;
 
-exports[`skeleton demos 📸 renders ./packages/skeleton/src/demos/result.tsx correctly 1`] = `
+exports[`skeleton demos > 📸 renders ./packages/skeleton/src/demos/result.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/skeleton/__snapshots__/skeleton.test.tsx.snap b/tests/skeleton/__snapshots__/skeleton.test.tsx.snap
index 3c6b00b4f047..b3f95649b3b7 100644
--- a/tests/skeleton/__snapshots__/skeleton.test.tsx.snap
+++ b/tests/skeleton/__snapshots__/skeleton.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`skeleton 🥩 descriptions api use 1`] = `
+exports[`skeleton > 🥩 descriptions api use 1`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -1126,7 +1126,7 @@ exports[`skeleton 🥩 descriptions api use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 descriptions api use 2`] = `
+exports[`skeleton > 🥩 descriptions api use 2`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -1867,7 +1867,7 @@ exports[`skeleton 🥩 descriptions api use 2`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 descriptions base use 1`] = `
+exports[`skeleton > 🥩 descriptions base use 1`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -2554,7 +2554,7 @@ exports[`skeleton 🥩 descriptions base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 list api use 1`] = `
+exports[`skeleton > 🥩 list api use 1`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -3216,7 +3216,7 @@ exports[`skeleton 🥩 list api use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 list api use 2`] = `
+exports[`skeleton > 🥩 list api use 2`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -3224,7 +3224,7 @@ exports[`skeleton 🥩 list api use 2`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 list base use 1`] = `
+exports[`skeleton > 🥩 list base use 1`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -3737,7 +3737,7 @@ exports[`skeleton 🥩 list base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 result base use 1`] = `
+exports[`skeleton > 🥩 result base use 1`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
@@ -3835,7 +3835,7 @@ exports[`skeleton 🥩 result base use 1`] = `
 </DocumentFragment>
 `;
 
-exports[`skeleton 🥩 statistic=1,span=16 1`] = `
+exports[`skeleton > 🥩 statistic=1,span=16 1`] = `
 <DocumentFragment>
   <div
     style="width: 100%;"
diff --git a/tests/table/__snapshots__/column.test.tsx.snap b/tests/table/__snapshots__/column.test.tsx.snap
index e5627d436a07..a5590f8647c4 100644
--- a/tests/table/__snapshots__/column.test.tsx.snap
+++ b/tests/table/__snapshots__/column.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Table ColumnSetting 🎏 change text by renderText 1`] = `
+exports[`Table ColumnSetting > 🎏 change text by renderText 1`] = `
 <td
   class="ant-table-cell"
 >
@@ -8,7 +8,7 @@ exports[`Table ColumnSetting 🎏 change text by renderText 1`] = `
 </td>
 `;
 
-exports[`Table ColumnSetting 🎏 columns proFieldProps support custom 1`] = `
+exports[`Table ColumnSetting > 🎏 columns proFieldProps support custom 1`] = `
 <div>
   <div
     class="ant-pro-table"
@@ -400,7 +400,7 @@ exports[`Table ColumnSetting 🎏 columns proFieldProps support custom 1`] = `
 </div>
 `;
 
-exports[`Table ColumnSetting 🎏 config provide render 1`] = `
+exports[`Table ColumnSetting > 🎏 config provide render 1`] = `
 <div>
   <div
     class="qixian-pro-table"
@@ -773,7 +773,7 @@ exports[`Table ColumnSetting 🎏 config provide render 1`] = `
 </div>
 `;
 
-exports[`Table ColumnSetting 🎏 extra columns 1`] = `
+exports[`Table ColumnSetting > 🎏 extra columns 1`] = `
 <div>
   <div
     class="ant-pro-table"
diff --git a/tests/table/__snapshots__/demo.test.ts.snap b/tests/table/__snapshots__/demo.test.ts.snap
index ef0651bc4e3d..99c454de4a42 100644
--- a/tests/table/__snapshots__/demo.test.ts.snap
+++ b/tests/table/__snapshots__/demo.test.ts.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`table demos 📸 renders ./packages/table/src/components/DragSortTable/demos/drag.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/DragSortTable/demos/drag.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -817,7 +817,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/DragSortTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/DragSortTable/demos/drag-sort-table.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/DragSortTable/demos/drag-sort-table.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2399,7 +2399,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/DragSortTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/demos/basic.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/EditableTable/demos/basic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -2952,7 +2952,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/demos/children.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/EditableTable/demos/children.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3397,7 +3397,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/demos/custom.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/EditableTable/demos/custom.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -3773,7 +3773,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/demos/form-item.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/EditableTable/demos/form-item.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -4293,7 +4293,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/demos/form-linkage.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/EditableTable/demos/form-linkage.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -5056,7 +5056,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/demos/real-time-editing.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/components/EditableTable/demos/real-time-editing.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -10685,7 +10685,7 @@ exports[`table demos 📸 renders ./packages/table/src/components/EditableTable/
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/basic.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/ListToolBar/basic.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -11457,7 +11457,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/basic.t
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/menu.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/ListToolBar/menu.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -11629,7 +11629,6 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/menu.ts
                       </div>
                       <div
                         class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                        style="left: 0px; width: 0px;"
                       />
                     </div>
                   </div>
@@ -12415,7 +12414,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/menu.ts
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/multipleLine.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/ListToolBar/multipleLine.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -13205,7 +13204,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/multipl
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/no-title.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/ListToolBar/no-title.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -13958,7 +13957,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/no-titl
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/tabs.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/ListToolBar/tabs.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -14123,7 +14122,6 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/tabs.ts
                     </div>
                     <div
                       class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                      style="left: 0px; width: 0px;"
                     />
                   </div>
                 </div>
@@ -14797,7 +14795,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/ListToolBar/tabs.ts
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/batchOption.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/batchOption.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -16372,7 +16370,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/batchOption.tsx cor
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/card-title.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/card-title.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -17012,7 +17010,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/card-title.tsx corr
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/columns-setting-custom-icon.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/columns-setting-custom-icon.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -17281,7 +17279,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/columns-setting-cus
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/columnsStateMap.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/columnsStateMap.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -17714,7 +17712,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/columnsStateMap.tsx
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/config-provider.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/config-provider.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -18408,7 +18406,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/config-provider.tsx
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/crud.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/crud.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -18480,7 +18478,6 @@ exports[`table demos 📸 renders ./packages/table/src/demos/crud.tsx correctly
               </div>
               <div
                 class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                style="left: 0px; width: 0px;"
               />
             </div>
           </div>
@@ -19317,7 +19314,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/crud.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/customization-value-type.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/customization-value-type.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -20102,7 +20099,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/customization-value
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/dataSource.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/dataSource.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -21860,7 +21857,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dataSource.tsx corr
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/dateFormatter.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/dateFormatter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -23401,7 +23398,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dateFormatter.tsx c
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-columns-state.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/dynamic-columns-state.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -24957,7 +24954,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-columns-sta
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-settings.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/dynamic-settings.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -26417,7 +26414,6 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-settings.ts
                     </div>
                     <div
                       class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                      style="left: 0px; width: 0px;"
                     />
                   </div>
                 </div>
@@ -27830,7 +27826,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/dynamic-settings.ts
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/edittable-rules.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/edittable-rules.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -28040,7 +28036,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/edittable-rules.tsx
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/error-boundaries.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/error-boundaries.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -28146,7 +28142,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/error-boundaries.ts
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/error-boundaries-false.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/error-boundaries-false.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -28764,7 +28760,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/error-boundaries-fa
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/form.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -29282,7 +29278,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/form.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/intl.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/intl.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -30005,7 +30001,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/intl.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/lightfilter.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/lightfilter.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -30479,7 +30475,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/lightfilter.tsx cor
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/linkage_form.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/linkage_form.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -31225,7 +31221,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/linkage_form.tsx co
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/listToolBar.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/listToolBar.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -31415,7 +31411,6 @@ exports[`table demos 📸 renders ./packages/table/src/demos/listToolBar.tsx cor
                       </div>
                       <div
                         class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
-                        style="left: 0px; width: 0px;"
                       />
                     </div>
                   </div>
@@ -32165,7 +32160,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/listToolBar.tsx cor
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/no-option.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/no-option.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -33144,7 +33139,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/no-option.tsx corre
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/no-title.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/no-title.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -33738,7 +33733,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/no-title.tsx correc
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/normal.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/normal.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -34527,7 +34522,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/normal.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/open-rules.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/open-rules.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -36009,7 +36004,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/open-rules.tsx corr
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/pollinga.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/pollinga.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -37059,7 +37054,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/pollinga.tsx correc
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/renderTable.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/renderTable.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -38052,7 +38047,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/renderTable.tsx cor
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/rtl_table.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/rtl_table.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -38738,7 +38733,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/rtl_table.tsx corre
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/search.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/search.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -39065,7 +39060,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/search.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/search_option.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/search_option.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -39673,7 +39668,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/search_option.tsx c
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/single.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/single.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -40582,7 +40577,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/single.tsx correctl
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/single-test.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/single-test.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -43411,7 +43406,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/single-test.tsx cor
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/split.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/split.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -44339,7 +44334,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/split.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/table-nested.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/table-nested.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -44863,7 +44858,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/table-nested.tsx co
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/theme.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/theme.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -45776,7 +45771,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/theme.tsx correctly
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/valueType.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/valueType.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -46789,7 +46784,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueType.tsx corre
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/valueType_select.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/valueType_select.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -48300,7 +48295,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueType_select.ts
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/valueTypeDate.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/valueTypeDate.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
@@ -49655,7 +49650,7 @@ exports[`table demos 📸 renders ./packages/table/src/demos/valueTypeDate.tsx c
 </DocumentFragment>
 `;
 
-exports[`table demos 📸 renders ./packages/table/src/demos/valueTypeNumber.tsx correctly 1`] = `
+exports[`table demos > 📸 renders ./packages/table/src/demos/valueTypeNumber.tsx correctly 1`] = `
 <DocumentFragment>
   <div>
     test
diff --git a/tests/table/__snapshots__/dragSort.test.tsx.snap b/tests/table/__snapshots__/dragSort.test.tsx.snap
index 92e582f065c6..89a9d20e09ba 100644
--- a/tests/table/__snapshots__/dragSort.test.tsx.snap
+++ b/tests/table/__snapshots__/dragSort.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`dragSort 🔥 [dragSort] custom render function 1`] = `
+exports[`dragSort > 🔥 [dragSort] custom render function 1`] = `
 <span
   aria-label="menu"
   class="anticon anticon-menu dragSortCustomHandle"
@@ -23,7 +23,7 @@ exports[`dragSort 🔥 [dragSort] custom render function 1`] = `
 </span>
 `;
 
-exports[`dragSort 🔥 [dragSort] custom render function 2`] = `
+exports[`dragSort > 🔥 [dragSort] custom render function 2`] = `
 <span
   class="customRender"
 >
@@ -31,7 +31,7 @@ exports[`dragSort 🔥 [dragSort] custom render function 2`] = `
 </span>
 `;
 
-exports[`dragSort 🔥 [dragSort] render drag sort custom handle by dragSortHandlerRender 1`] = `
+exports[`dragSort > 🔥 [dragSort] render drag sort custom handle by dragSortHandlerRender 1`] = `
 <span
   aria-label="menu"
   class="anticon anticon-menu dragSortCustomHandle"
@@ -54,4 +54,4 @@ exports[`dragSort 🔥 [dragSort] render drag sort custom handle by dragSortHand
 </span>
 `;
 
-exports[`dragSort 🔥 [dragSort] render drag sort default handle by dragSortKey 1`] = `null`;
+exports[`dragSort > 🔥 [dragSort] render drag sort default handle by dragSortKey 1`] = `null`;
diff --git a/tests/table/__snapshots__/editor-table-two.test.tsx.snap b/tests/table/__snapshots__/editor-table-two.test.tsx.snap
index 5e0435ff97ff..f54589e56a9b 100644
--- a/tests/table/__snapshots__/editor-table-two.test.tsx.snap
+++ b/tests/table/__snapshots__/editor-table-two.test.tsx.snap
@@ -1,8 +1,8 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`EditorProTable 2 📝 EditableProTable support recordCreatorProps.position 1`] = `[Function]`;
+exports[`EditorProTable 2 > 📝 EditableProTable support recordCreatorProps.position 1`] = `[Function]`;
 
-exports[`EditorProTable 2 📝 columns initialValue alway work 1`] = `
+exports[`EditorProTable 2 > 📝 columns initialValue alway work 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
@@ -316,7 +316,7 @@ exports[`EditorProTable 2 📝 columns initialValue alway work 1`] = `
 </DocumentFragment>
 `;
 
-exports[`EditorProTable 2 📝 columns support editable test 1`] = `
+exports[`EditorProTable 2 > 📝 columns support editable test 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
@@ -524,7 +524,7 @@ exports[`EditorProTable 2 📝 columns support editable test 1`] = `
 </DocumentFragment>
 `;
 
-exports[`EditorProTable 2 📝 renderFormItem run defaultRender 1`] = `
+exports[`EditorProTable 2 > 📝 renderFormItem run defaultRender 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
diff --git a/tests/table/__snapshots__/editor-table.test.tsx.snap b/tests/table/__snapshots__/editor-table.test.tsx.snap
index 212ddce2884f..be5df56aa025 100644
--- a/tests/table/__snapshots__/editor-table.test.tsx.snap
+++ b/tests/table/__snapshots__/editor-table.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`EditorProTable 📝 EditableProTable support recordCreatorProps 1`] = `
+exports[`EditorProTable > 📝 EditableProTable support recordCreatorProps 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
@@ -620,7 +620,7 @@ exports[`EditorProTable 📝 EditableProTable support recordCreatorProps 1`] = `
 </DocumentFragment>
 `;
 
-exports[`EditorProTable 📝 EditableProTable support recordCreatorProps=false 1`] = `
+exports[`EditorProTable > 📝 EditableProTable support recordCreatorProps=false 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
diff --git a/tests/table/__snapshots__/listtoolbar.test.tsx.snap b/tests/table/__snapshots__/listtoolbar.test.tsx.snap
index fc20e2382151..779d5c40f739 100644
--- a/tests/table/__snapshots__/listtoolbar.test.tsx.snap
+++ b/tests/table/__snapshots__/listtoolbar.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Table valueEnum ListToolBar action is empty array 1`] = `
+exports[`Table valueEnum > ListToolBar action is empty array 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table-list-toolbar"
@@ -20,7 +20,7 @@ exports[`Table valueEnum ListToolBar action is empty array 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Table valueEnum ListToolBar action no array 1`] = `
+exports[`Table valueEnum > ListToolBar action no array 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table-list-toolbar"
@@ -49,7 +49,7 @@ exports[`Table valueEnum ListToolBar action no array 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Table valueEnum ListToolBar action no jsx 1`] = `
+exports[`Table valueEnum > ListToolBar action no jsx 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table-list-toolbar"
diff --git a/tests/table/__snapshots__/valueEnum.test.tsx.snap b/tests/table/__snapshots__/valueEnum.test.tsx.snap
index b4569f1b6838..8bb47981f467 100644
--- a/tests/table/__snapshots__/valueEnum.test.tsx.snap
+++ b/tests/table/__snapshots__/valueEnum.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Table valueEnum 🎏 customization valueType 1`] = `
+exports[`Table valueEnum > 🎏 customization valueType 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
diff --git a/tests/table/__snapshots__/valueType.test.tsx.snap b/tests/table/__snapshots__/valueType.test.tsx.snap
index d5256e24e223..aadcffa1ae16 100644
--- a/tests/table/__snapshots__/valueType.test.tsx.snap
+++ b/tests/table/__snapshots__/valueType.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`BasicTable valueType 🎏 table support filter when valueType is treeSelect 1`] = `
+exports[`BasicTable valueType > 🎏 table support filter when valueType is treeSelect 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-table"
diff --git a/tests/table/column.test.tsx b/tests/table/column.test.tsx
index bf64ab273b64..2d43a698ab4c 100644
--- a/tests/table/column.test.tsx
+++ b/tests/table/column.test.tsx
@@ -7,7 +7,7 @@ import { request } from './demo';
 
 describe('Table ColumnSetting', () => {
   it('🎏 render', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     render(
       <ProTable
         size="small"
@@ -31,7 +31,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 query should parse by valueType', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     render(
       <ProTable
         size="small"
@@ -92,7 +92,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 render text', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     render(
       <ProTable
         size="small"
diff --git a/tests/table/columnSetting.test.tsx b/tests/table/columnSetting.test.tsx
index c06d2e72243f..207825c64deb 100644
--- a/tests/table/columnSetting.test.tsx
+++ b/tests/table/columnSetting.test.tsx
@@ -13,7 +13,7 @@ function fireDragEvent(ele: HTMLElement, eventName: string, data: object = {}) {
 
 describe('Table ColumnSetting', () => {
   beforeEach(() => {
-    console.warn = jest.fn();
+    console.warn = vi.fn();
   });
   it('🎏 columnSetting', async () => {
     const html = render(
@@ -141,7 +141,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting columnsStateMap onChange', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -279,7 +279,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting columnsState.value props throw error', async () => {
-    console.warn = jest.fn();
+    console.warn = vi.fn();
     const localStorage = { ...window.localStorage };
 
     // 为了测试报错的情况
@@ -390,7 +390,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting columnsState.onChange', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -454,7 +454,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting columnsState.persistenceKey', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
 
     window.localStorage.setItem(
       'test-keys',
@@ -538,7 +538,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting columnsState.persistenceKey is error dom', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
 
     window.localStorage.setItem(
       'test-keys',
@@ -619,7 +619,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting select all', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -735,7 +735,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting click Reset and reset when columnsState.value and columnsState.defaultValue also exist', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -825,7 +825,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnsState use the column key or dataIndex as index name', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -930,7 +930,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 columnSetting select one', async () => {
-    const callBack = jest.fn();
+    const callBack = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -1339,7 +1339,7 @@ describe('Table ColumnSetting', () => {
   });
 
   it('🎏 DensityIcon support onChange', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const html = render(
       <ProTable
         onSizeChange={(size) => onChange(size)}
diff --git a/tests/table/dragSort.test.tsx b/tests/table/dragSort.test.tsx
index 4d2dcf13bcda..9ed1056d0e65 100644
--- a/tests/table/dragSort.test.tsx
+++ b/tests/table/dragSort.test.tsx
@@ -29,7 +29,7 @@ const offsetWidth = 'offsetWidth';
   el.getBoundingClientRect mock
 */
 const mockGetBoundingClientRect = (element: any, index: number) =>
-  jest.spyOn(element, 'getBoundingClientRect').mockImplementation(() => ({
+  vi.spyOn(element, 'getBoundingClientRect').mockImplementation(() => ({
     bottom: 0,
     height,
     left: 0,
@@ -75,7 +75,7 @@ describe('dragSort', () => {
   });
 
   it('🔥 [dragSort] render drag sort default handle by dragSortKey', async () => {
-    const onDragSortEndFn = jest.fn();
+    const onDragSortEndFn = vi.fn();
     type DataSourceItemStruct = {
       id: string;
       name: string;
@@ -160,7 +160,7 @@ describe('dragSort', () => {
         name: 'kiner',
       },
     ];
-    const callback = jest.fn();
+    const callback = vi.fn();
     const dragHandleRender = (rowData: any, idx: any) => {
       callback(rowData.name, idx);
       return (
@@ -226,7 +226,7 @@ describe('dragSort', () => {
         {idx + 1} - {rowData.name}
       </>
     );
-    const callback = jest.fn();
+    const callback = vi.fn();
     const { container } = render(
       <DragSortTable
         size="small"
diff --git a/tests/table/editor-table-two.test.tsx b/tests/table/editor-table-two.test.tsx
index fc3f202a529c..f20696d2ea80 100644
--- a/tests/table/editor-table-two.test.tsx
+++ b/tests/table/editor-table-two.test.tsx
@@ -226,7 +226,7 @@ const EditorProTableDemo = (
 };
 describe('EditorProTable 2', () => {
   it('📝 EditableProTable controlled will trigger onchange', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -292,7 +292,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 EditableProTable render input controlled will trigger onchange', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -383,7 +383,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 EditableProTable render ProFromText controlled will trigger onchange ', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -466,7 +466,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 EditableProTable support name', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <ProForm
         initialValues={{
@@ -532,7 +532,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 EditableProTable support name and setRowData', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     let i = 0;
     const formRef = React.createRef<EditableFormInstance<any>>();
     const wrapper = render(
@@ -625,10 +625,10 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 EditableProTable ensures that xxxProps are functions also executed', async () => {
-    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
-    const formItemPropsFn = jest.fn();
-    const fieldPropsFn = jest.fn();
+    const formItemPropsFn = vi.fn();
+    const fieldPropsFn = vi.fn();
 
     const currentlyColumns: ProColumns<DataSourceType>[] = [
       {
@@ -678,7 +678,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 sub-column values are correct in the form', async () => {
-    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
     const currentlyColumns: ProColumns<DataSourceType>[] = [
       {
@@ -765,7 +765,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onEditorChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         onEditorChange={(keys) => {
@@ -787,7 +787,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onValuesChange', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -843,8 +843,8 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 EditableProTable columns support dependencies', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -905,7 +905,7 @@ describe('EditorProTable 2', () => {
     });
 
     await act(async () => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(
@@ -916,11 +916,11 @@ describe('EditorProTable 2', () => {
         timeout: 1000,
       },
     );
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📝 support onValuesChange when is string key', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -970,7 +970,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support newRecordType = dataSource', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1005,8 +1005,8 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onValueChange when newRecordType = cache', async () => {
-    const fn = jest.fn();
-    const onValueChangeFn = jest.fn();
+    const fn = vi.fn();
+    const onValueChangeFn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1082,7 +1082,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onValueChange when has name', async () => {
-    const onValueChangeFn = jest.fn();
+    const onValueChangeFn = vi.fn();
     const actionRef = React.createRef<ActionType | undefined>();
     const wrapper = render(
       <ProForm
@@ -1175,7 +1175,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onValuesChange and recordCreatorProps', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const newLineId = Date.now();
     const wrapper = render(
       <EditableProTable<DataSourceType>
@@ -1412,7 +1412,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support cancel click render false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         onEditorChange={(keys) => {
@@ -1450,7 +1450,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 type=single, only edit one rows', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         defaultKeys={[624748504]}
@@ -1490,7 +1490,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 edit tree data table', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo onSave={fn} dataSource={[defaultData[2]]} />,
     );
@@ -1535,7 +1535,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 type=multiple, edit multiple rows', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         type="multiple"
@@ -1559,7 +1559,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onSave', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         hideRules
@@ -1609,8 +1609,8 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onDelete', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const wrapper = render(
       <EditorProTableDemo
         hideRules
@@ -1628,7 +1628,7 @@ describe('EditorProTable 2', () => {
         .click();
     });
 
-    await act(async () => jest.runOnlyPendingTimers());
+    await act(async () => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(
@@ -1644,7 +1644,7 @@ describe('EditorProTable 2', () => {
       wrapper.queryAllByText('删除').at(0)?.click();
     });
 
-    await act(async () => jest.runOnlyPendingTimers());
+    await act(async () => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(fn).not.toBeCalled();
@@ -1654,19 +1654,19 @@ describe('EditorProTable 2', () => {
       wrapper.queryAllByText('确 定').at(0)?.click();
     });
 
-    await act(async () => jest.runOnlyPendingTimers());
+    await act(async () => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(fn).toBeCalledWith(624691229);
     });
     wrapper.unmount();
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📝 support onSave when add newLine', async () => {
-    const onSave = jest.fn();
-    const onDataSourceChange = jest.fn();
-    jest.useFakeTimers();
+    const onSave = vi.fn();
+    const onDataSourceChange = vi.fn();
+    vi.useFakeTimers();
     const wrapper = render(
       <EditorProTableDemo
         hideRules
@@ -1683,7 +1683,7 @@ describe('EditorProTable 2', () => {
         .click();
     });
 
-    await act(async () => jest.runOnlyPendingTimers());
+    await act(async () => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect.any(
@@ -1706,7 +1706,7 @@ describe('EditorProTable 2', () => {
       (await wrapper.queryAllByText('添加一行数据')).at(0)?.click();
     });
 
-    await act(async () => jest.runOnlyPendingTimers());
+    await act(async () => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(onSave).toBeCalledWith(624691229);
@@ -1716,7 +1716,7 @@ describe('EditorProTable 2', () => {
       expect(onDataSourceChange).toBeCalledWith(3);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
     wrapper.unmount();
   });
 
@@ -1820,7 +1820,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onSave support false', async () => {
-    const onSaveFn = jest.fn();
+    const onSaveFn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         hideRules
@@ -1865,7 +1865,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onCancel', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(<EditorProTableDemo onCancel={(key) => fn(key)} />);
     await wrapper.findAllByText('编辑');
     act(() => {
@@ -1895,7 +1895,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onCancel support false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         onCancel={async (key) => {
@@ -1978,7 +1978,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onDelete dom render', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         onDelete={async (key) => {
@@ -2019,7 +2019,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support onDelete return false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo
         onDelete={async (key) => {
@@ -2056,7 +2056,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support form rules', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditorProTableDemo onSave={(key, row) => fn(row.title)} />,
     );
@@ -2122,7 +2122,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support add line for start', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(<EditorProTableDemo position="top" onSave={fn} />);
     await wrapper.findAllByText('编辑');
 
@@ -2185,7 +2185,7 @@ describe('EditorProTable 2', () => {
   });
 
   it('📝 support add line for bottom', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(<EditorProTableDemo onSave={fn} />);
     await wrapper.findByText('增加一行');
 
diff --git a/tests/table/editor-table.test.tsx b/tests/table/editor-table.test.tsx
index 13a0f2883d51..abe2c71e199b 100644
--- a/tests/table/editor-table.test.tsx
+++ b/tests/table/editor-table.test.tsx
@@ -173,7 +173,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable support pagination', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -209,7 +209,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable addEditRecord is null will throw Error', async () => {
-    const spy = jest.spyOn(global.console, 'warn').mockImplementation();
+    const spy = vi.spyOn(global.console, 'warn');
     const actionRef = React.createRef<ActionType>();
     const wrapper = render(
       <EditableProTable<DataSourceType>
@@ -240,8 +240,8 @@ describe('EditorProTable', () => {
   it('📝 EditableProTable saveEditable should save and quit editing', async () => {
     const actionRef = React.createRef<ActionType>();
     let changedDataSource: DataSourceType[] = [];
-    jest.useFakeTimers();
-    const onChange = jest.fn((value) => {
+    vi.useFakeTimers();
+    const onChange = vi.fn((value) => {
       changedDataSource = value;
     });
     const wrapper = render(
@@ -288,7 +288,7 @@ describe('EditorProTable', () => {
           },
         );
       });
-      await act(() => jest.runOnlyPendingTimers());
+      await act(() => vi.runOnlyPendingTimers());
 
       await wrapper.findAllByDisplayValue(inputValue);
     };
@@ -299,7 +299,7 @@ describe('EditorProTable', () => {
     });
     // should exist validation error
 
-    await act(() => jest.runOnlyPendingTimers());
+    await act(() => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(
@@ -325,7 +325,7 @@ describe('EditorProTable', () => {
       return actionRef.current?.saveEditable(624748504);
     });
 
-    await act(() => jest.runOnlyPendingTimers());
+    await act(() => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(onChange).toBeCalled();
@@ -342,7 +342,7 @@ describe('EditorProTable', () => {
       return actionRef.current?.saveEditable(0);
     });
 
-    await act(() => jest.runOnlyPendingTimers());
+    await act(() => vi.runOnlyPendingTimers());
 
     await waitFor(() => {
       expect(onChange).toBeCalled();
@@ -353,12 +353,12 @@ describe('EditorProTable', () => {
     await waitFor(() => {
       expect(changedDataSource[0]?.title).toBe('test value2');
     });
-    jest.useRealTimers();
+    vi.useRealTimers();
     wrapper.unmount();
   });
 
   it('📝 EditableProTable add support children column', async () => {
-    const onchange = jest.fn();
+    const onchange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -416,7 +416,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add support nested children column', async () => {
-    const onchange = jest.fn();
+    const onchange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -479,7 +479,7 @@ describe('EditorProTable', () => {
   });
 
   it("📝 EditableProTable can't find record by parentKey", async () => {
-    const onchange = jest.fn();
+    const onchange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -540,7 +540,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add support parentKey when newRecordType = cache', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -760,7 +760,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add newLine use rowKey', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <ProForm
         initialValues={{
@@ -874,7 +874,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable support controlled', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey={(row) => row.id}
@@ -946,7 +946,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable support nested children column without config "childrenColumnName:children" and "position:top"', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1003,7 +1003,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add new child line when position = top', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1070,7 +1070,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add new child line when position <> top', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1136,7 +1136,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable onValuesChange will not trigger when init', async () => {
-    const valuesChangeFn = jest.fn();
+    const valuesChangeFn = vi.fn();
     const wrapper = render(
       <ProForm<{
         table: DataSourceType[];
@@ -1189,7 +1189,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add new child line when position is top and tree level > 1 and parent has children', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1260,7 +1260,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add new child line when position is top and tree level > 1 and parent has no children', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1320,7 +1320,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add new child line when position <> top and tree level > 1 and parent has children', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1390,7 +1390,7 @@ describe('EditorProTable', () => {
   });
 
   it('📝 EditableProTable add new child line when position <> top and tree level > 1 and parent has no children', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const wrapper = render(
       <EditableProTable<DataSourceType>
         rowKey="id"
@@ -1458,7 +1458,7 @@ describe('EditorProTable', () => {
         created_at: 1590479665000,
       },
     };
-    const fn = jest.fn();
+    const fn = vi.fn();
     const testFn = async () => {
       const depth = crypto.randomInt(2, 10);
       const topOrBottom = crypto.randomInt(100) > 50 ? 'top' : 'bottom';
diff --git a/tests/table/filter.test.tsx b/tests/table/filter.test.tsx
index 1e3837d952fa..72ba44016956 100644
--- a/tests/table/filter.test.tsx
+++ b/tests/table/filter.test.tsx
@@ -5,7 +5,7 @@ import { getFetchData } from './demo';
 
 describe('BasicTable Search', () => {
   it('🎏 filter test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProTable
         size="small"
@@ -59,7 +59,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 filter test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProTable
         size="small"
@@ -114,7 +114,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 filter test by namePath is array', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProTable
         size="small"
@@ -200,7 +200,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 order multiple test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProTable<{ money: number }>
         size="small"
@@ -262,7 +262,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 order test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProTable<{ money: number }>
         size="small"
diff --git a/tests/table/form.test.tsx b/tests/table/form.test.tsx
index 666f0b5836ae..dc37ca95ae87 100644
--- a/tests/table/form.test.tsx
+++ b/tests/table/form.test.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 
 describe('BasicTable Search', () => {
   it('🎏 table type=form', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const { container } = render(
       <ProTable
         type="form"
@@ -61,7 +61,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 table support initialValue', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProTable
         size="small"
@@ -103,7 +103,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 table support initialValues', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProTable
         size="small"
@@ -149,7 +149,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 table type=form and formRef', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const ref = React.createRef<FormInstance | undefined>();
     const { container } = render(
       <ProTable
diff --git a/tests/table/index.test.tsx b/tests/table/index.test.tsx
index 4dd80ed6a863..795c1aec86ae 100644
--- a/tests/table/index.test.tsx
+++ b/tests/table/index.test.tsx
@@ -48,7 +48,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 base use', async () => {
-    const pageSizeOnchange = jest.fn();
+    const pageSizeOnchange = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -182,10 +182,10 @@ describe('BasicTable', () => {
   });
 
   it('🎏 table support visibilitychange', async () => {
-    const requestFfn = jest.fn();
+    const requestFfn = vi.fn();
     let fn: Function | null = null;
-    const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
-    const addEventListenerSpy = jest
+    const errorSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
+    const addEventListenerSpy = vi
       .spyOn(document, 'addEventListener')
       .mockImplementation((eventName, eventFn) => {
         if (eventName === 'visibilitychange') {
@@ -251,8 +251,8 @@ describe('BasicTable', () => {
   });
 
   it('🎏 onLoadingChange should work', async () => {
-    const loadingChangerFn = jest.fn();
-    jest.useFakeTimers();
+    const loadingChangerFn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         size="small"
@@ -287,7 +287,7 @@ describe('BasicTable', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     await waitFor(() => {
       return html.findByText('序号');
@@ -296,7 +296,7 @@ describe('BasicTable', () => {
       expect(loadingChangerFn).toBeCalledWith(false, true);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🎏 do not render default option', async () => {
@@ -630,7 +630,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 request test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -661,8 +661,8 @@ describe('BasicTable', () => {
   });
 
   it('🎏 onLoadingChange test', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         size="small"
@@ -693,19 +693,19 @@ describe('BasicTable', () => {
     await html.findByText('查 询');
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
       expect(fn).toBeCalled();
     });
 
-    jest.useFakeTimers();
+    vi.useFakeTimers();
   });
 
   it('🎏 reload request test', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const Reload = () => {
       const actionRef = useRef<ActionType>();
       return (
@@ -772,7 +772,7 @@ describe('BasicTable', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -784,19 +784,19 @@ describe('BasicTable', () => {
       fireEvent.click(html.baseElement.querySelector('#reset')!);
     });
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     await waitFor(() => {
       expect(fn).toBeCalledTimes(3);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
 
     html.unmount();
   });
 
   it('🎏 request error test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     render(
       <ProTable
         size="small"
@@ -820,8 +820,8 @@ describe('BasicTable', () => {
   });
 
   it('🎏 actionRef support clearSelected', async () => {
-    const fn = jest.fn();
-    const onChangeFn = jest.fn();
+    const fn = vi.fn();
+    const onChangeFn = vi.fn();
     const actionRef = React.createRef<ActionType>();
     const html = render(
       <ProTable
@@ -861,7 +861,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 options.reload support is true', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -912,8 +912,8 @@ describe('BasicTable', () => {
   });
 
   it('🎏 receives two parameters when options.(reload | fullScreen) is passed the function', async () => {
-    const reloadFn = jest.fn();
-    const fullScreenFn = jest.fn();
+    const reloadFn = vi.fn();
+    const fullScreenFn = vi.fn();
     const actionRef = React.createRef<any>();
     const html = render(
       <ProTable
@@ -967,7 +967,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 request reload', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -1015,7 +1015,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 onSizeChange load', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         columns={[
@@ -1063,10 +1063,10 @@ describe('BasicTable', () => {
   });
 
   it('🎏 request load array', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const actionRef = React.createRef<ActionType>();
 
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         size="small"
@@ -1093,7 +1093,7 @@ describe('BasicTable', () => {
     );
     await html.findByText('查 询');
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     await waitFor(() => {
       expect(fn).toBeCalledTimes(1);
@@ -1108,17 +1108,17 @@ describe('BasicTable', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
       expect(fn).toBeCalledTimes(2);
     });
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🎏 request should use postData', async () => {
-    const postFn = jest.fn();
+    const postFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -1147,7 +1147,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 fullscreen icon test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -1185,7 +1185,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 fullscreen icon test when fullscreenEnabled', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     // @ts-ignore
     document.fullscreenEnabled = false;
     const html = render(
@@ -1225,7 +1225,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 fullscreen icon mock function', async () => {
-    const exitFullscreen = jest.fn();
+    const exitFullscreen = vi.fn();
     document.exitFullscreen = async () => {
       // @ts-ignore
       document.fullscreenElement = null;
@@ -1320,7 +1320,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 size icon test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -1422,7 +1422,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 search = true', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         columns={[{ dataIndex: 'name' }]}
@@ -1475,7 +1475,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 search = true, name = test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable<
         Record<string, any>,
@@ -1528,7 +1528,7 @@ describe('BasicTable', () => {
   });
 
   it('🎏 search = true, name = test,onSearch return false', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable<
         Record<string, any>,
@@ -1670,8 +1670,8 @@ describe('BasicTable', () => {
 
   it('🎏 debounce time', async () => {
     const ref = React.createRef<ActionType>();
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         actionRef={ref as any}
@@ -1702,7 +1702,7 @@ describe('BasicTable', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -1714,7 +1714,7 @@ describe('BasicTable', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -1726,7 +1726,7 @@ describe('BasicTable', () => {
     }
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -1734,12 +1734,12 @@ describe('BasicTable', () => {
     });
 
     await html.findByText('暂无数据');
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🎏 support showHiddenNum', async () => {
     const ref = React.createRef<ActionType>();
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         actionRef={ref as any}
diff --git a/tests/table/listtoolbar.test.tsx b/tests/table/listtoolbar.test.tsx
index 3f869af32692..1658f11ccc5c 100644
--- a/tests/table/listtoolbar.test.tsx
+++ b/tests/table/listtoolbar.test.tsx
@@ -6,7 +6,7 @@ import { waitForWaitTime } from '../util';
 
 describe('Table valueEnum', () => {
   it('ListToolBar onAction', async () => {
-    const onAction = jest.fn();
+    const onAction = vi.fn();
     const wrapper = render(
       <ListToolBar
         actions={[
@@ -31,7 +31,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar support onSearch', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ProTable<{
         name: string;
@@ -130,7 +130,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar onSettingClick', async () => {
-    const onClick = jest.fn();
+    const onClick = vi.fn();
     const wrapper = render(
       <ListToolBar
         settings={[
@@ -162,7 +162,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar search left', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ListToolBar
         search={{
@@ -194,7 +194,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar search right and custom input search', async () => {
-    const onSearch = jest.fn();
+    const onSearch = vi.fn();
     const wrapper = render(
       <ListToolBar
         title="I am title"
@@ -226,7 +226,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar dropdown menu', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <ListToolBar
         menu={{
@@ -257,7 +257,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar tab menu', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <ListToolBar
         menu={{
@@ -285,7 +285,7 @@ describe('Table valueEnum', () => {
   });
 
   it('ListToolBar inline menu', async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     const wrapper = render(
       <ListToolBar
         menu={{
diff --git a/tests/table/pagination.test.tsx b/tests/table/pagination.test.tsx
index a0284ccea024..3d35fd40d337 100644
--- a/tests/table/pagination.test.tsx
+++ b/tests/table/pagination.test.tsx
@@ -5,8 +5,8 @@ import { request } from './demo';
 
 describe('BasicTable pagination', () => {
   it('🎏 pagination current test', async () => {
-    const fn = jest.fn();
-    const onChangeFn = jest.fn();
+    const fn = vi.fn();
+    const onChangeFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -43,8 +43,8 @@ describe('BasicTable pagination', () => {
   });
 
   it('🎏 pagination pageSize test ', async () => {
-    const fn = jest.fn();
-    const currentFn = jest.fn();
+    const fn = vi.fn();
+    const currentFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -105,8 +105,8 @@ describe('BasicTable pagination', () => {
   });
 
   it('🎏 pagination current', async () => {
-    const fn = jest.fn();
-    const pageSizeFn = jest.fn();
+    const fn = vi.fn();
+    const pageSizeFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -163,7 +163,7 @@ describe('BasicTable pagination', () => {
   });
 
   it('🎏 pagination=false, do not have pageParams', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -219,7 +219,7 @@ describe('BasicTable pagination', () => {
   });
 
   it('🎏 request call once when data.length more then pageSize', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable<{
         money: number;
@@ -263,7 +263,7 @@ describe('BasicTable pagination', () => {
   });
 
   it('🎏 pagination was correct in controlled mode && params was in deep comparison', async () => {
-    const currentFn = jest.fn();
+    const currentFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -328,7 +328,7 @@ describe('BasicTable pagination', () => {
 
 describe('TableDropdown', () => {
   it('TableDropdown support onSelect', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <TableDropdown
         onSelect={fn}
diff --git a/tests/table/polling.test.tsx b/tests/table/polling.test.tsx
index b62e2721c704..c6a3feba8fbe 100644
--- a/tests/table/polling.test.tsx
+++ b/tests/table/polling.test.tsx
@@ -5,8 +5,8 @@ import { columns } from './demo';
 
 describe('polling', () => {
   it('⏱️ polling should clearTime', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         size="small"
@@ -45,7 +45,7 @@ describe('polling', () => {
       expect(fn).toBeCalledTimes(1);
     });
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -53,7 +53,7 @@ describe('polling', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -61,7 +61,7 @@ describe('polling', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -70,12 +70,12 @@ describe('polling', () => {
 
     expect(fn).toBeCalledTimes(2);
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('⏱️ polling should clearTime when useFetchData', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const App = (props: { getData: () => void }) => {
       useFetchData(
         async () => {
@@ -108,7 +108,7 @@ describe('polling', () => {
       expect(fn).toBeCalledTimes(1);
     });
     act(() => {
-      jest.runAllTimers();
+      vi.runAllTimers();
     });
 
     await waitFor(() => {
@@ -116,7 +116,7 @@ describe('polling', () => {
     });
 
     act(() => {
-      jest.runAllTimers();
+      vi.runAllTimers();
     });
 
     await waitFor(() => {
@@ -125,12 +125,12 @@ describe('polling', () => {
 
     expect(fn).toBeCalledTimes(2);
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('⏱️ polling min time is 2000', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         size="small"
@@ -155,7 +155,7 @@ describe('polling', () => {
     });
 
     await act(() => {
-      jest.advanceTimersByTime(1000);
+      vi.advanceTimersByTime(1000);
     });
 
     await waitFor(() => {
@@ -163,18 +163,18 @@ describe('polling', () => {
     });
 
     await act(() => {
-      jest.advanceTimersByTime(2000);
+      vi.advanceTimersByTime(2000);
     });
 
     await waitFor(() => {
       expect(fn).toBeCalledTimes(2);
     });
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('⏱️ polling time=3000', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         polling={3000}
@@ -210,7 +210,7 @@ describe('polling', () => {
     });
 
     await act(() => {
-      return jest.advanceTimersByTime(1000);
+      return vi.advanceTimersByTime(1000);
     });
 
     await waitFor(() => {
@@ -218,7 +218,7 @@ describe('polling', () => {
     });
 
     await act(() => {
-      return jest.advanceTimersByTime(1000);
+      return vi.advanceTimersByTime(1000);
     });
 
     await waitFor(() => {
@@ -226,18 +226,18 @@ describe('polling', () => {
     });
 
     await act(() => {
-      return jest.advanceTimersByTime(2000);
+      return vi.advanceTimersByTime(2000);
     });
 
     await waitFor(() => {
       expect(fn).toBeCalledTimes(2);
     });
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('⏱️ polling support function', async () => {
-    const fn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         polling={() => {
@@ -275,7 +275,7 @@ describe('polling', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -283,7 +283,7 @@ describe('polling', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -294,6 +294,6 @@ describe('polling', () => {
       expect(fn).toBeCalledTimes(2);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 });
diff --git a/tests/table/protableSpin.test.tsx b/tests/table/protableSpin.test.tsx
index e27c8d0a3524..bcd8349dfbe3 100644
--- a/tests/table/protableSpin.test.tsx
+++ b/tests/table/protableSpin.test.tsx
@@ -101,7 +101,7 @@ export default ProTableSpinDemo;
 
 describe('ProTable test', () => {
   it('loading and polling props', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         loading={{ spinning: true, delay: 1000 }}
diff --git a/tests/table/search.test.tsx b/tests/table/search.test.tsx
index 466e8caf7958..b64eab32c681 100644
--- a/tests/table/search.test.tsx
+++ b/tests/table/search.test.tsx
@@ -29,8 +29,8 @@ describe('BasicTable Search', () => {
   };
 
   it('🎏 submit test', async () => {
-    const fn = jest.fn();
-    const paramsFn = jest.fn();
+    const fn = vi.fn();
+    const paramsFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -72,8 +72,8 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 reset test', async () => {
-    const fn = jest.fn();
-    const resetFn = jest.fn();
+    const fn = vi.fn();
+    const resetFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -117,9 +117,9 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 reset test when pagination is false', async () => {
-    const fn = jest.fn();
-    const resetFn = jest.fn();
-    jest.useFakeTimers();
+    const fn = vi.fn();
+    const resetFn = vi.fn();
+    vi.useFakeTimers();
     const html = render(
       <ProTable
         size="small"
@@ -149,7 +149,7 @@ describe('BasicTable Search', () => {
 
     await html.findAllByText('重 置');
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
     const dom = await (await html.findAllByText('重 置')).at(0);
 
@@ -161,11 +161,11 @@ describe('BasicTable Search', () => {
       expect(fn).toBeCalledTimes(2);
       expect(resetFn).toBeCalledTimes(1);
     });
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🎏 table will render loading dom', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -216,7 +216,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 manualRequest no render loading dom', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -264,8 +264,8 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 manualRequest test', async () => {
-    const requestFn = jest.fn();
-    jest.useFakeTimers();
+    const requestFn = vi.fn();
+    vi.useFakeTimers();
     const actionRef = React.createRef<any>();
     const html = render(
       <ProTable
@@ -300,7 +300,7 @@ describe('BasicTable Search', () => {
     });
 
     act(() => {
-      jest.runOnlyPendingTimers();
+      vi.runOnlyPendingTimers();
     });
 
     act(() => {
@@ -312,7 +312,7 @@ describe('BasicTable Search', () => {
       expect(requestFn).toBeCalledTimes(1);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('🎏 search span test', async () => {
@@ -356,7 +356,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 transform test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     let formValues = { origin: '', status: '', startTime: '', endTime: '' };
     const html = render(
       <ProTable
@@ -413,8 +413,8 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 renderFormItem test and fieldProps onChange', async () => {
-    const fn = jest.fn();
-    const onChangeFn = jest.fn();
+    const fn = vi.fn();
+    const onChangeFn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -670,7 +670,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 when dateFormatter is a Function', async () => {
-    const fn2 = jest.fn();
+    const fn2 = vi.fn();
     const html = render(
       <ProTable
         columns={[
@@ -721,7 +721,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 ProTable support formRef', async () => {
-    const onSubmitFn = jest.fn();
+    const onSubmitFn = vi.fn();
     const formRef = React.createRef<ProFormInstance | undefined>();
     const html = render(
       <ProTable
diff --git a/tests/table/selectKeys.test.tsx b/tests/table/selectKeys.test.tsx
index e7062e8707f4..ef9e76f64f86 100644
--- a/tests/table/selectKeys.test.tsx
+++ b/tests/table/selectKeys.test.tsx
@@ -37,7 +37,7 @@ describe('BasicTable Search', () => {
   });
 
   it('🎏 filter test', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const html = render(
       <ProTable
         size="small"
@@ -80,7 +80,7 @@ describe('BasicTable Search', () => {
   });
 
   it('✔️ selected rows support row is function', async () => {
-    const fn = jest.fn();
+    const fn = vi.fn();
     const DemoTable = () => {
       const columns = [
         {
diff --git a/tests/table/valueEnum.test.tsx b/tests/table/valueEnum.test.tsx
index ee6beaf51b80..2ffc2c058ff4 100644
--- a/tests/table/valueEnum.test.tsx
+++ b/tests/table/valueEnum.test.tsx
@@ -134,7 +134,7 @@ describe('Table valueEnum', () => {
   });
 
   it('🎏 dynamic request', async () => {
-    const request = jest.fn();
+    const request = vi.fn();
     render(
       <ProTable
         size="small"
diff --git a/tests/utils/__snapshots__/index.test.tsx.snap b/tests/utils/__snapshots__/index.test.tsx.snap
index b51300a486ce..7b6a1eab8861 100644
--- a/tests/utils/__snapshots__/index.test.tsx.snap
+++ b/tests/utils/__snapshots__/index.test.tsx.snap
@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`utils 🪓 LabelIconTip 1`] = `
+exports[`utils > 🪓 LabelIconTip 1`] = `
 <DocumentFragment>
   <div
     class="ant-pro-core-label-tip"
diff --git a/tests/utils/index.test.tsx b/tests/utils/index.test.tsx
index 33777224a08f..cfc540bd73d8 100644
--- a/tests/utils/index.test.tsx
+++ b/tests/utils/index.test.tsx
@@ -70,7 +70,7 @@ describe('utils', () => {
   });
 
   it('📅 useDebounceValue', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
     const App = (props: { deps: string[] }) => {
       const value = useDebounceValue(props.deps?.[0], 200, props.deps);
 
@@ -94,7 +94,7 @@ describe('utils', () => {
     await html.findByText('string');
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await waitFor(() => {
@@ -129,7 +129,7 @@ describe('utils', () => {
   });
 
   it('📅 useDebounceValue without deps', async () => {
-    jest.useFakeTimers();
+    vi.useFakeTimers();
 
     const App = (props: { deps: string[] }) => {
       const [, forceUpdate] = useState([]);
@@ -159,14 +159,14 @@ describe('utils', () => {
     expect(html.baseElement?.textContent).toEqual('name');
 
     await act(() => {
-      return jest.runAllTimers();
+      return vi.runAllTimers();
     });
 
     await waitFor(() => {
       expect(html.baseElement?.textContent).toEqual('string');
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📅 useDebounceFn', async () => {
@@ -176,8 +176,8 @@ describe('utils', () => {
       },
     });
 
-    jest.useFakeTimers();
-    const fn = jest.fn();
+    vi.useFakeTimers();
+    const fn = vi.fn();
     const App = ({ wait }: { wait?: number }) => {
       const fetchData = useDebounceFn(async () => fn(), wait);
       useEffect(() => {
@@ -214,7 +214,7 @@ describe('utils', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     act(() => {
@@ -222,7 +222,7 @@ describe('utils', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     await html.findByText('test');
@@ -254,14 +254,14 @@ describe('utils', () => {
     });
 
     await act(() => {
-      return jest.runOnlyPendingTimers();
+      return vi.runOnlyPendingTimers();
     });
 
     html.unmount();
 
     expect(fn).toBeCalledTimes(7);
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📅 useDebounceFn execution has errors', async () => {
@@ -271,10 +271,10 @@ describe('utils', () => {
       },
     });
 
-    jest.useFakeTimers();
+    vi.useFakeTimers();
 
     const error = new Error('debounce error');
-    const catchFn = jest.fn();
+    const catchFn = vi.fn();
     const App = ({ wait }: { wait?: number }) => {
       const fetchData = useDebounceFn(async () => {
         throw error;
@@ -293,7 +293,7 @@ describe('utils', () => {
       expect(catchFn).toBeCalledWith(error);
     });
 
-    jest.useRealTimers();
+    vi.useRealTimers();
   });
 
   it('📅 conversionSubmitValue nil', async () => {
@@ -1094,7 +1094,7 @@ describe('utils', () => {
 
   it('🪓 nanoid', () => {
     // @ts-ignore
-    window.crypto.randomUUID = jest.fn(() => '1234567890abcdef');
+    window.crypto.randomUUID = vi.fn(() => '1234567890abcdef');
 
     const id = nanoid();
 
diff --git a/tsconfig.json b/tsconfig.json
index 66252d5d72cd..98bf57dad483 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
   "compilerOptions": {
     "baseUrl": "./",
     "target": "esnext",
+    "module": "ESNext",
     "moduleResolution": "node",
     "jsx": "react-jsx",
     "esModuleInterop": true,
@@ -13,6 +14,9 @@
     "declaration": true,
     "skipLibCheck": true,
     "resolveJsonModule": true,
+    "types": [
+      "vitest/globals"
+    ],
     "paths": {
       "@@/*": [".dumi/tmp/*"],
       "@ant-design/pro-layout": ["./packages/layout/src/index.tsx"],
@@ -31,7 +35,7 @@
   "include": [
     "./tests/setupTests.ts",
     ".dumi/**/*",
-    "jest.config.ts",
+    "vitest.config.ts",
     ".dumirc.ts",
     "typings.d.ts",
     "**/src/**/*",
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 000000000000..f8ffca2a083e
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,43 @@
+import { readdirSync } from 'fs';
+import { join } from 'path';
+import { defineConfig } from 'vitest/config'
+
+const pkgList = readdirSync(join(__dirname, './packages')).filter(
+  (pkg: string) => pkg.charAt(0) !== '.',
+);
+
+const moduleNameMapper = {
+};
+
+pkgList.forEach((shortName: string) => {
+  const name = `@ant-design/pro-${shortName}`;
+  moduleNameMapper[name] = join(__dirname, `./packages/${shortName}/src`);
+});
+
+
+export default defineConfig({
+  resolve: {
+    alias: moduleNameMapper
+  },
+  define: {
+    ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: false,
+    IS_REACT_ACT_ENVIRONMENT: true,
+  },
+  test: {
+    globals: true,
+    setupFiles: ['./tests/setupTests.ts'],
+    environment: 'jsdom',
+    environmentOptions: {
+      jsdom: {
+        url: 'http://localhost?navTheme=realDark&layout=mix&colorPrimary=techBlue&splitMenus=false&fixedHeader=true',
+      }
+    },
+    coverage: {
+      provider :'istanbul',
+      include: [
+        'packages/**/src/**/*.{ts,tsx}',
+      ]
+    },
+    testTimeout: 60_000
+  }
+})
\ No newline at end of file