chore: bump prettier v3 and format all code (#12111)

* chore: bump prettier v3 and format all code

* chore: mjs config

* chore: revert

* chore: revert

* chore: update lock

.prettierrc

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "proseWrap": "never"
-}

package.json

@@ -25,6 +25,6 @@
     "eslint": "^8.31.0",
     "husky": "^8.0.1",
     "nano-staged": "^0.8.0",
-    "prettier": "^2.7.1"
+    "prettier": "^3.0.0"
   }
 }

packages/create-vant-cli-app/src/generator.ts

@@ -69,14 +69,14 @@ export class VanGenerator {
     // see https://github.com/mrmlnc/fast-glob#how-to-write-patterns-on-windows
     const templatePath = join(GENERATOR_DIR, this.inputs.vueVersion).replace(
       /\\/g,
-      '/'
+      '/',
     );
 
     const templateFiles = glob.sync(
       join(templatePath, '**', '*').replace(/\\/g, '/'),
       {
         dot: true,
-      }
+      },
     );
 
     templateFiles.forEach((filePath) => {
@@ -109,8 +109,8 @@ export class VanGenerator {
     consola.success(`Successfully created ${color.yellow(name)}.`);
     consola.success(
       `Run ${color.yellow(
-        `cd ${name} && git init && yarn && yarn dev`
+        `cd ${name} && git init && yarn && yarn dev`,
-      )} to start development!`
+      )} to start development!`,
     );
   }
 }

packages/vant-area-data/src/index.ts

@@ -3900,7 +3900,7 @@ type CascaderOption = {
 const makeOption = (
   text: string,
   value: string,
-  children?: CascaderOption[]
+  children?: CascaderOption[],
 ): CascaderOption => ({
   text,
   value,

packages/vant-cli/cjs/jest.transformer.cjs

@@ -35,7 +35,7 @@ const transformSFC = (code, path) => {
   if (descriptor.script) {
     const content = descriptor.script.content.replace(
       'export default',
-      'const script ='
+      'const script =',
     );
     output.push(content);
   } else if (descriptor.scriptSetup) {
@@ -88,7 +88,7 @@ module.exports = {
       code = transformJsx(code, path);
     }
     return {
-      code: transformScript(code)
+      code: transformScript(code),
     };
   },
 };

packages/vant-cli/cjs/postcss.config.cjs

@@ -14,14 +14,12 @@ function getPostcssPlugins(rootConfig) {
   const plugins = rootConfig.plugins || [];
 
   if (Array.isArray(plugins)) {
-    const hasAutoprefixerPlugin = plugins.find(
+    const hasAutoprefixerPlugin = plugins.find((plugin) => {
-      (plugin) => {
+      if (typeof plugin === 'object') {
-        if (typeof plugin === 'object')  {
+        return plugin.postcssPlugin === 'autoprefixer';
-          return plugin.postcssPlugin === 'autoprefixer';
-        }
-        return plugin === 'autoprefixer';
       }
-    );
+      return plugin === 'autoprefixer';
+    });
     if (hasAutoprefixerPlugin) {
       return plugins;
     }

packages/vant-cli/package.json

@@ -81,7 +81,7 @@
     "picocolors": "^1.0.0",
     "postcss": "^8.4.23",
     "postcss-load-config": "^4.0.1",
-    "prettier": "^2.7.1",
+    "prettier": "^3.0.0",
     "release-it": "^15.4.1",
     "terser": "^5.16.1",
     "transliteration": "^2.3.5",

packages/vant-cli/site/common/iframe-sync.js

@@ -40,7 +40,7 @@ export function syncPathToParent() {
       type: 'replacePath',
       value: getCurrentDir(),
     },
-    '*'
+    '*',
   );
 }
 
@@ -53,7 +53,7 @@ export function syncPathToChild() {
           type: 'replacePath',
           value: getCurrentDir(),
         },
-        '*'
+        '*',
       );
     });
   }
@@ -68,7 +68,7 @@ export function syncThemeToChild(theme) {
           type: 'updateTheme',
           value: theme,
         },
-        '*'
+        '*',
       );
     });
   }

packages/vant-cli/site/common/style/base.less

@@ -6,9 +6,20 @@ body {
   overflow-x: auto;
   color: var(--van-doc-text-color-2);
   font-size: 16px;
-  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
+  font-family:
-    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
+    'Open Sans',
-    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+    -apple-system,
+    BlinkMacSystemFont,
+    'Helvetica Neue',
+    Helvetica,
+    Segoe UI,
+    Arial,
+    Roboto,
+    'PingFang SC',
+    'miui',
+    'Hiragino Sans GB',
+    'Microsoft Yahei',
+    sans-serif;
   background-color: var(--van-doc-background);
   -webkit-font-smoothing: antialiased;
 }

packages/vant-cli/site/desktop/App.vue

@@ -107,11 +107,11 @@ export default {
 
       const navItems = this.config.nav.reduce(
         (result, nav) => [...result, ...nav.items],
-        []
+        [],
       );
 
       const current = navItems.find(
-        (item) => item.path === this.$route.meta.name
+        (item) => item.path === this.$route.meta.name,
       );
 
       if (current && current.title) {

packages/vant-cli/site/desktop/components/DemoPlayground.vue

@@ -108,7 +108,9 @@ export default {
         cursor: pointer;
         opacity: 0.6;
         outline: none;
-        transition: opacity 0.2s, background 0.2s;
+        transition:
+          opacity 0.2s,
+          background 0.2s;
 
         // expand click area
         &::after {

packages/vant-cli/site/desktop/components/Header.vue

@@ -142,7 +142,7 @@ export default {
       const action = val ? 'add' : 'remove';
       document.body[`${action}EventListener`](
         'click',
-        this.checkHideVersionPop
+        this.checkHideVersionPop,
       );
 
       this.showVersionPop = val;

packages/vant-cli/site/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -15,10 +15,7 @@
     <meta http-equiv="Cache-Control" content="no-cache" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <% if (headHtml) { %>
+    <% if (headHtml) { %> <%= headHtml %> <% } %> <% if (baiduAnalytics) { %>
-      <%= headHtml %>
-    <% } %>
-    <% if (baiduAnalytics) { %>
     <script>
       var _hmt = _hmt || [];
       (function () {

packages/vant-cli/site/mobile.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -15,16 +15,12 @@
     <meta http-equiv="Cache-Control" content="no-cache" />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <% if (headHtml) { %>
+    <% if (headHtml) { %> <%= headHtml %> <% } %> <% if (enableVConsole) { %>
-      <%= headHtml %>
-    <% } %>
-    <% if (enableVConsole) { %>
     <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
     <script>
       var vConsole = new window.VConsole();
     </script>
-    <% } %>
+    <% } %> <% if (baiduAnalytics) { %>
-    <% if (baiduAnalytics) { %>
     <script>
       // avoid to load analytics in iframe
       if (window.top === window) {

packages/vant-cli/site/mobile/App.vue

@@ -31,17 +31,17 @@ export default {
         if (darkModeClass) {
           document.documentElement.classList.toggle(
             darkModeClass,
-            newVal === 'dark'
+            newVal === 'dark',
           );
         }
         if (lightModeClass) {
           document.documentElement.classList.toggle(
             lightModeClass,
-            newVal === 'light'
+            newVal === 'light',
           );
         }
       },
-      { immediate: true }
+      { immediate: true },
     );
   },
 };

packages/vant-cli/src/cli.ts

@@ -27,27 +27,27 @@ program
   .description('Run unit tests through jest')
   .option(
     '--watch',
-    'Watch files for changes and rerun tests related to changed files'
+    'Watch files for changes and rerun tests related to changed files',
   )
   .option(
     '--clearCache',
-    'Clears the configured Jest cache directory and then exits'
+    'Clears the configured Jest cache directory and then exits',
   )
   .option(
     '--changedSince <changedSince>',
-    'Runs tests related to the changes since the provided branch or commit hash'
+    'Runs tests related to the changes since the provided branch or commit hash',
   )
   .option(
     '--logHeapUsage',
-    'Logs the heap usage after every test. Useful to debug memory leaks'
+    'Logs the heap usage after every test. Useful to debug memory leaks',
   )
   .option(
     '--runInBand',
-    'Run all tests serially in the current process, rather than creating a worker pool of child processes that run tests'
+    'Run all tests serially in the current process, rather than creating a worker pool of child processes that run tests',
   )
   .option(
     '--updateSnapshot',
-    'Re-record every snapshot that fails during this test run'
+    'Re-record every snapshot that fails during this test run',
   )
   .option('--debug', 'Print debugging info about your Jest config')
   .action(async (options) => {

packages/vant-cli/src/commands/build.ts

@@ -66,7 +66,7 @@ async function preCompileDir(dir: string) {
         return compileSfc(filePath);
       }
       return Promise.resolve();
-    })
+    }),
   );
 }
 
@@ -78,7 +78,7 @@ async function compileDir(dir: string, format: Format) {
       return isDir(filePath)
         ? compileDir(filePath, format)
         : compileFile(filePath, format);
-    })
+    }),
   );
 }
 

packages/vant-cli/src/commands/changelog.ts

@@ -64,7 +64,7 @@ export async function changelog(): Promise<void> {
         headerPartial,
         commitPartial,
         transform,
-      }
+      },
     )
       .pipe(createWriteStream(DIST_FILE))
       .on('close', () => {

packages/vant-cli/src/commands/lint.ts

@@ -11,7 +11,7 @@ type RunCommandMessages = {
 function runCommand(
   cmd: string,
   options: string[],
-  messages: RunCommandMessages
+  messages: RunCommandMessages,
 ) {
   const spinner = createSpinner(messages.start).start();
 
@@ -40,7 +40,7 @@ function eslint() {
       start: 'Running eslint...',
       succeed: 'ESLint Passed.',
       failed: 'ESLint failed!',
-    }
+    },
   );
 }
 

packages/vant-cli/src/common/css.ts

@@ -39,6 +39,6 @@ const IMPORT_STYLE_RE = /import\s+?(?:(?:".*?")|(?:'.*?'))[\s]*?(?:;|$|)/g;
 // "import 'a.less';" => "import 'a.css';"
 export function replaceCSSImportExt(code: string) {
   return code.replace(IMPORT_STYLE_RE, (str) =>
-    str.replace(`.${CSS_LANG}`, '.css')
+    str.replace(`.${CSS_LANG}`, '.css'),
   );
 }

packages/vant-cli/src/common/index.ts

@@ -42,7 +42,7 @@ export function getComponents() {
         }
 
         return false;
-      })
+      }),
     );
 }
 
@@ -65,7 +65,7 @@ export function camelize(str: string): string {
 export function pascalize(str: string): string {
   return camelize(str).replace(
     pascalizeRE,
-    (_, c1, c2) => c1.toUpperCase() + c2
+    (_, c1, c2) => c1.toUpperCase() + c2,
   );
 }
 
@@ -116,7 +116,7 @@ export function smartOutputFile(filePath: string, content: string) {
 
 export async function mergeCustomViteConfig(
   config: InlineConfig,
-  mode: 'production' | 'development'
+  mode: 'production' | 'development',
 ): Promise<InlineConfig> {
   const vantConfig = getVantConfig();
   const configureVite = vantConfig.build?.configureVite;
@@ -127,7 +127,7 @@ export async function mergeCustomViteConfig(
       command: mode === 'development' ? 'serve' : 'build',
     },
     undefined,
-    process.cwd()
+    process.cwd(),
   );
 
   if (configureVite) {

packages/vant-cli/src/compiler/compile-bundles.ts

@@ -38,9 +38,9 @@ export async function compileBundles() {
       build(
         await mergeCustomViteConfig(
           getViteConfigForPackage(config),
-          'production'
+          'production',
-        )
+        ),
-      )
+      ),
-    )
+    ),
   );
 }

packages/vant-cli/src/compiler/compile-script.ts

@@ -10,7 +10,7 @@ const { readFileSync, removeSync, outputFileSync } = fse;
 
 export async function compileScript(
   filePath: string,
-  format: Format
+  format: Format,
 ): Promise<void> {
   if (filePath.includes('.d.ts')) {
     return;

packages/vant-cli/src/compiler/compile-sfc.ts

@@ -127,7 +127,7 @@ export async function compileSfc(filePath: string): Promise<any> {
         }
 
         outputFile(scriptFilePath, script).then(resolve);
-      })
+      }),
     );
   }
 
@@ -150,7 +150,7 @@ export async function compileSfc(filePath: string): Promise<any> {
       // }
 
       return outputFile(cssFilePath, styleSource);
-    })
+    }),
   );
 
   return Promise.all(tasks);

packages/vant-cli/src/compiler/compile-site.ts

@@ -31,13 +31,13 @@ export async function compileSite(production = false) {
   if (production) {
     const config = await mergeCustomViteConfig(
       getViteConfigForSiteProd(),
-      'production'
+      'production',
     );
     await build(config);
   } else {
     const config = await mergeCustomViteConfig(
       getViteConfigForSiteDev(),
-      'development'
+      'development',
     );
     const server = await createServer(config);
     await server.listen(config.server?.port);

packages/vant-cli/src/compiler/gen-component-style.ts

@@ -81,7 +81,7 @@ function genEntry(params: {
 }
 
 export function genComponentStyle(
-  options: { cache: boolean } = { cache: true }
+  options: { cache: boolean } = { cache: true },
 ) {
   if (!options.cache) {
     const require = createRequire(import.meta.url);

packages/vant-cli/src/compiler/gen-package-entry.ts

@@ -20,7 +20,7 @@ function getPathByName(name: string, pathResolver?: PathResolver) {
 function genImports(
   names: string[],
   pathResolver?: PathResolver,
-  namedExport?: boolean
+  namedExport?: boolean,
 ): string {
   return names
     .map((name) => {
@@ -36,7 +36,7 @@ function genImports(
 function genExports(
   names: string[],
   pathResolver?: PathResolver,
-  namedExport?: boolean
+  namedExport?: boolean,
 ): string {
   if (namedExport) {
     const exports = names

packages/vant-cli/src/compiler/gen-site-mobile-shared.ts

@@ -38,7 +38,7 @@ function genConfig(demos: DemoItem[]) {
   function demoFilter(nav: any[]) {
     return nav.filter((group) => {
       group.items = group.items.filter((item: any) =>
-        demoNames.includes(item.path)
+        demoNames.includes(item.path),
       );
       return group.items.length;
     });

packages/vant-cli/src/compiler/gen-style-deps-map.ts

@@ -106,13 +106,13 @@ export async function genStyleDepsMap() {
 
     Object.keys(map).forEach((key) => {
       map[key] = map[key].sort(
-        (a, b) => sequence.indexOf(a) - sequence.indexOf(b)
+        (a, b) => sequence.indexOf(a) - sequence.indexOf(b),
       );
     });
 
     smartOutputFile(
       STYLE_DEPS_JSON_FILE,
-      JSON.stringify({ map, sequence }, null, 2)
+      JSON.stringify({ map, sequence }, null, 2),
     );
 
     resolve();

packages/vant-cli/src/compiler/get-deps.ts

@@ -105,7 +105,7 @@ export function getDeps(filePath: string) {
 export function replaceScriptImportExt(
   code: string,
   filePath: string,
-  ext: string
+  ext: string,
 ) {
   const imports = [...matchImports(code), ...matchExportFroms(code)];
 
@@ -132,7 +132,6 @@ export function replaceScriptImportExt(
         return;
       }
 
-
       const pathInfo = getPathByImport(line, filePath);
 
       if (pathInfo) {
@@ -141,7 +140,7 @@ export function replaceScriptImportExt(
         if (pathInfo.isIndex) {
           const newLine = line.replace(
             relativePath,
-            `${relativePath}/index${ext}`
+            `${relativePath}/index${ext}`,
           );
 
           updateImport(index, newLine);

packages/vant-cli/src/compiler/web-types/formatter.ts

@@ -77,7 +77,7 @@ function findTag(vueTags: VueTag[], name: string) {
 export function formatter(
   vueTags: VueTag[],
   articles: Articles,
-  tagPrefix = ''
+  tagPrefix = '',
 ) {
   if (!articles.length) {
     return;

packages/vant-cli/src/compiler/web-types/index.ts

@@ -36,7 +36,7 @@ export async function parseAndWrite(options: Options) {
   const webTypes = genWebTypes(vueTags, options);
   fse.outputFileSync(
     join(options.outputDir, 'web-types.json'),
-    JSON.stringify(webTypes)
+    JSON.stringify(webTypes),
   );
 }
 

packages/vant-cli/src/compiler/web-types/utils.ts

@@ -2,7 +2,7 @@
 export function toKebabCase(input: string): string {
   return input.replace(
     /[A-Z]/g,
-    (val, index) => (index === 0 ? '' : '-') + val.toLowerCase()
+    (val, index) => (index === 0 ? '' : '-') + val.toLowerCase(),
   );
 }
 

packages/vant-cli/template/changelog-commit.hbs

@@ -32,4 +32,3 @@
 {{~/if}}
 /{{~@root.commit}}/{{hash}})
 {{~/if}}
-

packages/vant-icons/src/index.less

@@ -5,7 +5,8 @@
   font-style: normal;
   font-display: auto;
   font-family: 'vant-icon';
-  src: url('//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff2?t=1672541115585')
+  src:
+    url('//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff2?t=1672541115585')
       format('woff2'),
     url('//at.alicdn.com/t/c/font_2553510_ovbl29ce9ud.woff?t=1672541115585')
       format('woff');

packages/vant-touch-emulator/src/index.js

@@ -20,7 +20,7 @@
       pageX,
       pageY,
       screenX,
-      screenY
+      screenY,
     ) {
       // auto set
       return new Touch(
@@ -35,7 +35,7 @@
           clientY: pageY - window.pageYOffset,
         },
         0,
-        0
+        0,
       );
     };
   }

packages/vant-use/src/useClickAway/index.ts

@@ -12,7 +12,7 @@ export function useClickAway(
     | Ref<Element | undefined>
     | Array<Element | Ref<Element | undefined>>,
   listener: EventListener,
-  options: UseClickAwayOptions = {}
+  options: UseClickAwayOptions = {},
 ) {
   if (!inBrowser) {
     return;

packages/vant-use/src/useEventListener/index.ts

@@ -21,17 +21,17 @@ export type UseEventListenerOptions = {
 export function useEventListener<K extends keyof DocumentEventMap>(
   type: K,
   listener: (event: DocumentEventMap[K]) => void,
-  options?: UseEventListenerOptions
+  options?: UseEventListenerOptions,
 ): () => void;
 export function useEventListener(
   type: string,
   listener: EventListener,
-  options?: UseEventListenerOptions
+  options?: UseEventListenerOptions,
 ): () => void;
 export function useEventListener(
   type: string,
   listener: EventListener,
-  options: UseEventListenerOptions = {}
+  options: UseEventListenerOptions = {},
 ) {
   if (!inBrowser) {
     return;

packages/vant-use/src/useRect/index.ts

@@ -10,10 +10,10 @@ const makeDOMRect = (width: number, height: number) =>
     bottom: height,
     width,
     height,
-  } as DOMRect);
+  }) as DOMRect;
 
 export const useRect = (
-  elementOrRef: Element | Window | Ref<Element | Window | undefined>
+  elementOrRef: Element | Window | Ref<Element | Window | undefined>,
 ) => {
   const element = unref(elementOrRef);
 

packages/vant-use/src/useRelation/useChildren.ts

@@ -45,7 +45,7 @@ const findVNodeIndex = (vnodes: VNode[], vnode: VNode) => {
         vnode.key !== undefined &&
         vnode.key !== null &&
         item.type === vnode.type &&
-        item.key === vnode.key
+        item.key === vnode.key,
     );
   }
   return index;
@@ -55,12 +55,12 @@ const findVNodeIndex = (vnodes: VNode[], vnode: VNode) => {
 export function sortChildren(
   parent: ComponentInternalInstance,
   publicChildren: ComponentPublicInstance[],
-  internalChildren: ComponentInternalInstance[]
+  internalChildren: ComponentInternalInstance[],
 ) {
   const vnodes = flattenVNodes(parent.subTree.children);
 
   internalChildren.sort(
-    (a, b) => findVNodeIndex(vnodes, a.vnode) - findVNodeIndex(vnodes, b.vnode)
+    (a, b) => findVNodeIndex(vnodes, a.vnode) - findVNodeIndex(vnodes, b.vnode),
   );
 
   const orderedPublicChildren = internalChildren.map((item) => item.proxy!);
@@ -75,7 +75,7 @@ export function sortChildren(
 export function useChildren<
   // eslint-disable-next-line
   Child extends ComponentPublicInstance = ComponentPublicInstance<{}, any>,
-  ProvideValue = never
+  ProvideValue = never,
 >(key: InjectionKey<ProvideValue>) {
   const publicChildren: Child[] = reactive([]);
   const internalChildren: ComponentInternalInstance[] = reactive([]);
@@ -105,8 +105,8 @@ export function useChildren<
           children: publicChildren,
           internalChildren,
         },
-        value
+        value,
-      )
+      ),
     );
   };
 

packages/vant-use/src/useScrollParent/index.ts

@@ -18,7 +18,7 @@ function isElement(node: Element) {
 // https://github.com/vant-ui/vant/issues/3823
 export function getScrollParent(
   el: Element,
-  root: ScrollElement | undefined = defaultRoot
+  root: ScrollElement | undefined = defaultRoot,
 ) {
   let node = el;
 
@@ -35,7 +35,7 @@ export function getScrollParent(
 
 export function useScrollParent(
   el: Ref<Element | undefined>,
-  root: ScrollElement | undefined = defaultRoot
+  root: ScrollElement | undefined = defaultRoot,
 ) {
   const scrollParent = ref<Element | Window>();
 

packages/vant/docs/markdown/use-click-away.en-US.md

@@ -46,7 +46,7 @@ export default {
       () => {
         console.log('touch outside!');
       },
-      { eventName: 'touchstart' }
+      { eventName: 'touchstart' },
     );
 
     return { root };
@@ -69,7 +69,7 @@ function useClickAway(
     | Ref<Element | undefined>
     | Array<Element | Ref<Element | undefined>>,
   listener: EventListener,
-  options?: Options
+  options?: Options,
 ): void;
 ```
 

packages/vant/docs/markdown/use-click-away.zh-CN.md

@@ -48,7 +48,7 @@ export default {
       () => {
         console.log('touch outside!');
       },
-      { eventName: 'touchstart' }
+      { eventName: 'touchstart' },
     );
 
     return { root };
@@ -71,7 +71,7 @@ function useClickAway(
     | Ref<Element | undefined>
     | Array<Element | Ref<Element | undefined>>,
   listener: EventListener,
-  options?: Options
+  options?: Options,
 ): void;
 ```
 

packages/vant/docs/markdown/use-event-listener.en-US.md

@@ -25,7 +25,7 @@ export default {
       () => {
         console.log('click body');
       },
-      { target: document.body }
+      { target: document.body },
     );
   },
 };
@@ -64,7 +64,7 @@ type Options = {
 function useEventListener(
   type: string,
   listener: EventListener,
-  options?: Options
+  options?: Options,
 ): () => void;
 ```
 

packages/vant/docs/markdown/use-event-listener.zh-CN.md

@@ -26,7 +26,7 @@ export default {
       () => {
         console.log('click body');
       },
-      { target: document.body }
+      { target: document.body },
     );
   },
 };
@@ -65,7 +65,7 @@ type Options = {
 function useEventListener(
   type: string,
   listener: EventListener,
-  options?: Options
+  options?: Options,
 ): () => void;
 ```
 

packages/vant/docs/markdown/use-rect.en-US.md

@@ -36,7 +36,7 @@ export default {
 
 ```ts
 function useRect(
-  element: Element | Window | Ref<Element | Window | undefined>
+  element: Element | Window | Ref<Element | Window | undefined>,
 ): DOMRect;
 ```
 

packages/vant/docs/markdown/use-rect.zh-CN.md

@@ -36,7 +36,7 @@ export default {
 
 ```ts
 function useRect(
-  element: Element | Window | Ref<Element | Window | undefined>
+  element: Element | Window | Ref<Element | Window | undefined>,
 ): DOMRect;
 ```
 

packages/vant/docs/markdown/use-scroll-parent.en-US.md

@@ -26,7 +26,7 @@ export default {
       () => {
         console.log('scroll');
       },
-      { target: scrollParent }
+      { target: scrollParent },
     );
 
     return { root };
@@ -40,7 +40,7 @@ export default {
 
 ```ts
 function useScrollParent(
-  element: Ref<Element | undefined>
+  element: Ref<Element | undefined>,
 ): Ref<Element | Window | undefined>;
 ```
 

packages/vant/docs/markdown/use-scroll-parent.zh-CN.md

@@ -26,7 +26,7 @@ export default {
       () => {
         console.log('scroll');
       },
-      { target: scrollParent }
+      { target: scrollParent },
     );
 
     return { root };
@@ -40,7 +40,7 @@ export default {
 
 ```ts
 function useScrollParent(
-  element: Ref<Element | undefined>
+  element: Ref<Element | undefined>,
 ): Ref<Element | Window | undefined>;
 ```
 

packages/vant/docs/markdown/use-toggle.en-US.md

@@ -46,7 +46,7 @@ export default {
 
 ```ts
 function useToggle(
-  defaultValue: boolean
+  defaultValue: boolean,
 ): [Ref<boolean>, (newValue: boolean) => void];
 ```
 

packages/vant/docs/markdown/use-toggle.zh-CN.md

@@ -46,7 +46,7 @@ export default {
 
 ```ts
 function useToggle(
-  defaultValue: boolean
+  defaultValue: boolean,
 ): [Ref<boolean>, (newValue: boolean) => void];
 ```
 

packages/vant/src/action-sheet/test/index.spec.ts

@@ -181,7 +181,7 @@ test('should render description correctly', () => {
   });
 
   expect(
-    wrapper.find('.van-action-sheet__description').html()
+    wrapper.find('.van-action-sheet__description').html(),
   ).toMatchSnapshot();
 });
 
@@ -209,7 +209,7 @@ test('should render description slot when match snapshot', () => {
   });
 
   expect(
-    wrapper.find('.van-action-sheet__description').html()
+    wrapper.find('.van-action-sheet__description').html(),
   ).toMatchSnapshot();
 });
 
@@ -251,14 +251,14 @@ test('should allow to control safe-area with safe-area-inset-bottom prop', async
   });
 
   expect(wrapper.find('.van-action-sheet').classes()).toContain(
-    'van-safe-area-bottom'
+    'van-safe-area-bottom',
   );
 
   await wrapper.setProps({
     safeAreaInsetBottom: false,
   });
   expect(wrapper.find('.van-action-sheet').classes()).not.toContain(
-    'van-safe-area-bottom'
+    'van-safe-area-bottom',
   );
 });
 

packages/vant/src/address-edit/AddressEdit.tsx

@@ -111,7 +111,7 @@ export default defineComponent({
     const detailFocused = ref(false);
 
     const areaListLoaded = computed(
-      () => isObject(props.areaList) && Object.keys(props.areaList).length
+      () => isObject(props.areaList) && Object.keys(props.areaList).length,
     );
 
     const areaText = computed(() => {
@@ -128,7 +128,7 @@ export default defineComponent({
 
     // hide bottom field when use search && detail get focused
     const hideBottomFields = computed(
-      () => props.searchResult?.length && detailFocused.value
+      () => props.searchResult?.length && detailFocused.value,
     );
 
     const onFocus = (key: string) => {
@@ -247,7 +247,7 @@ export default defineComponent({
           if (
             options &&
             options.every(
-              (option) => option && option.value !== AREA_EMPTY_CODE
+              (option) => option && option.value !== AREA_EMPTY_CODE,
             )
           ) {
             assignAreaText(options as PickerOption[]);
@@ -257,7 +257,7 @@ export default defineComponent({
       {
         deep: true,
         immediate: true,
-      }
+      },
     );
 
     return () => {

packages/vant/src/address-list/AddressList.tsx

@@ -49,7 +49,7 @@ export default defineComponent({
     const renderItem = (
       item: AddressListAddress,
       index: number,
-      disabled?: boolean
+      disabled?: boolean,
     ) => {
       const onEdit = () =>
         emit(disabled ? 'editDisabled' : 'edit', item, index);

packages/vant/src/area/Area.tsx

@@ -66,7 +66,7 @@ export default defineComponent({
           emit('update:modelValue', lastCode);
         }
       },
-      { deep: true }
+      { deep: true },
     );
 
     watch(
@@ -87,7 +87,7 @@ export default defineComponent({
           codes.value = [];
         }
       },
-      { immediate: true }
+      { immediate: true },
     );
 
     useExpose<PickerExpose>({

packages/vant/src/area/test/index.spec.ts

@@ -40,17 +40,17 @@ test('should watch modelValue prop and render correctly', async () => {
 
   await later();
   expect(
-    wrapper.find('.van-picker-column__item--selected').html()
+    wrapper.find('.van-picker-column__item--selected').html(),
   ).toMatchSnapshot();
 
   await wrapper.setProps({ modelValue: '120225' });
   expect(
-    wrapper.find('.van-picker-column__item--selected').html()
+    wrapper.find('.van-picker-column__item--selected').html(),
   ).toMatchSnapshot();
 
   await wrapper.setProps({ modelValue: '' });
   expect(
-    wrapper.find('.van-picker-column__item--selected').html()
+    wrapper.find('.van-picker-column__item--selected').html(),
   ).toMatchSnapshot();
 });
 

packages/vant/src/area/utils.ts

@@ -25,7 +25,7 @@ export const INHERIT_PROPS = [
 const makeOption = (
   text = '',
   value = AREA_EMPTY_CODE,
-  children: PickerOption[] | undefined = undefined
+  children: PickerOption[] | undefined = undefined,
 ): PickerOption => ({
   text,
   value,
@@ -52,7 +52,7 @@ export function formatDataForCascade({
             makeOption(
               placeholder[0],
               AREA_EMPTY_CODE,
-              showCounty ? [] : undefined
+              showCounty ? [] : undefined,
             ),
           ]
         : [];
@@ -63,7 +63,7 @@ export function formatDataForCascade({
   Object.keys(province).forEach((code) => {
     provinceMap.set(
       code.slice(0, 2),
-      makeOption(province[code], code, getProvinceChildren())
+      makeOption(province[code], code, getProvinceChildren()),
     );
   });
 

packages/vant/src/back-top/BackTop.tsx

@@ -68,7 +68,7 @@ export default defineComponent({
       extend(getZIndexStyle(props.zIndex), {
         right: addUnit(props.right),
         bottom: addUnit(props.bottom),
-      })
+      }),
     );
 
     const onClick = (event: MouseEvent) => {
@@ -97,7 +97,7 @@ export default defineComponent({
 
         if (process.env.NODE_ENV !== 'production') {
           console.error(
-            `[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`
+            `[Vant] BackTop: target element "${target}" was not found, the BackTop component will not be rendered.`,
           );
         }
       } else {

packages/vant/src/back-top/README.zh-CN.md

@@ -132,9 +132,9 @@ export default {
 
 ### Events
 
-| 事件名  | 说明           | 回调参数            |
+| 事件名 | 说明           | 回调参数            |
-| ----- | -------------- | ------------------- |
+| ------ | -------------- | ------------------- |
-| click | 点击组件时触发 | _event: MouseEvent_ |
+| click  | 点击组件时触发 | _event: MouseEvent_ |
 
 ### Slots
 

packages/vant/src/badge/Badge.tsx

@@ -84,7 +84,7 @@ export default defineComponent({
         const { position } = props;
         const [offsetY, offsetX] = position.split('-') as [
           'top' | 'bottom',
-          'left' | 'right'
+          'left' | 'right',
         ];
 
         if (slots.default) {

packages/vant/src/barrage/Barrage.tsx

@@ -49,7 +49,7 @@ export default defineComponent({
 
     const createBarrageItem = (
       text: string | number,
-      delay: number = props.delay
+      delay: number = props.delay,
     ) => {
       const item = document.createElement('span');
       item.className = className;
@@ -69,7 +69,7 @@ export default defineComponent({
     const appendBarrageItem = ({ id, text }: BarrageItem, i: number) => {
       const item = createBarrageItem(
         text,
-        isInitBarrage.value ? i * props.delay : undefined
+        isInitBarrage.value ? i * props.delay : undefined,
       );
       if (!props.autoPlay && isPlay.value === false) {
         item.style.animationPlayState = 'paused';
@@ -86,14 +86,14 @@ export default defineComponent({
       item.addEventListener('animationend', () => {
         emit(
           'update:modelValue',
-          [...props.modelValue].filter((v) => String(v.id) !== item.dataset.id)
+          [...props.modelValue].filter((v) => String(v.id) !== item.dataset.id),
         );
       });
     };
 
     const updateBarrages = (
       newValue: BarrageItem[],
-      oldValue: BarrageItem[]
+      oldValue: BarrageItem[],
     ) => {
       const map = new Map(oldValue.map((item) => [item.id, item]));
 
@@ -109,7 +109,7 @@ export default defineComponent({
       map.forEach((item) => {
         // remove
         const index = barrageItems.findIndex(
-          (span) => span.dataset.id === String(item.id)
+          (span) => span.dataset.id === String(item.id),
         );
         if (index > -1) {
           barrageItems[index].remove();
@@ -123,7 +123,7 @@ export default defineComponent({
     watch(
       () => props.modelValue.slice(),
       (newValue, oldValue) => updateBarrages(newValue ?? [], oldValue ?? []),
-      { deep: true }
+      { deep: true },
     );
 
     const rootStyle = ref<{

packages/vant/src/barrage/index.less

@@ -21,7 +21,10 @@
     font-weight: bold;
     white-space: nowrap;
     color: var(--van-barrage-color);
-    text-shadow: 1px 0 1px #000000, 0 1px 1px #000000, 0 -1px 1px #000000,
+    text-shadow:
+      1px 0 1px #000000,
+      0 1px 1px #000000,
+      0 -1px 1px #000000,
       -1px 0 1px #000000;
     user-select: none;
     will-change: transform;

packages/vant/src/barrage/test/index.spec.tsx

@@ -59,21 +59,21 @@ test('should not auto play use play function when use play function', async () =
 
   expect(
     (wrapper.find('.van-barrage__item') as HTMLSpanElement).style
-      .animationPlayState
+      .animationPlayState,
   ).toBe('paused');
 
   barrage.value?.play();
 
   expect(
     (wrapper.find('.van-barrage__item') as HTMLSpanElement).style
-      .animationPlayState
+      .animationPlayState,
   ).toBe('running');
 
   barrage.value?.pause();
 
   expect(
     (wrapper.find('.van-barrage__item') as HTMLSpanElement).style
-      .animationPlayState
+      .animationPlayState,
   ).toBe('paused');
 });
 
@@ -110,7 +110,7 @@ test('should emit "update:modelValue" when animationend', async () => {
 
   expect(
     (wrapper.find('.van-barrage__item') as HTMLSpanElement).style
-      .animationPlayState
+      .animationPlayState,
   ).toBe('running');
 
   await wrapper.setProps({
@@ -130,7 +130,7 @@ test('should emit "update:modelValue" when animationend', async () => {
 
   await trigger(
     wrapper.find('.van-barrage__item') as HTMLSpanElement,
-    'animationend'
+    'animationend',
   );
 
   expect(wrapper.emitted('change')?.[0][0]).toEqual([

packages/vant/src/calendar/Calendar.tsx

@@ -122,7 +122,7 @@ export default defineComponent({
     const limitDateRange = (
       date: Date,
       minDate = props.minDate,
-      maxDate = props.maxDate
+      maxDate = props.maxDate,
     ) => {
       if (compareDay(date, minDate) === -1) {
         return minDate;
@@ -149,11 +149,11 @@ export default defineComponent({
         const start = limitDateRange(
           defaultDate[0] || now,
           minDate,
-          allowSameDay ? maxDate : getPrevDay(maxDate)
+          allowSameDay ? maxDate : getPrevDay(maxDate),
         );
         const end = limitDateRange(
           defaultDate[1] || now,
-          allowSameDay ? minDate : getNextDay(minDate)
+          allowSameDay ? minDate : getNextDay(minDate),
         );
         return [start, end];
       }
@@ -184,7 +184,7 @@ export default defineComponent({
     const [monthRefs, setMonthRefs] = useRefs<CalendarMonthInstance>();
 
     const dayOffset = computed(() =>
-      props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0
+      props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0,
     );
 
     const months = computed(() => {
@@ -225,7 +225,7 @@ export default defineComponent({
       const bottom = top + bodyHeight;
 
       const heights = months.value.map((item, index) =>
-        monthRefs.value[index].getHeight()
+        monthRefs.value[index].getHeight(),
       );
       const heightSum = heights.reduce((a, b) => a + b, 0);
 
@@ -377,12 +377,12 @@ export default defineComponent({
     const getDisabledDate = (
       disabledDays: CalendarDayItem[],
       startDay: Date,
-      date: Date
+      date: Date,
     ): Date | undefined =>
       disabledDays.find(
         (day) =>
           compareDay(startDay, day.date!) === -1 &&
-          compareDay(day.date!, date) === -1
+          compareDay(day.date!, date) === -1,
       )?.date;
 
     // disabled calendarDay
@@ -390,7 +390,7 @@ export default defineComponent({
       monthRefs.value.reduce((arr, ref) => {
         arr.push(...(ref.disabledDays?.value ?? []));
         return arr;
-      }, [] as CalendarDayItem[])
+      }, [] as CalendarDayItem[]),
     );
 
     const onClickDay = (item: CalendarDayItem) => {
@@ -416,7 +416,7 @@ export default defineComponent({
             const disabledDay = getDisabledDate(
               disabledDays.value,
               startDay,
-              date
+              date,
             );
 
             if (disabledDay) {
@@ -445,7 +445,7 @@ export default defineComponent({
         const dates = currentDate.value as Date[];
 
         const selectedIndex = dates.findIndex(
-          (dateItem: Date) => compareDay(dateItem, date) === 0
+          (dateItem: Date) => compareDay(dateItem, date) === 0,
         );
 
         if (selectedIndex !== -1) {
@@ -549,14 +549,14 @@ export default defineComponent({
     watch(() => props.show, init);
     watch(
       () => [props.type, props.minDate, props.maxDate],
-      () => reset(getInitialDate(currentDate.value))
+      () => reset(getInitialDate(currentDate.value)),
     );
     watch(
       () => props.defaultDate,
       (value = null) => {
         currentDate.value = value;
         scrollToCurrentDate();
-      }
+      },
     );
 
     useExpose<CalendarExpose>({

packages/vant/src/calendar/CalendarMonth.tsx

@@ -82,7 +82,7 @@ export default defineComponent({
     });
 
     const totalDay = computed(() =>
-      getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1)
+      getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1),
     );
 
     const shouldRender = computed(() => visible.value || !props.lazyRender);
@@ -92,7 +92,7 @@ export default defineComponent({
     const getMultipleDayType = (day: Date) => {
       const isSelected = (date: Date) =>
         (props.currentDate as Date[]).some(
-          (item) => compareDay(item, date) === 0
+          (item) => compareDay(item, date) === 0,
         );
 
       if (isSelected(day)) {
@@ -236,7 +236,7 @@ export default defineComponent({
     });
 
     const disabledDays = computed(() =>
-      days.value.filter((day) => day.type === 'disabled')
+      days.value.filter((day) => day.type === 'disabled'),
     );
 
     const scrollToDate = (body: Element, targetDate: Date) => {
@@ -248,7 +248,7 @@ export default defineComponent({
 
         setScrollTop(
           body,
-          daysRect.top + rowOffset + body.scrollTop - useRect(body).top
+          daysRect.top + rowOffset + body.scrollTop - useRect(body).top,
         );
       }
     };

packages/vant/src/calendar/test/index.spec.ts

@@ -65,7 +65,7 @@ test('select event when type is single', async () => {
   wrapper.findAll('.van-calendar__day')[15].trigger('click');
 
   expect(wrapper.emitted<[Date]>('select')![0][0]).toEqual(
-    new Date(2010, 0, 16)
+    new Date(2010, 0, 16),
   );
 });
 
@@ -166,7 +166,7 @@ test('select event when type is multiple', async () => {
   days[15].trigger('click');
 
   expect(wrapper.emitted<[Date]>('unselect')![0][0]).toEqual(
-    new Date(2010, 0, 16)
+    new Date(2010, 0, 16),
   );
 });
 
@@ -205,7 +205,7 @@ test('confirm event when type is single', async () => {
 
   wrapper.find('.van-calendar__confirm').trigger('click');
   expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
-    new Date(2010, 0, 16)
+    new Date(2010, 0, 16),
   );
 });
 
@@ -382,7 +382,7 @@ test('should render subtitle slot with params', async () => {
   await later();
 
   expect(
-    wrapper.find('.van-calendar__header-subtitle').html()
+    wrapper.find('.van-calendar__header-subtitle').html(),
   ).toMatchSnapshot();
 });
 
@@ -420,7 +420,7 @@ test('should reset when type changed', async () => {
 
   wrapper.find('.van-calendar__confirm').trigger('click');
   expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
-    new Date(2010, 0, 10)
+    new Date(2010, 0, 10),
   );
 
   await wrapper.setProps({
@@ -449,13 +449,13 @@ test('default-date prop in single type', async () => {
 
   wrapper.find('.van-calendar__confirm').trigger('click');
   expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
-    new Date(2010, 0, 11)
+    new Date(2010, 0, 11),
   );
 
   await wrapper.setProps({ defaultDate: maxDate });
   wrapper.find('.van-calendar__confirm').trigger('click');
   expect(wrapper.emitted<[Date]>('confirm')![1][0]).toEqual(
-    new Date(2010, 0, 20)
+    new Date(2010, 0, 20),
   );
 });
 

packages/vant/src/calendar/test/prop.spec.ts

@@ -134,7 +134,7 @@ test('min-date after current time', () => {
 
   wrapper.find('.van-calendar__confirm').trigger('click');
   expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
-    new Date(2200, 0, 1)
+    new Date(2200, 0, 1),
   );
 });
 
@@ -150,7 +150,7 @@ test('min-date before current time', () => {
 
   wrapper.find('.van-calendar__confirm').trigger('click');
   expect(wrapper.emitted<[Date]>('confirm')![0][0]).toEqual(
-    new Date(1800, 0, 2)
+    new Date(1800, 0, 2),
   );
 });
 
@@ -195,7 +195,7 @@ test('first day of week', async () => {
   expect(wrapper.findAll('.van-calendar__weekday')[0].text()).toEqual('Tue');
 
   const day = wrapper.find(
-    '.van-calendar__month:first-of-type .van-calendar__day'
+    '.van-calendar__month:first-of-type .van-calendar__day',
   );
   expect(day.text()).toEqual('1');
   expect(day.attributes('style')).toContain(`margin-left: ${(100 * 4) / 7}%`);

packages/vant/src/cascader/Cascader.tsx

@@ -69,12 +69,12 @@ export default defineComponent({
         value: 'value',
         children: 'children',
       },
-      props.fieldNames
+      props.fieldNames,
     );
 
     const getSelectedOptionsByValue = (
       options: CascaderOption[],
-      value: Numeric
+      value: Numeric,
     ): CascaderOption[] | undefined => {
       for (const option of options) {
         if (option[valueKey] === value) {
@@ -84,7 +84,7 @@ export default defineComponent({
         if (option[childrenKey]) {
           const selectedOptions = getSelectedOptionsByValue(
             option[childrenKey],
-            value
+            value,
           );
           if (selectedOptions) {
             return [option, ...selectedOptions];
@@ -109,7 +109,7 @@ export default defineComponent({
             };
 
             const next = optionsCursor.find(
-              (item) => item[valueKey] === option[valueKey]
+              (item) => item[valueKey] === option[valueKey],
             );
             if (next) {
               optionsCursor = next[childrenKey];
@@ -211,7 +211,7 @@ export default defineComponent({
     const renderOption = (
       option: CascaderOption,
       selectedOption: CascaderOption | null,
-      tabIndex: number
+      tabIndex: number,
     ) => {
       const { disabled } = option;
       const selected = !!(
@@ -247,11 +247,11 @@ export default defineComponent({
     const renderOptions = (
       options: CascaderOption[],
       selectedOption: CascaderOption | null,
-      tabIndex: number
+      tabIndex: number,
     ) => (
       <ul role="menu" class={bem('options')}>
         {options.map((option) =>
-          renderOption(option, selectedOption, tabIndex)
+          renderOption(option, selectedOption, tabIndex),
         )}
       </ul>
     );
@@ -314,7 +314,7 @@ export default defineComponent({
           }
         }
         updateTabs();
-      }
+      },
     );
 
     return () => (

packages/vant/src/cascader/demo/index.vue

@@ -146,7 +146,7 @@ const onFinish = (
   {
     value,
     selectedOptions,
-  }: { value: Numeric; selectedOptions: CascaderOption[] }
+  }: { value: Numeric; selectedOptions: CascaderOption[] },
 ) => {
   const result = selectedOptions
     .map((option) => option.text || option.name)

packages/vant/src/checkbox-group/CheckboxGroup.tsx

@@ -78,7 +78,7 @@ export default defineComponent({
 
     watch(
       () => props.modelValue,
-      (value) => emit('change', value)
+      (value) => emit('change', value),
     );
 
     useExpose<CheckboxGroupExpose>({ toggleAll });

packages/vant/src/checkbox/Checkbox.tsx

@@ -84,7 +84,7 @@ export default defineComponent({
 
     watch(
       () => props.modelValue,
-      (value) => emit('change', value)
+      (value) => emit('change', value),
     );
 
     useExpose<CheckboxExpose>({ toggle, props, checked });

packages/vant/src/circle/Circle.tsx

@@ -90,7 +90,7 @@ export default defineComponent({
         const startRate = props.currentRate;
         const endRate = format(rate);
         const duration = Math.abs(
-          ((startRate - endRate) * 1000) / +props.speed
+          ((startRate - endRate) * 1000) / +props.speed,
         );
 
         const animate = () => {
@@ -114,7 +114,7 @@ export default defineComponent({
           emit('update:currentRate', endRate);
         }
       },
-      { immediate: true }
+      { immediate: true },
     );
 
     const renderHover = () => {

packages/vant/src/collapse-item/CollapseItem.tsx

@@ -53,7 +53,7 @@ export default defineComponent({
     if (!parent) {
       if (process.env.NODE_ENV !== 'production') {
         console.error(
-          '[Vant] <CollapseItem> must be a child component of <Collapse>.'
+          '[Vant] <CollapseItem> must be a child component of <Collapse>.',
         );
       }
       return;
@@ -122,7 +122,7 @@ export default defineComponent({
       const { border, disabled, readonly } = props;
       const attrs = pick(
         props,
-        Object.keys(cellSharedProps) as Array<keyof typeof cellSharedProps>
+        Object.keys(cellSharedProps) as Array<keyof typeof cellSharedProps>,
       );
 
       if (readonly) {

packages/vant/src/collapse/Collapse.tsx

@@ -47,17 +47,17 @@ export type CollapseInstance = ComponentPublicInstance<{
 
 function validateModelValue(
   modelValue: Numeric | Numeric[],
-  accordion: boolean
+  accordion: boolean,
 ) {
   if (accordion && Array.isArray(modelValue)) {
     console.error(
-      '[Vant] Collapse: "v-model" should not be Array in accordion mode'
+      '[Vant] Collapse: "v-model" should not be Array in accordion mode',
     );
     return false;
   }
   if (!accordion && !Array.isArray(modelValue)) {
     console.error(
-      '[Vant] Collapse: "v-model" should be Array in non-accordion mode'
+      '[Vant] Collapse: "v-model" should be Array in non-accordion mode',
     );
     return false;
   }
@@ -87,7 +87,7 @@ export default defineComponent({
         updateName((modelValue as Numeric[]).concat(name));
       } else {
         updateName(
-          (modelValue as Numeric[]).filter((activeName) => activeName !== name)
+          (modelValue as Numeric[]).filter((activeName) => activeName !== name),
         );
       }
     };

packages/vant/src/collapse/test/index.spec.tsx

@@ -231,7 +231,7 @@ test('should be readonly when using readonly prop', async () => {
   await titles[0].trigger('click');
   expect(wrapper.vm.active).toEqual([]);
   expect(wrapper.find('.van-collapse-item__title').classes()).not.toContain(
-    'van-cell--clickable'
+    'van-cell--clickable',
   );
 
   wrapper.unmount();

packages/vant/src/composables/use-height.ts

@@ -5,7 +5,7 @@ import { onPopupReopen } from './on-popup-reopen';
 
 export const useHeight = (
   element: Element | Ref<Element | undefined>,
-  withSafeArea?: boolean
+  withSafeArea?: boolean,
 ) => {
   const height = ref<number>();
 

packages/vant/src/composables/use-lazy-render.ts

@@ -10,8 +10,8 @@ export function useLazyRender(show: WatchSource<boolean | undefined>) {
         inited.value = value;
       }
     },
-    { immediate: true }
+    { immediate: true },
   );
 
-  return (render: () => JSX.Element) => () => inited.value ? render() : null;
+  return (render: () => JSX.Element) => () => (inited.value ? render() : null);
 }

packages/vant/src/composables/use-lock-scroll.ts

@@ -9,7 +9,7 @@ const BODY_LOCK_CLASS = 'van-overflow-hidden';
 
 export function useLockScroll(
   rootRef: Ref<HTMLElement | undefined>,
-  shouldLock: () => boolean
+  shouldLock: () => boolean,
 ) {
   const touch = useTouch();
   const DIRECTION_UP = '01';
@@ -21,7 +21,7 @@ export function useLockScroll(
     const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
     const el = getScrollParent(
       event.target as Element,
-      rootRef.value
+      rootRef.value,
     ) as HTMLElement;
     const { scrollHeight, offsetHeight, scrollTop } = el;
     let status = '11';

packages/vant/src/composables/use-sync-prop-ref.ts

@@ -2,7 +2,7 @@ import { Ref, ref, watch } from 'vue';
 
 export const useSyncPropRef = <T>(
   getProp: () => T,
-  setProp: (value: T) => void
+  setProp: (value: T) => void,
 ) => {
   const propRef = ref<T>(getProp()) as Ref<T>;
 

packages/vant/src/composables/use-visibility-change.ts

@@ -5,7 +5,7 @@ import { onMountedOrActivated } from '@vant/use';
 // @Experimental
 export function useVisibilityChange(
   target: Ref<Element | undefined>,
-  onChange: (visible: boolean) => void
+  onChange: (visible: boolean) => void,
 ) {
   // compatibility: https://caniuse.com/#feat=intersectionobserver
   if (!inBrowser || !window.IntersectionObserver) {
@@ -17,7 +17,7 @@ export function useVisibilityChange(
       // visibility changed
       onChange(entries[0].intersectionRatio > 0);
     },
-    { root: document.body }
+    { root: document.body },
   );
 
   const observe = () => {

packages/vant/src/config-provider/ConfigProvider.tsx

@@ -66,9 +66,9 @@ export default defineComponent({
         extend(
           {},
           props.themeVars,
-          props.theme === 'dark' ? props.themeVarsDark : props.themeVarsLight
+          props.theme === 'dark' ? props.themeVarsDark : props.themeVarsLight,
-        )
+        ),
-      )
+      ),
     );
 
     if (inBrowser) {
@@ -87,7 +87,7 @@ export default defineComponent({
           }
           addTheme();
         },
-        { immediate: true }
+        { immediate: true },
       );
 
       onActivated(addTheme);

packages/vant/src/config-provider/test/index.spec.tsx

@@ -56,7 +56,7 @@ test('should apply theme-vars-light in light mode', () => {
   });
 
   expect(wrapper.element.getAttribute('style')).toEqual(
-    '--van-rate-icon-full-color: blue;'
+    '--van-rate-icon-full-color: blue;',
   );
 });
 
@@ -75,6 +75,6 @@ test('should apply theme-vars-dark in dark mode', () => {
   });
 
   expect(wrapper.element.getAttribute('style')).toEqual(
-    '--van-rate-icon-full-color: green;'
+    '--van-rate-icon-full-color: green;',
   );
 });

packages/vant/src/contact-edit/ContactEdit.tsx

@@ -111,7 +111,7 @@ export default defineComponent({
 
     watch(
       () => props.contactInfo,
-      (value) => extend(contact, DEFAULT_CONTACT, value)
+      (value) => extend(contact, DEFAULT_CONTACT, value),
     );
 
     return () => (

packages/vant/src/contact-edit/test/index.spec.ts

@@ -50,7 +50,7 @@ test('should emit save event after submitting form', async () => {
 
   await submitForm(wrapper);
   expect(wrapper.emitted<[ContactEditInfo]>('save')![0][0]).toEqual(
-    contactInfo
+    contactInfo,
   );
 });
 
@@ -59,7 +59,7 @@ test('should watch contact info', async () => {
   await wrapper.setProps({ contactInfo });
   await submitForm(wrapper);
   expect(wrapper.emitted<[ContactEditInfo]>('save')![0][0]).toEqual(
-    contactInfo
+    contactInfo,
   );
 });
 

packages/vant/src/contact-list/ContactList.tsx

@@ -65,7 +65,7 @@ export default defineComponent({
           nodes.push(
             <Tag type="primary" round class={bem('item-tag')}>
               {props.defaultTagText}
-            </Tag>
+            </Tag>,
           );
         }
 

packages/vant/src/contact-list/README.zh-CN.md

@@ -109,10 +109,10 @@ import type { ContactListItem, ContactListProps } from 'vant';
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                  | 默认值                     | 描述 |
+| 名称 | 默认值 | 描述 |
-| ------------------------------------- | -------------------------- | ---- |
+| --- | --- | --- |
 | --van-contact-list-padding | _var(--van-padding-sm) var(--van-padding-sm) 80px_ | - |
-| --van-contact-list-edit-icon-size     | _16px_                     | -    |
+| --van-contact-list-edit-icon-size | _16px_ | - |
-| --van-contact-list-add-button-z-index | _999_                      | -    |
+| --van-contact-list-add-button-z-index | _999_ | - |
-| --van-contact-list-radio-color        | _var(--van-primary-color)_ | -    |
+| --van-contact-list-radio-color | _var(--van-primary-color)_ | - |
-| --van-contact-list-item-padding       | _var(--van-padding-md)_    | -    |
+| --van-contact-list-item-padding | _var(--van-padding-md)_ | - |

packages/vant/src/coupon-list/CouponList.tsx

@@ -75,7 +75,7 @@ export default defineComponent({
         !props.exchangeButtonLoading &&
         (props.exchangeButtonDisabled ||
           !currentCode.value ||
-          currentCode.value.length < props.exchangeMinLength)
+          currentCode.value.length < props.exchangeMinLength),
     );
 
     const updateListHeight = () => {
@@ -190,7 +190,7 @@ export default defineComponent({
       () => props.code,
       (value) => {
         currentCode.value = value;
-      }
+      },
     );
 
     watch(windowHeight, updateListHeight);

packages/vant/src/coupon/utils.ts

@@ -3,7 +3,7 @@ import { padZero } from '../utils';
 export function getDate(timeStamp: number) {
   const date = new Date(timeStamp * 1000);
   return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
-    date.getDate()
+    date.getDate(),
   )}`;
 }
 

packages/vant/src/date-picker/DatePicker.tsx

@@ -63,7 +63,7 @@ export default defineComponent({
         maxYear,
         'year',
         props.formatter,
-        props.filter
+        props.filter,
       );
     };
 
@@ -104,7 +104,7 @@ export default defineComponent({
         maxMonth,
         'month',
         props.formatter,
-        props.filter
+        props.filter,
       );
     };
 
@@ -133,12 +133,12 @@ export default defineComponent({
           default:
             if (process.env.NODE_ENV !== 'production') {
               throw new Error(
-                `[Vant] DatePicker: unsupported columns type: ${type}`
+                `[Vant] DatePicker: unsupported columns type: ${type}`,
               );
             }
             return [];
         }
-      })
+      }),
     );
 
     watch(currentValues, (newValues) => {
@@ -152,7 +152,7 @@ export default defineComponent({
       (newValues, oldValues) => {
         updatedByExternalSources.value = isSameValue(
           oldValues,
-          currentValues.value
+          currentValues.value,
         );
         newValues = formatValueRange(newValues, columns.value);
         if (!isSameValue(newValues, currentValues.value)) {
@@ -162,7 +162,7 @@ export default defineComponent({
       },
       {
         immediate: true,
-      }
+      },
     );
 
     const onChange = (...args: unknown[]) => emit('change', ...args);

packages/vant/src/date-picker/test/index.spec.ts

@@ -27,7 +27,7 @@ test('should emit confirm event correctly', async () => {
       ],
       selectedValues: ['2030', '01', '01'],
       selectedIndexes: [0, 0, 0],
-    }
+    },
   );
 });
 
@@ -66,10 +66,12 @@ test('should allow to dynamically set value', async () => {
   await wrapper.find('.van-picker__confirm').trigger('click');
 
   expect(
-    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
+    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
+      .selectedValues,
   ).toEqual(['2020', '02', '02']);
   expect(
-    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![1][0].selectedValues
+    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![1][0]
+      .selectedValues,
   ).toEqual(['2020', '03', '03']);
 });
 
@@ -94,7 +96,8 @@ test('should render with max-date correctly', async () => {
   await later();
   await wrapper.find('.van-picker__confirm').trigger('click');
   expect(
-    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
+    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
+      .selectedValues,
   ).toEqual(['2010', '01', '10']);
 });
 
@@ -119,7 +122,8 @@ test('should render with min-date correctly', async () => {
   await later();
   await wrapper.find('.van-picker__confirm').trigger('click');
   expect(
-    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
+    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
+      .selectedValues,
   ).toEqual(['2000', '10', '10']);
 });
 
@@ -197,7 +201,8 @@ test('should update value correctly when dynamically change min-date', async ()
 
   await wrapper.find('.van-picker__confirm').trigger('click');
   expect(
-    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
+    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
+      .selectedValues,
   ).toEqual(['2020', '12', '20']);
 });
 
@@ -218,6 +223,7 @@ test('should be displayed correctly when modelValue updated by external sources'
 
   await wrapper.find('.van-picker__confirm').trigger('click');
   expect(
-    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0].selectedValues
+    wrapper.emitted<[PickerConfirmEventParams]>('confirm')![0][0]
+      .selectedValues,
   ).toEqual(['2024', '01']);
 });

packages/vant/src/date-picker/utils.ts

@@ -12,7 +12,7 @@ import type { PickerOption } from '../picker';
 type Filter = (
   columnType: string,
   options: PickerOption[],
-  values?: string[]
+  values?: string[],
 ) => PickerOption[];
 export type TimeFilter = RequiredParams<Filter>;
 type Formatter = (type: string, option: PickerOption) => PickerOption;
@@ -54,7 +54,7 @@ export const genOptions = <T extends string>(
   type: T,
   formatter: Formatter,
   filter?: Filter | TimeFilter,
-  values?: string[]
+  values?: string[],
 ) => {
   const options = times(max - min + 1, (index) => {
     const value = padZero(min + index);

packages/vant/src/dialog/Dialog.tsx

@@ -135,7 +135,7 @@ export default defineComponent({
         onEventType[event.key]();
         emit('keydown', event);
       },
-      ['enter', 'esc']
+      ['enter', 'esc'],
     );
 
     const renderTitle = () => {

packages/vant/src/dialog/README.zh-CN.md

@@ -224,7 +224,7 @@ Vant 中导出了以下 Dialog 相关的辅助函数：
 
 通过组件调用 `Dialog` 时，支持以下事件：
 
-| 事件名    | 说明                     | 回调参数 |
+| 事件名  | 说明                     | 回调参数 |
 | ------- | ------------------------ | -------- |
 | confirm | 点击确认按钮时触发       | -        |
 | cancel  | 点击取消按钮时触发       | -        |

packages/vant/src/dialog/function-call.tsx

@@ -62,7 +62,7 @@ export function showDialog(options: DialogOptions) {
         callback: (action: DialogAction) => {
           (action === 'confirm' ? resolve : reject)(action);
         },
-      })
+      }),
     );
   });
 }

packages/vant/src/dialog/test/index.spec.js

@@ -152,7 +152,7 @@ test('should allow to disable confirm button', () => {
     },
   });
   expect(wrapper.find('.van-dialog__confirm').classes()).toContain(
-    'van-button--disabled'
+    'van-button--disabled',
   );
 });
 
@@ -166,6 +166,6 @@ test('should allow to disable cancel button', () => {
     },
   });
   expect(wrapper.find('.van-dialog__cancel').classes()).toContain(
-    'van-button--disabled'
+    'van-button--disabled',
   );
 });

packages/vant/src/dropdown-item/DropdownItem.tsx

@@ -65,7 +65,7 @@ export default defineComponent({
     if (!parent) {
       if (process.env.NODE_ENV !== 'production') {
         console.error(
-          '[Vant] <DropdownItem> must be a child component of <DropdownMenu>.'
+          '[Vant] <DropdownItem> must be a child component of <DropdownMenu>.',
         );
       }
       return;
@@ -90,7 +90,7 @@ export default defineComponent({
 
     const toggle = (
       show = !state.showPopup,
-      options: { immediate?: boolean } = {}
+      options: { immediate?: boolean } = {},
     ) => {
       if (show === state.showPopup) {
         return;
@@ -115,7 +115,7 @@ export default defineComponent({
       }
 
       const match = props.options.find(
-        (option) => option.value === props.modelValue
+        (option) => option.value === props.modelValue,
       );
 
       return match ? match.text : '';

packages/vant/src/dropdown-item/types.ts

@@ -13,7 +13,7 @@ export type DropdownItemExpose = {
     show?: boolean,
     options?: {
       immediate?: boolean;
-    }
+    },
   ) => void;
   /** @private */
   state: {

packages/vant/src/dropdown-menu/DropdownMenu.tsx

@@ -65,7 +65,7 @@ export default defineComponent({
     const scrollParent = useScrollParent(root);
 
     const opened = computed(() =>
-      children.some((item) => item.state.showWrapper)
+      children.some((item) => item.state.showWrapper),
     );
 
     const barStyle = computed<CSSProperties | undefined>(() => {

packages/vant/src/dropdown-menu/test/index.spec.tsx

@@ -10,7 +10,7 @@ function renderWrapper(
     direction?: DropdownMenuDirection | undefined;
     closeOnClickOutside?: boolean;
     icon?: string;
-  } = {}
+  } = {},
 ) {
   return mount({
     setup() {
@@ -242,14 +242,14 @@ test('toggle method', (done) => {
         await later();
 
         expect(
-          wrapper.find('.van-dropdown-item__content').style.display
+          wrapper.find('.van-dropdown-item__content').style.display,
         ).toEqual('');
 
         // hide
         item.value.toggle(false, { immediate: true });
         await later();
         expect(
-          wrapper.find('.van-dropdown-item__content').style.display
+          wrapper.find('.van-dropdown-item__content').style.display,
         ).toEqual('none');
 
         done();